/* ============================
   FULL DARK THEME — Ashby Job Board (whitelisted selectors only)
   ============================ */

/* ---- Theme tokens ---- */
:root {
  --colorAppBackground: #0b0c0f;

  --ashby-surface: #121317;
  --ashby-surface-2: #171920;
  --ashby-border: #2a2d34;
  --ashby-border-strong: #3a3f47;
  --ashby-text: #e7e9ee;
  --ashby-muted: #a8afbb;

  --ashby-bg: #121317;        /* filters bg */
  --ashby-bg-hover: #171920;
  --ashby-fg: #e7e9ee;
  --ashby-border-hover: #444b57;

  --borderRadiusContainer: 10px;
  --borderRadiusControl: 10px;
  --borderRadiusButton: 10px;
}

/* ---- Job board headings / labels ---- */
.ashby-job-board-heading { color: var(--ashby-text) !important; }
.ashby-job-board-heading-count { color: var(--ashby-muted) !important; }
.ashby-department-heading { color: var(--ashby-text) !important; }
.ashby-department-heading-level { color: var(--ashby-text) !important; }
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label { color: var(--ashby-muted) !important; }

/* ---- Filters (native <select>) ---- */
.ashby-job-board-filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color-scheme: dark;

  background-color: var(--ashby-bg) !important;
  color: var(--ashby-fg) !important;
  border: 1px solid var(--ashby-border) !important;
  border-radius: var(--borderRadiusControl);
  padding: 10px 36px 10px 12px;
  line-height: 1.35;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23e7e9ee'><path d='M5.5 7.5l4.5 4.5 4.5-4.5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
}
.ashby-job-board-filter:hover {
  background-color: var(--ashby-bg-hover) !important;
  border-color: var(--ashby-border-hover) !important;
}
.ashby-job-board-filter:focus {
  outline: 2px solid var(--ashby-border-hover);
  outline-offset: 0;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.06);
}

/* ---- Job list cards ---- */
.ashby-job-posting-brief {
  background: var(--ashby-surface);
  border: 1px solid var(--ashby-border);
  border-radius: var(--borderRadiusContainer);
  margin-bottom: 12px;
}
.ashby-job-posting-brief:hover {
  border-color: var(--ashby-border-strong);
  background: var(--ashby-surface-2);
}
.ashby-job-posting-brief-title { color: var(--colorPrimary600, #ff7a00) !important; }
.ashby-job-posting-brief-details { color: var(--ashby-muted) !important; }

/* ---- Job posting (detail view) ---- */
.ashby-job-posting-header { color: var(--ashby-text) !important; }
.ashby-job-posting-heading { color: var(--ashby-text) !important; }

/* LEFT pane */
.ashby-job-posting-left-pane {
  background: var(--ashby-surface) !important;
  color: var(--ashby-text) !important;
  border: 1px solid var(--ashby-border);
  border-radius: var(--borderRadiusContainer);
}

/* RIGHT pane (includes Overview body + Application) — this kills the white bg */
.ashby-job-posting-right-pane {
  background: var(--ashby-surface) !important;
  color: var(--ashby-text) !important;
  border: 1px solid var(--ashby-border);
  border-radius: var(--borderRadiusContainer);
}

/* Tabs */
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab {
  color: var(--ashby-text) !important;
  background: var(--ashby-surface);
  border: 1px solid transparent;
  border-radius: var(--borderRadiusButton);
  opacity: 1 !important;
}
.ashby-job-posting-right-pane-tab-slider { background: var(--ashby-border-strong); }

/* ---- Application form & autofill ---- */
.ashby-application-form-container { color: var(--ashby-text); }
.ashby-application-form-section-header-title { color: var(--ashby-text); }
.ashby-application-form-section-header-description { color: var(--ashby-muted); }
.ashby-application-form-question-title { color: var(--ashby-text); }
.ashby-application-form-question-description { color: var(--ashby-muted); }
.ashby-application-form-submit-button {
  background: var(--colorPrimary600, #ff7a00);
  color: #0b0c0f;
  border-radius: var(--borderRadiusButton);
}
.ashby-application-form-submit-button:hover { background: var(--colorPrimary900, #ff6a00); }

.ashby-application-form-autofill-input-base-layer { background: var(--ashby-surface); color: var(--ashby-text); }
.ashby-application-form-autofill-input-description { color: var(--ashby-muted); }
.ashby-application-form-autofill-input-title { color: var(--ashby-text); }
.ashby-application-form-autofill-pane { background: var(--ashby-surface); }
.ashby-application-form-autofill-uploader { background: var(--ashby-surface-2); border: 1px dashed var(--ashby-border); }

.ashby-survey-form-container {
  background: var(--ashby-surface);
  color: var(--ashby-text);
  border: 1px solid var(--ashby-border);
  border-radius: var(--borderRadiusContainer);
}

/* Force entire right pane, including job description, to dark */
.ashby-job-posting-right-pane {
  background: var(--ashby-surface) !important;
  color: var(--ashby-text) !important;
}

.ashby-job-posting-right-pane h1,
.ashby-job-posting-right-pane h2,
.ashby-job-posting-right-pane h3,
.ashby-job-posting-right-pane h4,
.ashby-job-posting-right-pane h5,
.ashby-job-posting-right-pane h6,
.ashby-job-posting-right-pane p,
.ashby-job-posting-right-pane li,
.ashby-job-posting-right-pane strong,
.ashby-job-posting-right-pane em {
  color: var(--ashby-text) !important;
}

/* Dark overlay ON TOP of the white description box */
.ashby-job-posting-right-pane {
  position: relative;
}

.ashby-job-posting-right-pane::after {
  content: "";
  position: absolute;
  top: 48px; /* adjust so it starts just below the tabs */
  left: 0;
  right: 0;
  bottom: 0;

  background: var(--ashby-surface);
  opacity: 1; /* solid background */
  pointer-events: none; /* keep links/buttons clickable */
  border-bottom-left-radius: var(--borderRadiusContainer);
  border-bottom-right-radius: var(--borderRadiusContainer);
  z-index: 1; /* make sure it sits above the white background */
}

/* Text stays bright */
.ashby-job-posting-right-pane h1,
.ashby-job-posting-right-pane h2,
.ashby-job-posting-right-pane h3,
.ashby-job-posting-right-pane h4,
.ashby-job-posting-right-pane h5,
.ashby-job-posting-right-pane h6,
.ashby-job-posting-right-pane p,
.ashby-job-posting-right-pane li,
.ashby-job-posting-right-pane strong,
.ashby-job-posting-right-pane em {
  position: relative;
  z-index: 2; /* lift text above the overlay */
  color: var(--ashby-text) !important;
}

/* Make all job description text white on dark background */
.ashby-job-posting-right-pane {
  background-color: #000 !important; /* solid dark background */
  color: #f5f5f5 !important; /* light text */
}

.ashby-job-posting-right-pane h1,
.ashby-job-posting-right-pane h2,
.ashby-job-posting-right-pane h3,
.ashby-job-posting-right-pane p,
.ashby-job-posting-right-pane li,
.ashby-job-posting-right-pane ul,
.ashby-job-posting-right-pane strong,
.ashby-job-posting-right-pane em {
  color: #f5f5f5 !important;
}

/* Style the Apply button to match the dark theme */
.ashby-application-form-submit-button,
.ashby-job-posting-right-pane button {
  background-color: #ff6600 !important; /* example: bright orange */
  color: #ffffff !important; /* white text */
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}

/* Hover effect for better interaction feedback */
.ashby-application-form-submit-button:hover,
.ashby-job-posting-right-pane button:hover {
  background-color: #e65c00 !important; /* darker orange */
}

/* Keep the overlay non-blocking (just in case) */
.ashby-job-posting-right-pane::after { pointer-events: none; }

/* Make the CTA visible and above the overlay */
.ashby-job-posting-right-pane a,
.ashby-job-posting-right-pane button {
  position: relative;
  z-index: 2; /* lift above ::after overlay */
}

/* Style the "Apply for this Job" button in Overview
   and the submit button on the Application tab */
.ashby-job-posting-right-pane a > button,
.ashby-application-form-submit-button {
  background-color: var(--colorPrimary600, #ff7a00) !important;
  color: #0b0c0f !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* Hover state */
.ashby-job-posting-right-pane a > button:hover,
.ashby-application-form-submit-button:hover {
  background-color: var(--colorPrimary900, #ff6a00) !important;
}

/* === Add-on: make Application tab match Overview, without touching existing rules === */

/* 1) Turn OFF the overlay only when the Application tab is showing */
.ashby-job-posting-right-pane:has(.ashby-application-form-container)::after {
  display: none !important;
}

/* 2) Ensure the application containers render on your dark surfaces */
.ashby-application-form-container,
.ashby-survey-form-container,
.ashby-application-form-autofill-pane,
.ashby-application-form-autofill-input-base-layer,
.ashby-application-form-autofill-uploader {
  background: var(--ashby-surface) !important;
  color: var(--ashby-text) !important;
  border: 1px solid var(--ashby-border) !important;
  border-radius: var(--borderRadiusContainer) !important;
  position: relative; 
  z-index: 2; /* sits above any residual overlay */
}

/* 3) Inputs/selects/textareas to your dark theme */
.ashby-job-posting-right-pane input,
.ashby-job-posting-right-pane select,
.ashby-job-posting-right-pane textarea {
  background: var(--ashby-surface-2) !important;
  color: var(--ashby-text) !important;
  border: 1px solid var(--ashby-border) !important;
  border-radius: var(--borderRadiusControl) !important;
}
.ashby-job-posting-right-pane input::placeholder,
.ashby-job-posting-right-pane textarea::placeholder {
  color: var(--ashby-muted) !important;
}

/* 4) Text in the form area should be readable like Overview */
.ashby-job-posting-right-pane label,
.ashby-job-posting-right-pane .ashby-application-form-section-header-title,
.ashby-job-posting-right-pane .ashby-application-form-question-title,
.ashby-job-posting-right-pane .ashby-application-form-section-header-description,
.ashby-job-posting-right-pane .ashby-application-form-question-description {
  color: var(--ashby-text) !important;
}
.ashby-job-posting-right-pane .ashby-application-form-section-header-description,
.ashby-job-posting-right-pane .ashby-application-form-question-description {
  color: var(--ashby-muted) !important;
}

/* 5) Buttons — keep your orange CTA styling consistent */
.ashby-application-form-submit-button {
  background: var(--colorPrimary600, #ff7a00) !important;
  color: #0b0c0f !important;
  border-radius: var(--borderRadiusButton) !important;
}
.ashby-application-form-submit-button:hover {
  background: var(--colorPrimary900, #ff6a00) !important;
}

/* === Make ALL key action buttons match the Overview submit button (red) === */

/* Style Submit Application & Apply for this Job */
.ashby-job-posting-right-pane a > button,
.ashby-application-form-submit-button {
  background-color: #cc0000 !important;  /* your red */
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ashby-job-posting-right-pane a > button:hover,
.ashby-application-form-submit-button:hover {
  background-color: #a80000 !important;  /* darker red on hover */
}

/* Style Autofill "Upload file" and Resume Upload buttons */
.ashby-job-posting-right-pane button[class*="autofill-upload"],
.ashby-job-posting-right-pane .ashby-application-form-autofill-uploader button {
  background-color: #cc0000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ashby-job-posting-right-pane button[class*="autofill-upload"]:hover,
.ashby-job-posting-right-pane .ashby-application-form-autofill-uploader button:hover {
  background-color: #a80000 !important;
}

/* === Autofill card: make it dark and match Overview === */

/* Darken the white card wrapper you saw in DevTools */
.ashby-job-posting-right-pane [class*="autofill-input-root"] {
  background: var(--ashby-surface) !important;
  color: var(--ashby-text) !important;
  border: 1px solid var(--ashby-border) !important;
  border-radius: var(--borderRadiusContainer) !important;
  box-shadow: none !important;
  position: relative;
  z-index: 2;
}

/* Ensure text inside the card is readable */
.ashby-job-posting-right-pane [class*="autofill-input-root"] *,
.ashby-job-posting-right-pane [class*="autofill-input-title"],
.ashby-job-posting-right-pane [class*="autofill-input-description"] {
  color: var(--ashby-text) !important;
}

/* Make the small "Upload file" button red like your Overview CTA */
.ashby-job-posting-right-pane [class*="autofill-input-root"] button,
.ashby-job-posting-right-pane button[class*="autofill-upload"] {
  background-color: #cc0000 !important;   /* your red */
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ashby-job-posting-right-pane [class*="autofill-input-root"] button:hover,
.ashby-job-posting-right-pane button[class*="autofill-upload"]:hover {
  background-color: #a80000 !important;   /* darker red on hover */
}

/* Keep the big CTAs red as well (overrides your older orange rule) */
.ashby-job-posting-right-pane a > button,
.ashby-application-form-submit-button {
  background-color: #cc0000 !important;
  color: #ffffff !important;
}
.ashby-job-posting-right-pane a > button:hover,
.ashby-application-form-submit-button:hover {
  background-color: #a80000 !important;
}

/* Force the Submit Application button to use your red */
.ashby-job-posting-right-pane button.ashby-application-form-submit-button,
.ashby-job-posting-right-pane button[class*="submitButton"] {
  background-color: #cc0000 !important;  /* red */
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.ashby-job-posting-right-pane button.ashby-application-form-submit-button:hover,
.ashby-job-posting-right-pane button[class*="submitButton"]:hover {
  background-color: #a80000 !important;  /* darker red on hover */
}

/* Make the small "Upload File" button in the uploader instructions red */
.ashby-job-posting-right-pane [class*="instructions"] > button,
.ashby-job-posting-right-pane .ashby-application-form-autofill-uploader [class*="button"] {
  background-color: #cc0000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ashby-job-posting-right-pane [class*="instructions"] > button:hover,
.ashby-job-posting-right-pane .ashby-application-form-autofill-uploader [class*="button"]:hover {
  background-color: #a80000 !important;
}

/* Ensure the inline SVG icon follows the button color (it defaults to none) */
.ashby-job-posting-right-pane [class*="instructions"] > button svg path,
.ashby-job-posting-right-pane .ashby-application-form-autofill-uploader [class*="button"] svg path {
  fill: currentColor !important;
}

/* Remove border & match dark theme for Autofill from resume panel */
.ashby-job-posting-right-pane [class*="autofill-pane"],
.ashby-job-posting-right-pane [class*="autofill-input-root"] {
  background: transparent !important; /* remove the block background */
  border: none !important; /* remove the visible border */
  box-shadow: none !important; /* remove any drop shadow */
}

/* Keep inner base layer transparent as well */
.ashby-job-posting-right-pane [class*="autofill-input-base-layer"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Keep the text readable */
.ashby-job-posting-right-pane [class*="autofill-input-title"],
.ashby-job-posting-right-pane [class*="autofill-input-description"] {
  color: var(--ashby-text) !important;
}

/* Style the Upload file button in this panel to match your red CTA */
.ashby-job-posting-right-pane [class*="autofill-pane"] button,
.ashby-job-posting-right-pane [class*="autofill-input-root"] button {
  background-color: #cc0000 !important; /* red */
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ashby-job-posting-right-pane [class*="autofill-pane"] button:hover,
.ashby-job-posting-right-pane [class*="autofill-input-root"] button:hover {
  background-color: #a80000 !important; /* darker red */
}

/* Fix mobile tab header background for Overview / Application tabs */
.ashby-job-posting-right-pane [class*="right-pane"],
.ashby-job-posting-right-pane [class*="application-tab"],
.ashby-job-posting-right-pane [class*="overview-tab"] {
  background-color: var(--ashby-surface) !important; /* match your dark theme */
  color: var(--ashby-text) !important;
}

/* Also style the actual tab row background on mobile */
.ashby-job-posting-right-pane nav,
.ashby-job-posting-right-pane [class*="tab"] {
  background-color: var(--ashby-surface) !important;
}

/* Keep active tab text bright */
.ashby-job-posting-right-pane [class*="tab"][aria-selected="true"] {
  color: var(--ashby-text) !important;
}

/* Keep inactive tab text muted */
.ashby-job-posting-right-pane [class*="tab"]:not([aria-selected="true"]) {
  color: var(--ashby-muted) !important;
}

/* === Mobile tab header: white text on black background === */
@media (max-width: 767px) {
  /* Tab row background */
  .ashby-job-posting-right-pane nav,
  .ashby-job-posting-right-pane [class*="tab"] {
    background-color: #000000 !important; /* true black */
  }

  /* Active & inactive tab text */
  .ashby-job-posting-right-pane [class*="tab"] {
    color: #ffffff !important; /* pure white text */
  }

  /* Optional: make active tab bolder for visibility */
  .ashby-job-posting-right-pane [class*="tab"][aria-selected="true"] {
    font-weight: 700 !important;
  }
}

/* === Force main job posting background to pure black === */

/* Outer job details container */
.ashby-job-posting-right-pane,
.ashby-job-posting-right-pane [class*="container"],
.ashby-job-posting-right-pane [class*="details"],
.ashby-job-posting-right-pane [class*="description"] {
  background-color: #000000 !important; /* pure black */
  color: #ffffff !important; /* white text */
}

/* Left pane (job meta info) background black */
.ashby-job-posting-left-pane {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Ensure all headings & text inside stay white */
.ashby-job-posting-right-pane h1,
.ashby-job-posting-right-pane h2,
.ashby-job-posting-right-pane h3,
.ashby-job-posting-right-pane h4,
.ashby-job-posting-right-pane h5,
.ashby-job-posting-right-pane h6,
.ashby-job-posting-right-pane p,
.ashby-job-posting-right-pane li,
.ashby-job-posting-right-pane strong,
.ashby-job-posting-right-pane em {
  color: #ffffff !important;
}


/* === Mobile tabs: black background, white text === */
@media (max-width: 767px) {
  /* Tab row background */
  .ashby-job-posting-right-pane nav {
    background-color: #000000 !important; /* true black */
  }

  /* Individual tabs */
  .ashby-job-posting-right-pane [class*="tab"] {
    background-color: #000000 !important; /* match row */
    color: #ffffff !important; /* pure white text */
  }

  /* Optional: make active tab bolder */
  .ashby-job-posting-right-pane [class*="tab"][aria-selected="true"] {
    font-weight: 700 !important;
  }
}

/* Overview panel to pure black without using the "overview" id */
.ashby-job-posting-right-pane > div[role="tabpanel"] {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Inner wrappers inside the tabpanel */
.ashby-job-posting-right-pane > div[role="tabpanel"] [class*="description"],
.ashby-job-posting-right-pane > div[role="tabpanel"] [class*="container"] {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

/* If Ashby paints via pseudo-elements */
.ashby-job-posting-right-pane > div[role="tabpanel"]::before,
.ashby-job-posting-right-pane > div[role="tabpanel"]::after {
  background: #000 !important;
}

/* Make the entire right pane black with white text */
.ashby-job-posting-right-pane {
  background-color: #000 !important;
  color: #fff !important;
}

/* Tab bar area */
.ashby-job-posting-right-pane > nav[role="tablist"] {
  background-color: #000 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Tab labels */
.ashby-job-posting-right-pane > nav[role="tablist"] a {
  background-color: #000 !important;
  color: #fff !important;
}

/* Tab label spans */
.ashby-job-posting-right-pane > nav[role="tablist"] a span {
  color: #fff !important;
}

/* Tab underline/slider color (brand red) */
.ashby-job-posting-right-pane .ashby-job-posting-right-pane-tab-slider {
  background-color: #cc0000 !important;
}

/* The main tab content area */
.ashby-job-posting-right-pane > div[role="tabpanel"] {
  background-color: #000 !important;
  color: #fff !important;
}

/* Resume upload / application form areas inside */
.ashby-job-posting-right-pane [class*="application"],
.ashby-job-posting-right-pane [class*="upload"],
.ashby-job-posting-right-pane [class*="autofill"],
.ashby-job-posting-right-pane [class*="container"] {
  background-color: #000 !important;
  color: #fff !important;
}

/* Remove any leftover pseudo-element backgrounds */
.ashby-job-posting-right-pane::before,
.ashby-job-posting-right-pane::after,
.ashby-job-posting-right-pane > *::before,
.ashby-job-posting-right-pane > *::after {
  background: transparent !important;
}

/* Remove grey oval background from the active tab label */
.ashby-job-posting-right-pane > nav[role="tablist"] a[aria-selected="true"] {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Remove any grey shading behind active tab text */
.ashby-job-posting-right-pane > nav[role="tablist"] a[aria-selected="true"] span {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Remove grey shading from all tab text spans, active or not */
.ashby-job-posting-right-pane > nav[role="tablist"] a span {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* File row chip: make background dark and text visible */
.ashby-job-posting-right-pane [class*="autofill"] [class*="file"],
.ashby-job-posting-right-pane [class*="file_"] {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid var(--ashby-border, #2a2d34) !important;
  border-radius: var(--borderRadiusContainer, 10px) !important;
}

/* File name + icon color */
.ashby-job-posting-right-pane [class*="file"] [class*="name"],
.ashby-job-posting-right-pane [class*="file"] [class*="name"] span {
  color: #fff !important;
}
.ashby-job-posting-right-pane [class*="file"] [class*="name"] svg path {
  fill: currentColor !important;
}

/* Delete (remove) button: stop the orange and match your theme */
.ashby-job-posting-right-pane [class*="file"] button[title="Delete file"],
.ashby-job-posting-right-pane [class*="file"] [class*="removeButton"] {
  background-color: #cc0000 !important;   /* brand red */
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton, 10px) !important;
  padding: 6px 10px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.ashby-job-posting-right-pane [class*="file"] button[title="Delete file"]:hover,
.ashby-job-posting-right-pane [class*="file"] [class*="removeButton"]:hover {
  background-color: #a80000 !important;
}
.ashby-job-posting-right-pane [class*="file"] [class*="removeButton"] svg path {
  fill: currentColor !important;
}












