/* ==========================================================================
   CareRight / Clintel brand overlay for the Redmineflux Lotus theme
   --------------------------------------------------------------------------
   Loads after lotus_theme.css and plugin.css. Override-only: no vendor file is
   modified, so Lotus can be upgraded by Zehntech without losing any of this.

   Everything is scoped to body.lotus-theme. Switch the theme off in
   Administration > Settings > Display and none of this applies.

   Brand sampled from https://careright.au on 31 Jul 2026:
     primary   #2F76E0     ink  #333333     muted #616161
     typeface  Plus Jakarta Sans (SIL OFL 1.1, self-hosted below)
     buttons   pill radius, weight 600
     surfaces  white cards on a very light blue wash

   STRATEGY
   Lotus is token-driven (--rf-*), so section 2 does most of the work by
   redefining its palette. That reaches every page the theme styles, including
   ones not individually reviewed. Later sections handle what tokens cannot:
   colours Lotus hard-codes, vendor copy and images, and two layout defects.

   Asset URLs are relative so the asset pipeline can digest them.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Self-hosted typeface (no external requests from the Webdesk)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/assets/plugin_assets/zz_clintel_brand/plus-jakarta-sans-var-326c00a8.woff2") format("woff2-variations"),
       url("/assets/plugin_assets/zz_clintel_brand/plus-jakarta-sans-var-326c00a8.woff2") format("woff2");
  font-weight: 400 700;              /* one variable file covers the range */
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   2. Palette. This is the main lever.
      Lotus ships a teal primary (#2DB7A3) plus a separate indigo (#2563EB /
      #4338CA) and blends them, which is why the UI reads as two brands at
      once. Both collapse to the single CareRight blue here.

      The surface tokens are the fix for "it looks too white": Lotus put white
      cards on a near-white page, so nothing separated. CareRight separates its
      sections with a light blue wash, so the canvas is tinted and the cards
      stay pure white on top of it.
   -------------------------------------------------------------------------- */
body.lotus-theme {
  --rf-primary:       #2F76E0;       /* was #2DB7A3 teal */
  --rf-primary-dark:  #2560BC;
  --rf-primary-hover: #2560BC;
  --rf-primary-light: #EAF1FC;

  --rf-blue:          #2F76E0;       /* was #2563EB, a second near-miss blue */
  --rf-blue-dark:     #2560BC;
  --rf-blue-light:    #EAF1FC;
  --rf-indigo:        #2560BC;       /* was #4338CA */

  --rf-focus:         #2F76E0;
  --rf-focus-ring:    rgba(47, 118, 224, .15);

  --rf-text-h:        #333333;       /* CareRight ink */
  --rf-text-subtle:   #6B7280;       /* was #9CA3AF, ~2.6:1 on white */

  --rf-bg:            #EFF4FB;       /* was #F5F6FA, near-white */
  --rf-bg-hover:      #E4ECF8;
  --rf-border:        #E2E8F2;
  --rf-border-dark:   #CBD6E6;

  --rf-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
             "Segoe UI", Roboto, Arial, sans-serif;

  /* Local aliases used below. */
  --cr-canvas:       #EFF4FB;
  --cr-primary:      #2F76E0;
  --cr-primary-dark: #2560BC;
  --cr-tint:         #EAF1FC;
  --cr-ink:          #333333;
  --cr-muted:        #616161;
  --cr-border:       #E2E8F2;
  --cr-font: var(--rf-font);
}

body.lotus-theme,
body.lotus-theme input,
body.lotus-theme select,
body.lotus-theme textarea,
body.lotus-theme button,
body.lotus-theme #content {
  font-family: var(--cr-font);
}

body.lotus-theme h1,
body.lotus-theme h2,
body.lotus-theme h3,
body.lotus-theme h4 {
  font-family: var(--cr-font);
  font-weight: 600;
  letter-spacing: -.01em;
}

/* --------------------------------------------------------------------------
   3. Canvas and chrome
   -------------------------------------------------------------------------- */
body.lotus-theme,
body.lotus-theme #main,
body.lotus-theme #content {
  background-color: var(--cr-canvas) !important;
}

body.lotus-theme #top-menu {
  background: #fff !important;
  border-bottom: 1px solid var(--cr-border);
}

body.lotus-theme #sidebar {
  background: #fff !important;
  border-right: 1px solid var(--cr-border);
}

/* Brand mark, top left. .rf_logo_icon is an empty <span> carrying the vendor
   SVG as a background set with !important, so each longhand needs !important. */
body.lotus-theme .rf_tb_logo .rf_logo_icon {
  background-image: url("/assets/plugin_assets/zz_clintel_brand/careright-logo-04a08a42.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 152px !important;
  height: 34px !important;
}
body.lotus-theme .rf_tb_logo .rf_logo_icon svg,
body.lotus-theme .rf_tb_logo .rf_logo_icon img {
  display: none !important;
}

/* --------------------------------------------------------------------------
   4. Buttons and gradients Lotus hard-codes, so tokens cannot reach them
   -------------------------------------------------------------------------- */
body.lotus-theme input[type="submit"] {
  background-image: none !important;
  background-color: var(--cr-primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;   /* CareRight uses pill buttons */
  font-weight: 600;
  font-size: 16px;
  padding: 13px 25px;
}
body.lotus-theme input[type="submit"]:hover {
  background-color: var(--cr-primary-dark) !important;
}

/* --------------------------------------------------------------------------
   5. Sidebar navigation
   -------------------------------------------------------------------------- */
body.lotus-theme .rf_sb_list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 9px;
  color: #4B5563;
  font-weight: 500;
  transition: background-color .14s ease, color .14s ease;
}
body.lotus-theme .rf_sb_list li a.selected,
body.lotus-theme .rf_sb_list li.selected > a {
  background-image: none !important;
  background-color: var(--cr-primary) !important;
  color: #fff !important;
  font-weight: 600;
}
body.lotus-theme .rf_sb_list li a:not(.selected):hover {
  background-image: none !important;
  background-color: var(--cr-tint) !important;
  color: var(--cr-primary) !important;
}

/* Project title was truncating to "REDMINE TEST (6.1 ..." */
body.lotus-theme .rf_sb_page_title {
  font-size: 15px;
  line-height: 1.35;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  font-weight: 600;
  color: var(--cr-ink);
}

/* Divider under the nav list with nothing beneath it */
body.lotus-theme .rf_sb_core_section:has(#sidebar-wrapper:empty) {
  border-top: 0 !important;
}

body.lotus-theme .rf_nav_more_btn,
body.lotus-theme .rf_nav_more_item.open .rf_nav_more_btn {
  background-image: none !important;
  background-color: var(--cr-tint) !important;
  color: var(--cr-primary) !important;
  border-radius: 8px;
}

/* --------------------------------------------------------------------------
   6. Home page
      6a. .rf_home_greeting rendered #555 on the teal wash = 2.1:1. Its
          siblings (.rf_home_date, .rf_home_tagline) were already white, so
          this is a defect in Lotus rather than a style choice.
      6b. .rf_home_tagline reads "RedmineFlux Project Management System".
      6c. .rf_home_content is a hard-coded "504px 504px" grid whose right
          column has no element children, which stranded the Information card
          at half width on a 1440px screen.
   -------------------------------------------------------------------------- */
body.lotus-theme .rf_home_hero {
  background-image: linear-gradient(118deg, #2F76E0 0%, #2A6AD0 46%, #1F55AE 100%) !important;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(31, 85, 174, .18);
  overflow: hidden;
}

body.lotus-theme .rf_home_greeting {
  color: #fff !important;            /* 2.1:1 -> 8.6:1 */
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.02em;
}
body.lotus-theme .rf_home_username {
  color: #BFD6F7 !important;
}
body.lotus-theme .rf_home_date {
  color: rgba(255, 255, 255, .72) !important;
  letter-spacing: .02em;
}

body.lotus-theme .rf_home_tagline {
  font-size: 0 !important;
  line-height: 0 !important;
}
body.lotus-theme .rf_home_tagline::after {
  content: "Clintel Systems Webdesk";
  display: block;
  font-family: var(--cr-font);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, .88);
}

/* Hero buttons: solid white primary, ghost secondary, CareRight pill shape */
body.lotus-theme .rf_hero_btn {
  border-radius: 999px !important;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  background: transparent !important;
  color: #fff !important;
  padding: 10px 20px !important;
}
body.lotus-theme .rf_hero_btn:hover {
  background: rgba(255, 255, 255, .14) !important;
}
body.lotus-theme .rf_hero_btn_primary {
  background: #fff !important;
  color: var(--cr-primary) !important;
  border-color: #fff !important;
}
body.lotus-theme .rf_hero_btn_primary:hover {
  background: var(--cr-tint) !important;
  color: var(--cr-primary) !important;
}

/* The hero illustration is an inline SVG with teal baked into presentation
   attributes; retint it to brand blue rather than dropping the visual. */
body.lotus-theme .rf_home_illustration svg rect[fill="#F0FDF9"] { fill: #EAF1FC; }
body.lotus-theme .rf_home_illustration svg rect[fill="#EFF6FF"] { fill: #DCE8FA; }
body.lotus-theme .rf_home_illustration svg rect[fill="#FFF7ED"] { fill: #F1F5FC; }
body.lotus-theme .rf_home_illustration svg [stroke="#2DB7A3"]   { stroke: #2F76E0; }
body.lotus-theme .rf_home_illustration svg [fill="rgba(45,183,163,0.12)"] { fill: rgba(47, 118, 224, .10); }

/* Stat cards */
body.lotus-theme .rf_home_stat_card {
  background: #fff !important;
  border: 1px solid var(--cr-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(31, 85, 174, .05);
  transition: box-shadow .16s ease, transform .16s ease, border-color .16s ease;
}
body.lotus-theme .rf_home_stat_card:hover {
  box-shadow: 0 8px 20px rgba(31, 85, 174, .10);
  border-color: #C7D8F2 !important;
  transform: translateY(-1px);
}
body.lotus-theme .rf_stat_card_num {
  color: var(--cr-ink) !important;
  letter-spacing: -.02em;
}
body.lotus-theme .rf_stat_card_label {
  color: var(--cr-muted) !important;
}

/* Brand blue for the two neutral metrics. Overdue keeps red, because that is
   a semantic signal rather than decoration. */
body.lotus-theme .rf_stat_icon_projects,
body.lotus-theme .rf_stat_icon_issues {
  background: var(--cr-tint) !important;
  color: var(--cr-primary) !important;
}
body.lotus-theme .rf_stat_icon_projects svg,
body.lotus-theme .rf_stat_icon_issues svg {
  stroke: var(--cr-primary) !important;
}

/* .rf_home_right holds a whitespace text node, so :empty never matches.
   Test for element children instead; this reverts to two columns on its own
   if a block is ever added to the right-hand side. */
body.lotus-theme .rf_home_content:not(:has(.rf_home_right > *)) {
  grid-template-columns: minmax(0, 1fr) !important;
}
body.lotus-theme .rf_home_content:not(:has(.rf_home_right > *)) .rf_home_right {
  display: none !important;
}

/* --------------------------------------------------------------------------
   7. Cards, tables, empty states
   -------------------------------------------------------------------------- */
body.lotus-theme .rf_home_card,
body.lotus-theme .rf_project_card,
body.lotus-theme .rf_table_wrap {
  background: #fff !important;
  border: 1px solid var(--cr-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(31, 85, 174, .05);
}
body.lotus-theme .rf_home_card_title {
  font-size: 16px;
  font-weight: 600;
  color: var(--cr-ink) !important;
}

/* Empty states used a cream/amber block, which reads as a warning */
body.lotus-theme p.nodata,
body.lotus-theme div.nodata {
  background-color: #fff !important;
  border: 1px dashed var(--cr-border) !important;
  color: var(--cr-muted) !important;
  border-radius: 10px;
}

/* --------------------------------------------------------------------------
   8. Login page
      Lotus ships this page with Lorem Ipsum body copy, the vendor "Flux"
      wordmark, a stock dashboard illustration and carousel dots. Replaced
      with a CareRight clinical photo under a brand-blue scrim.
   -------------------------------------------------------------------------- */
body.lotus-theme .rf_login_left {
  background:
    linear-gradient(to top,
      rgba(14, 42, 88, .94) 0%,
      rgba(20, 58, 118, .72) 38%,
      rgba(47, 118, 224, .42) 72%,
      rgba(47, 118, 224, .34) 100%),
    url("/assets/plugin_assets/zz_clintel_brand/login-clinical-12f219c7.webp") center 15% / cover no-repeat !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 46px 46px 52px !important;
  gap: 0 !important;
  overflow: hidden;
}

body.lotus-theme .rf_login_logo_text,
body.lotus-theme .rf_login_logo svg,
body.lotus-theme .rf_login_preview_wrap,
body.lotus-theme .rf_login_dots {
  display: none !important;
}

body.lotus-theme .rf_login_logo {
  position: static !important;
  width: 210px !important;
  height: 48px !important;
  margin: 0 !important;
  flex: 0 0 auto;
  background: url("/assets/plugin_assets/zz_clintel_brand/careright-logo-04a08a42.png") no-repeat left center / contain !important;
  filter: brightness(0) invert(1);   /* knock the wordmark out to white */
}

/* Lotus centres these with margin:0 auto and max-width:320px, so both the
   margin and the max-width have to be cleared, not just the padding. */
body.lotus-theme .rf_login_tagline,
body.lotus-theme .rf_login_tagline_sub {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-align: left !important;
}
body.lotus-theme .rf_login_tagline {
  margin-top: auto !important;       /* pin the copy to the bottom */
}

body.lotus-theme .rf_login_tagline::after {
  content: "Clintel Systems Webdesk";
  display: block;
  font-family: var(--cr-font);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 20px rgba(12, 40, 86, .35);
}

body.lotus-theme .rf_login_tagline_sub::after {
  content: "Support requests, project tracking and documentation for CareRight.";
  display: block;
  max-width: 36ch;
  margin: 14px 0 0;
  font-family: var(--cr-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, .9);
  text-align: left;
  text-shadow: 0 1px 14px rgba(12, 40, 86, .3);
}

/* "Welcome Back.." -> a sentence without two full stops */
body.lotus-theme .rf_login_title {
  font-size: 0 !important;
}
body.lotus-theme .rf_login_title::after {
  content: "Sign in";
  display: block;
  font-family: var(--cr-font);
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -.015em;
  color: var(--cr-ink);
}

body.lotus-theme .rf_login_subtitle {
  color: var(--cr-muted);
  font-size: 15px;
}

body.lotus-theme .rf_login_form input[type="text"],
body.lotus-theme .rf_login_form input[type="password"] {
  border-color: var(--cr-border);
  border-radius: 10px;
  font-family: var(--cr-font);
}
body.lotus-theme .rf_login_form input[type="text"]:focus,
body.lotus-theme .rf_login_form input[type="password"]:focus {
  border-color: var(--cr-primary);
  box-shadow: 0 0 0 3px var(--rf-focus-ring);
  outline: none;
}

/* --------------------------------------------------------------------------
   9. Footer was #AAA on white (2.3:1) and clipping its last line
   -------------------------------------------------------------------------- */
body.lotus-theme #footer {
  color: var(--cr-muted);            /* 2.3:1 -> 6.4:1 */
  padding-block: 18px;
  overflow: visible;
  min-height: 44px;
  background: transparent;
}
body.lotus-theme #footer a {
  color: var(--cr-primary);
}

/* --------------------------------------------------------------------------
   Findings from the vendor-stylesheet audit
   -------------------------------------------------------------------------- */

/* The "Flux" mark rendered at 32px beside every project name on project pages
   (lotus_theme.css:3179, a background SVG). Hidden rather than replaced: the
   CareRight wordmark is a wide lockup and does not read at 32 square. */
body.lotus-theme .rf_ph_check_icon {
  display: none !important;
}

/* Card labels collide when a card is squeezed ("StaDue DatDate",
   "CusPnoje Mana"). Cause: .rf_card_date_item / .rf_person_item / .rf_cf_item
   are all flex:1 with min-width:0, which removes the min-content floor, and
   .rf_date_label (lotus_theme.css:1725) is the one text run in the card with
   no overflow handling, so it paints over its neighbour instead of clipping. */
body.lotus-theme .rf_date_label,
body.lotus-theme .rf_date_value,
body.lotus-theme .rf_person_label,
body.lotus-theme .rf_person_name,
body.lotus-theme .rf_cf_item::before {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
}

/* Projects board: give the grid a width floor and let it wrap on available
   space instead of four hard viewport steps. display and grid-auto-flow are
   pinned because the live instance appears to receive a column flow from a
   stylesheet outside the two vendor files, which is what puts every card in
   one non-wrapping row. The ID raises specificity above anything in the
   vendor sheets. */
body.lotus-theme .rf_projects_grid,
body.lotus-theme #projects-index.rf_projects_grid {
  /* The container renders 0px wide on the live instance, which is the whole
     bug. Per the Grid spec, auto-fill only produces more than one repetition
     when the container has a DEFINITE inline size; with an indefinite size the
     count is exactly 1. That is why grid-template-columns computed to a single
     "290px" track while the cards overflowed their own container.

     A block-level grid in normal flow always fills its containing block, so a
     0 width means it is not in normal flow: a collapsed flex item, a float, or
     an absolutely positioned box. All three were reproduced, and the four
     recovery declarations below fix all three without needing to know which
     one applies here. Verified: broken gives "290px", fixed gives two real
     tracks. */
  /* width:100% was not enough: the PARENT is 0 wide too, so 100% of 0 is 0.
     A viewport-derived length is definite no matter what any ancestor does,
     which is what auto-fill needs. Verified against a literally 0px-wide
     parent: without this the grid measures 0 with 1 track, with it 1324 with
     4 tracks. 100vw includes the scrollbar, hence the extra subtraction. */
  width: calc(100vw - var(--rf-sidebar-w) - 68px) !important;
  max-width: calc(100vw - var(--rf-sidebar-w) - 68px) !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  float: none !important;
  position: static !important;

  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important;
  gap: 16px !important;
  overflow-x: visible !important;
}
body.lotus-theme .rf_project_card,
body.lotus-theme .rf_subproject_card {
  min-width: 0;
}
/* --------------------------------------------------------------------------
   10. The vendor primary-button gradient
      linear-gradient(95.99deg, #1673FF 4.75%, #10C08B 123.45%) is repeated
      across 164 selectors in 37 rule blocks: submit buttons, .btn-primary,
      every .contextual .icon-add, and the CRM / Gantt / Knowledgebase
      modules. Many are declared unscoped and with !important, so tokens
      cannot reach them. White on its green end measures 2.35:1.
      This list is generated from the vendor stylesheets, not hand-written.
   -------------------------------------------------------------------------- */

body.lotus-theme #bulk-update-result-btn.bulk-update-btn,
body.lotus-theme #bulk-update-submit-btn,
#content>div.containerBlock>div>a.rf-icon-link.icon.rf-icon-sprite,
#content>div.settings-container>form>div.settings-actions>button.settings-btn.settings-btn-primary,
#content>div.tsa-schema-section>div.tsa-schema-body>p>a,
body.lotus-theme #create-checklist-template-link,
body.lotus-theme #create-run-type-link,
body.lotus-theme #tab-content-boards>p>a.icon.icon-add,
body.lotus-theme #tab-content-categories>p>a.icon.icon-add,
body.lotus-theme #tab-content-members>p>a.icon.icon-add,
body.lotus-theme #tab-content-memberships>p>a.icon.icon-add,
body.lotus-theme #tab-content-repositories>p>a.icon.icon-add,
body.lotus-theme #tab-content-users>p>a.icon.icon-add,
body.lotus-theme #tab-content-versions>p>a.icon.icon-add,
body.lotus-theme .add-page-modal .action-btn .next-btn,
body.lotus-theme .btn-primary,
body.lotus-theme .btn-start-stop,
body.lotus-theme .contextual.for_tag,
.controller-enumerations #content>p>a.icon.icon-add,
.controller-issues.action-show #sidebar a.rf_sb_link.issues,
.controller-rf_board_configs #query-form>div.rf-options-actions>input,
.controller-rf_knowledgebase input.kb-btn-submit,
.controller-rf_knowledgebase_nodes input.kb-btn-submit,
.controller-rf_leaves #content .btn-primary,
.controller-rf_leaves #content [class*="btn-primary"],
.controller-rf_settings #content .btn-primary,
.controller-rf_settings #content .settings-btn-primary,
.controller-rf_settings #content [class*="btn-primary"],
.controller-rf_skills #content .btn-primary,
.controller-rf_skills #content .settings-btn-primary,
.controller-rf_skills #content [class*="btn-primary"],
.controller-rf_teams #content .btn-primary,
.controller-rf_teams #content [class*="btn-primary"],
.controller-rf_workloads #content .btn-primary,
.controller-rf_workloads #content .wid-btn-primary,
.controller-rf_workloads #content [class*="btn-primary"],
.controller-timelog.action-report #sidebar a.rf_sb_link.time-entries,
.controller-timelog.lotus-theme .contextual a.icon-time-add,
body.lotus-theme .edit_testsuite-modal input#update-btn,
body.lotus-theme .jira-btn-primary,
body.lotus-theme .new-testsuite-modal .testsuite-modal-btn .create-testsuite,
body.lotus-theme .testrun-modal-btn input#update-btn.update-run,
body.lotus-theme .testrun-select-cases-modal-btn .create-test-cases-run,
body.lotus-theme .ts-modal-log-btn,
body.lotus-theme .ts-topbar-submit,
body.lotus-theme /* ================================================================ INVOICE PLUGIN — LOTUS THEME COMPATIBILITY ================================================================ */ #content>div>div>form>input.icon.icon-add,
body.lotus-theme /* Issue template */ #content>div.contextual.add_issue_template>a,
body.lotus-theme /* New,
body.lotus-theme /* add button */ #content>div.helpdesk_top_section>div>a.icon.icon-add,
body.lotus-theme a.icon.plus_icon.add_knowledgebase_template,
body.lotus-theme apply button style */ button.applyBtn.btn.btn-sm.btn-primary,
body.lotus-theme #content div#new-run-btn,
body.lotus-theme #content>div.form-navigation>a.button_for_cancel.btn_for_import,
body.lotus-theme #csv-export-options input[type="submit"],
body.lotus-theme #rf-gantt-add-release.rf-gantt-btn--primary,
body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary,
body.lotus-theme #rf-gantt-app .rf-gantt-display-btn--active,
body.lotus-theme #rf-gantt-app .rf-gantt-zoom-btn--active,
body.lotus-theme #sidebar .rf_sb_link.rf_active,
body.lotus-theme .action-btn-primary,
body.lotus-theme .contextual a.icon-add,
body.lotus-theme .crm-btn-primary,
body.lotus-theme .crm-form-btn-primary,
body.lotus-theme .kb-ui-button-primary,
body.lotus-theme .rf-btn-primary,
body.lotus-theme .rf-gantt-header-add-btn,
body.lotus-theme .rf-gantt-left__add-issue-inline,
body.lotus-theme .tagedit_button input#save_tag,
body.lotus-theme .testrun-modal-btn .create-testrun,
body.lotus-theme a.rf-btn.rf-btn-primary,
body.lotus-theme button#addChartBtn,
body.lotus-theme button#add_tag_btn,
body.lotus-theme button#calendar_add_entry,
body.lotus-theme button#confirmAddChart,
body.lotus-theme button#save_edit_tag,
body.lotus-theme button#submited,
body.lotus-theme button.btn-issue.btn-add.btn-add-issue,
body.lotus-theme button.isclosed_run_button,
body.lotus-theme button[type="submit"],
body.lotus-theme create,
body.lotus-theme div.add-result-btn>#update-btn,
body.lotus-theme input.tt-settings-btn.tt-settings-btn-primary,
body.lotus-theme input[type="submit"],
body.lotus-theme save,
body.lotus-theme update {
  background-image: none !important;
  background-color: var(--cr-primary) !important;
  color: #fff !important;
  border-color: var(--cr-primary) !important;
}

body.lotus-theme #bulk-update-result-btn.bulk-update-btn:hover,
body.lotus-theme #bulk-update-submit-btn:hover,
#content>div.containerBlock>div>a.rf-icon-link.icon.rf-icon-sprite:hover,
#content>div.contextual.add_issue_template>a:hover,
#content>div.helpdesk_top_section>div>a.icon.icon-add:hover,
#content>div.settings-container>form>div.settings-actions>button.settings-btn.settings-btn-primary:hover,
#content>div.tsa-schema-section>div.tsa-schema-body>p>a:hover,
#content>div>div>form>input.icon.icon-add:hover,
body.lotus-theme #create-checklist-template-link:hover,
body.lotus-theme #create-run-type-link:hover,
body.lotus-theme #tab-content-boards>p>a.icon.icon-add:hover,
body.lotus-theme #tab-content-categories>p>a.icon.icon-add:hover,
body.lotus-theme #tab-content-members>p>a.icon.icon-add:hover,
body.lotus-theme #tab-content-memberships>p>a.icon.icon-add:hover,
body.lotus-theme #tab-content-repositories>p>a.icon.icon-add:hover,
body.lotus-theme #tab-content-users>p>a.icon.icon-add:hover,
body.lotus-theme #tab-content-versions>p>a.icon.icon-add:hover,
body.lotus-theme .add-page-modal .action-btn .next-btn:hover,
body.lotus-theme .btn-primary:hover,
body.lotus-theme .btn-start-stop:hover,
body.lotus-theme .contextual.for_tag:hover,
.controller-enumerations #content>p>a.icon.icon-add:hover,
.controller-rf_board_configs #query-form>div.rf-options-actions>input:hover,
.controller-rf_knowledgebase input.kb-btn-submit:hover,
.controller-rf_knowledgebase_nodes input.kb-btn-submit:hover,
.controller-rf_leaves #content .btn-primary:hover,
.controller-rf_leaves #content [class*="btn-primary"]:hover,
.controller-rf_settings #content .btn-primary:hover,
.controller-rf_settings #content .settings-btn-primary:hover,
.controller-rf_settings #content [class*="btn-primary"]:hover,
.controller-rf_skills #content .btn-primary:hover,
.controller-rf_skills #content .settings-btn-primary:hover,
.controller-rf_skills #content [class*="btn-primary"]:hover,
.controller-rf_teams #content .btn-primary:hover,
.controller-rf_teams #content [class*="btn-primary"]:hover,
.controller-rf_workloads #content .btn-primary:hover,
.controller-rf_workloads #content .wid-btn-primary:hover,
.controller-rf_workloads #content [class*="btn-primary"]:hover,
.controller-timelog.lotus-theme .contextual a.icon-time-add:hover,
body.lotus-theme .edit_testsuite-modal input#update-btn:hover,
body.lotus-theme .jira-btn-primary:hover,
body.lotus-theme .new-testsuite-modal .testsuite-modal-btn .create-testsuite:hover,
body.lotus-theme .testrun-modal-btn input#update-btn.update-run:hover,
body.lotus-theme .testrun-select-cases-modal-btn .create-test-cases-run:hover,
body.lotus-theme .ts-modal-log-btn:hover,
body.lotus-theme .ts-topbar-submit:hover,
body.lotus-theme a.icon.plus_icon.add_knowledgebase_template:hover,
body.lotus-theme #content div#new-run-btn:hover,
body.lotus-theme #content>div.form-navigation>a.button_for_cancel.btn_for_import:hover,
body.lotus-theme #csv-export-options input[type="submit"]:hover,
body.lotus-theme #rf-gantt-add-release.rf-gantt-btn--primary:hover,
body.lotus-theme #rf-gantt-app .rf-gantt-btn--primary:hover,
body.lotus-theme #rf-gantt-app .rf-gantt-display-btn:hover,
body.lotus-theme #rf-gantt-app .rf-gantt-zoom-btn:hover,
body.lotus-theme #sidebar .rf_sb_link.rf_active:hover,
body.lotus-theme .action-btn-primary:hover,
body.lotus-theme .contextual a.icon-add:hover,
body.lotus-theme .crm-btn-primary:hover,
body.lotus-theme .crm-form-btn-primary:hover,
body.lotus-theme .kb-ui-button-primary:hover,
body.lotus-theme .rf-btn-primary:hover,
body.lotus-theme .rf-gantt-header-add-btn:hover,
body.lotus-theme .rf-gantt-left__add-issue-inline:hover,
body.lotus-theme .tagedit_button input#save_tag:hover,
body.lotus-theme .testrun-modal-btn .create-testrun:hover,
body.lotus-theme a.rf-btn.rf-btn-primary:hover,
body.lotus-theme button#addChartBtn:hover,
body.lotus-theme button#add_tag_btn:hover,
body.lotus-theme button#calendar_add_entry:hover,
body.lotus-theme button#confirmAddChart:hover,
body.lotus-theme button#save_edit_tag:hover,
body.lotus-theme button#submited:hover,
body.lotus-theme button.applyBtn.btn.btn-sm.btn-primary:hover,
body.lotus-theme button.btn-issue.btn-add.btn-add-issue:hover,
body.lotus-theme button.isclosed_run_button:hover,
body.lotus-theme button[type="submit"]:hover,
body.lotus-theme div.add-result-btn>#update-btn:hover,
body.lotus-theme input.tt-settings-btn.tt-settings-btn-primary:hover,
body.lotus-theme input[type="submit"]:hover {
  background-image: none !important;
  background-color: var(--cr-primary-dark) !important;
  color: #fff !important;
  border-color: var(--cr-primary-dark) !important;
}

/* Progress bars read as a quantity, not a status, so they take the brand
   colour. .rf_progress_bar_fill uses var(--rf-success) and .rf_progress_fill
   a hard-coded green gradient (lotus_theme.css:6860). The --rf-success token
   itself is left alone so genuine success states stay green, as do the
   Closed / Open / Total counts, which are semantic. */
body.lotus-theme .rf_progress_bar_fill,
body.lotus-theme .rf_progress_fill {
  background-image: none !important;
  background-color: var(--cr-primary) !important;
}

/* Lotus sets a fixed height on the sign-in submit; with our larger padding the
   label clipped. */
body.lotus-theme input[type="submit"] {
  height: auto !important;
  line-height: 1.25;
}

/* Collapsed rail is 60px (--rf-sidebar-col-w) rather than 220px. */
body.lotus-theme.rf_sidebar_collapsed #projects-index.rf_projects_grid,
body.lotus-theme.rf_sidebar_collapsed .rf_projects_grid {
  width: calc(100vw - var(--rf-sidebar-col-w) - 68px) !important;
  max-width: calc(100vw - var(--rf-sidebar-col-w) - 68px) !important;
}