/*
 * Dead Code branding overlay for scrumlr.io (no native theming API).
 *
 * scrumlr drives most UI from --accent-color* custom properties, but its :root
 * sets that family to "planning-pink" (#ff0069) and many components hardcode
 * the pink and a secondary blue (#0057ff) as literals rather than reading the
 * variable. This overlay:
 *   1. re-points the --accent-color* family to the Marigold orange (#f28705),
 *   2. redefines the .accent-color__planning-pink scope (brand default) to orange,
 *   3. overrides the hardcoded pink/blue literals on buttons, the logo, focus
 *      rings, dialogs, inputs, toggles and selection states.
 * !important is used throughout because this overrides a third-party build we
 * do not compile; specificity parity is not otherwise guaranteed. Catalogued
 * against scrumlr 5.2.0 — revisit selectors on a frontend bump.
 *
 * Brand palette: 500 #f28705 · 600 #c46c04 · 400 #f59a33 · 300 #f7ad5c
 *                200 #f9c184 · 100 #fbd6ad
 */

/* --- Marigold accent palette (variable-driven components) --------------
 * The accent-color__* classes are scrumlr's per-column hues (blue/pink/purple/
 * violet/green/yellow/orange). Flattened to one Marigold orange so the whole
 * board reads as a single Dead Code brand rather than a rainbow. To keep
 * columns visually distinct instead, drop the class list and theme only :root. */
:root,
html[data-theme="light"],
html[data-theme="dark"],
.accent-color__backlog-blue,
.accent-color__planning-pink,
.accent-color__poker-purple,
.accent-color__value-violet,
.accent-color__goal-green,
.accent-color__yielding-yellow,
.accent-color__online-orange {
  --accent-color: #f28705;
  --accent-color--500: #f28705;
  --accent-color--500-rgb: 242, 135, 5;
  --accent-color--600: #c46c04;
  --accent-color--600-rgb: 196, 108, 4;
  --accent-color--400: #f59a33;
  --accent-color--400-rgb: 245, 154, 51;
  --accent-color--300: #f7ad5c;
  --accent-color--300-rgb: 247, 173, 92;
  --accent-color--200: #f9c184;
  --accent-color--200-rgb: 249, 193, 132;
  --accent-color--100: #fbd6ad;
  --accent-color--100-rgb: 251, 214, 173;
  --accent-color--light: #f9c184;
  --accent-color--light-rgb: 249, 193, 132;
  --accent-color--dark: #c46c04;
  --accent-color--dark-rgb: 196, 108, 4;
  --accent-color--desaturated-light: #e3b483;
  --accent-color--desaturated-dark: #9c7038;
  --primary: #f28705;
}

/* --- Logo -------------------------------------------------------------- */
.scrumlr-logo__paths {
  fill: #f28705 !important;
}

/* --- Primary buttons (hardcoded #ff0069) ------------------------------- */
.legacy-button--primary {
  background: #f28705 !important;
}
.legacy-button.legacy-button--primary.legacy-button--outlined,
.legacy-button.legacy-button--outlined,
.legacy-button.legacy-button--text-link {
  color: #f28705 !important;
  border-color: #f28705 !important;
  background: transparent !important;
}
.legacy-button:not(:disabled):not(.legacy-button--text-link).legacy-button--primary:hover {
  box-shadow: 0 6px 9px rgba(242, 135, 5, 0.24) !important;
}

/* --- Form / dialog action buttons (blue or pink backgrounds) ----------- */
.form__submit-button,
.confirmation-dialog__button--accept,
.cookie-notice__button-accept,
.cookie-policy__button-accept,
.board-header__link:hover,
.board-header_name-and-settings:hover {
  background-color: #f28705 !important;
}

/* --- Selection state (selected access option, active select option) ---- */
.board-settings__access-option--selected,
.board-settings__access-option--selected .board-settings__access-option-indicator,
.select-option--active {
  border-color: #f28705 !important;
}
.select-option--active,
.create-template-card__icon,
.create-template-card__title,
.import-board-button__icon,
.import-board-button__label,
.simple-modal__close-icon {
  color: #f28705 !important;
}

/* --- Dialog title underline ------------------------------------------- */
.simple-modal__title,
[data-theme="dark"] .simple-modal__title {
  border-color: #f28705 !important;
  border-bottom-color: #f28705 !important;
}

/* --- Focus rings (pink/blue outlines across the app) ------------------- */
:focus-visible {
  outline-color: #f28705 !important;
}

/* --- Native form controls (radio dot, checkbox tick) ------------------- */
input[type="radio"],
input[type="checkbox"] {
  accent-color: #f28705 !important;
}

/* --- Focus-within borders on inputs / toggles / pills ------------------ */
.input:not(.input--disabled):focus-within,
.text-area:not(.text-area--embedded):focus-within,
.text-input:hover,
.switch:enabled:focus-within,
.user-pill:enabled:not(.user-pill--no-name):focus-within,
.import-board-button:enabled:focus-within,
.create-template-card,
.create-template-card:hover {
  border-color: #f28705 !important;
}

/* --- Toggles / self-reaction accent ----------------------------------- */
.board-option-toggle__switch--right:after,
.board-reaction__name-container--self {
  background-color: #f28705 !important;
}

/* --- Misc pink accents (dialog/header/return links, badge) ------------- */
.dialog__header-text,
.board-guard__denied-link,
.rejection-page__return-button,
.not-found__return-button {
  color: #f28705 !important;
}
.boards__coming-soon-badge {
  background-color: #f28705 !important;
}

/* --- Loading indicator: the three bounce dots paint with currentColor, which
 * is near-black in scrumlr's base rule. Pin to Marigold in dark so the loader is
 * clearly visible + on brand. */
[data-theme="dark"] .loading-indicator {
  color: #f28705 !important;
}

/* --- Board edge frame: scrumlr paints an accent-coloured inset box-shadow on
 * the .board__spacer edges (all four sides). Flattened to one brand colour it
 * reads as a heavy orange frame around the whole viewport — drop it for a clean
 * dark canvas (the subtle diagonal spacer stripes stay). */
.board__spacer-left,
.board__spacer-right {
  box-shadow: none !important;
}

/* --- Dead Code remap (generated; do not hand-edit) --------------------------
   Maps scrumlr 5.2.0's baked-in palette onto the Dead Code system:
     navy / dark surfaces      -> dcio dark ramp  (#0d0e12 .. #3a3b41)
     blue / cyan / violet /
       purple / pink accents   -> marigold ramp   (#f25c05 / #f28705 / #f2b705)
     yellow                    -> marigold yellow (#f2b705)
     red / green / orange      -> kept (semantic)
   Source: static/index-*.css. Regenerate on a frontend bump:
     curl -s https://scrum.dead-code.io/static/index-*.css -o /tmp/b.css
     node scripts/gen-scrumlr-theme.js /tmp/b.css
   then re-splice here and bump the nginx ?v=N cache-bust token. ------------- */
[data-theme=dark] body,[data-theme=dark] #root,html[data-theme=dark]{background:#1a1c22 !important}
.cookie-notice{box-shadow:0 -4px 16px rgba(242, 135, 5, 0.161) !important}
.cookie-notice__button-accept{background:#f28705 !important}
.cookie-policy__button-accept{background:#f28705 !important}
.toast__icon{background-color:#1a1c22 !important}
.toast__icon-single-error{background-color:#f28705 !important}
.toast__icon-multi-error{background-color:#f28705 !important}
.toast__button-single{background:#1a1c22 !important}
.toast__button-multi-primary{background-color:#1a1c22 !important;border:2px solid #1a1c22 !important}
.toast__button-multi-secondary{border:2px solid #1a1c22 !important}
.toast-single:hover .toast__button-single.toast__button-info,.toast__button-multi-primary.toast__button-info:hover{background-color:#f28705 !important;border-color:#f28705 !important}
.toast__button-multi-secondary.toast__button-info:hover{color:#f28705 !important;border-color:#f28705 !important}
.toast-single:hover .toast__button-single.toast__button-error,.toast__button-multi-primary.toast__button-error:hover{background-color:#f28705 !important;border-color:#f28705 !important}
.toast__button-multi-secondary.toast__button-error:hover{color:#f28705 !important;border-color:#f28705 !important}
:is([data-theme=dark] .Toastify__toast.Toastify__toast:has(div.toast-single),[data-theme=dark] .Toastify__toast.Toastify__toast:has(div.toast-multi)){background-color:#1a1c22 !important}
[data-theme=dark] .toast__icon-single-error,[data-theme=dark] .toast__icon-multi-error{background-color:#f28705 !important}
[data-theme=dark] .toast__button-multi-secondary{background-color:#1a1c22 !important}
[data-theme=dark] input[type=checkbox]{background-color:#1a1c22 !important}
[data-theme=dark] input[type=checkbox]:before{background-color:#1a1c22 !important}
.legacy-button{background:#f28705 !important;box-shadow:0 0 rgba(242, 135, 5, 0.2) !important}
.legacy-button.legacy-button--outlined{color:#f28705 !important;border:1px solid #f28705 !important}
.legacy-button.legacy-button--primary.legacy-button--outlined{color:#f28705 !important;border-color:#f28705 !important}
.legacy-button--primary{background:#f28705 !important;box-shadow:0 0 rgba(242, 135, 5, 0.2) !important}
.legacy-button--secondary{background:#f28705 !important}
.legacy-button:not(:disabled):not(.legacy-button--text-link):hover{box-shadow:0 6px 9px rgba(242, 135, 5, 0.239) !important}
.legacy-button:not(:disabled):not(.legacy-button--text-link).legacy-button--primary:hover{box-shadow:0 6px 9px rgba(242, 135, 5, 0.239) !important}
.legacy-button:not(:disabled):not(.legacy-button--text-link):focus-visible{outline:2px solid rgba(242, 135, 5, 0.4) !important}
.legacy-button:not(:disabled):not(.legacy-button--text-link).legacy-button--primary:focus-visible{outline:2px solid rgba(242, 135, 5, 0.4) !important}
[data-theme=dark] .button--secondary:focus{background-color:#1a1c22 !important}
[data-theme=dark] .button--ghost{background-color:#1f2229 !important}
[data-theme=dark] .button--ghost:active{background-color:#1a1c22 !important}
[data-theme=dark] .button--ghost:disabled{background-color:#0d0e12 !important}
.scrumlr-logo__paths{fill:#f28705 !important}
.user-pill__avatar-container{background-color:#f7cf5e !important}
[data-theme=dark] .user-pill{background-color:#1f2229 !important}
[data-theme=dark] .user-pill__avatar-container{background-color:#16181d !important}
.input:not(.input--disabled):hover{box-shadow:0 3px 12px rgba(22, 24, 29, 0.122) !important}
.input:not(.input--disabled):focus,.input:not(.input--disabled):focus-within{border:1.5px solid #f28705 !important}
.input:not(.input--disabled):active{border:1.5px solid #1f2229 !important}
[data-theme=dark] .input:not(.input--disabled):focus,[data-theme=dark] .input:not(.input--disabled):focus-within{border:1.5px solid #f59a2e !important}
.input:not(.input--disabled):hover .input__input::selection{background-color:#f7cf5e !important}
.input:not(.input--disabled):focus-within .input__input::selection{background-color:#f7cf5e !important}
.input-linked-hover:has(button:hover) .input:not(.input--disabled) .input__input::selection{background-color:#f7cf5e !important}
.input-linked-hover:has(button:active) .input:not(.input--disabled) .input__input::selection{background-color:#f7cf5e !important}
[data-theme=dark] .input{background-color:#1f2229 !important}
[data-theme=dark] .input--disabled{background-color:#16181d !important}
[data-theme=dark] .input__input{color:#f7cf5e !important;background-color:#1f2229 !important}
[data-theme=dark] .input__input:disabled{background-color:#16181d !important}
[data-theme=dark] .input__icon-container--search-icon,[data-theme=dark] .input__icon-container--clear-icon{color:#f7cf5e !important}
.login-board__card{background-color:#f7cf5e !important}
.login-board__divider:after{background:#f7cf5e !important}
[data-theme=dark] .login-board__divider:after{background:#16181d !important}
[data-theme=dark] .login-board__card{background-color:#16181d !important}
.select-option--active{border-color:#f28705 !important}
[data-theme=dark] .select-option{background:#1a1c22 !important}
[data-theme=dark] .select-option--active{border-color:#f59a2e !important}
.create-template-card{background-color:#f7cf5e !important;border:3px dashed #f28705 !important}
.create-template-card:hover{box-shadow:0 6px 32px rgba(242, 135, 5, 0.259) !important}
.create-template-card:active{background-color:#f7cf5e !important}
.create-template-card__icon{color:#f28705 !important}
.create-template-card__title{color:#f28705 !important}
[data-theme=dark] .create-template-card{background-color:rgba(245, 154, 46, 0.078) !important;border-color:#f59a2e !important}
[data-theme=dark] .create-template-card:focus{background-color:#1a1c22 !important}
[data-theme=dark] .create-template-card:active{background-color:rgba(245, 154, 46, 0.2) !important}
[data-theme=dark] .create-template-card:disabled{background:#1a1c22 !important;border-color:#25282f !important}
.mini-menu{box-shadow:0 0 20px rgba(31, 34, 41, 0.122) !important}
.mini-menu__item--active{background-color:#1f2229 !important}
.mini-menu__item--active:hover{background-color:#1a1c22 !important}
[data-theme=dark] .mini-menu__item:focus-visible{background-color:#1a1c22 !important}
[data-theme=dark] .mini-menu__item--active{background-color:#1a1c22 !important}
[data-theme=dark] .mini-menu__item--active:hover{background-color:#1a1c22 !important}
[data-theme=dark] .mini-menu{background-color:#1f2229 !important}
.template-card{box-shadow:0 6px 9px rgba(242, 135, 5, 0.102) !important}
.template-card__menu--open{box-shadow:0 2px 20px rgba(31, 34, 41, 0.122) !important}
[data-theme=dark] .template-card{background-color:#1f2229 !important;box-shadow:0 2px 20px rgba(22, 24, 29, 0.502) !important}
[data-theme=dark] .template-card__menu--open{box-shadow:0 2px 20px rgba(22, 24, 29, 0.502) !important}
[data-theme=dark] .favourite-button:hover{background-color:#1a1c22 !important}
.simple-modal{box-shadow:0 6px 32px rgba(242, 135, 5, 0.259) !important}
.simple-modal__title{border-bottom:3px solid #f28705 !important}
.simple-modal__close-button{box-shadow:0 3px 12px rgba(242, 135, 5, 0.122) !important}
.simple-modal__close-button:hover{box-shadow:0 3px 12px rgba(242, 135, 5, 0.302) !important}
.simple-modal__close-icon{color:#f28705 !important}
[data-theme=dark] .simple-modal{background-color:#1f2229 !important;box-shadow:0 6px 32px rgba(245, 154, 46, 0.259) !important}
[data-theme=dark] .simple-modal__title{border-color:#f59a2e !important}
[data-theme=dark] .simple-modal__close-button{background-color:#1f2229 !important;box-shadow:0 3px 12px rgba(245, 154, 46, 0.122) !important}
[data-theme=dark] .simple-modal__close-button:hover{box-shadow:0 3px 12px rgba(245, 154, 46, 0.302) !important}
[data-theme=dark] .simple-modal__close-icon{color:#f59a2e !important}
.import-board-button:enabled:hover{box-shadow:0 3px 12px rgba(22, 24, 29, 0.122) !important}
.import-board-button:enabled:focus,.import-board-button:enabled:focus-within{border:1.5px solid #f28705 !important}
.import-board-button:enabled:active{border:1.5px solid #1f2229 !important}
[data-theme=dark] .import-board-button:enabled:focus,[data-theme=dark] .import-board-button:enabled:focus-within{border:1.5px solid #f59a2e !important}
.import-board-button__icon-container{background-color:#f7cf5e !important}
.import-board-button__icon{color:#f28705 !important}
.import-board-button__label{color:#f28705 !important}
[data-theme=dark] .import-board-button{background-color:#1f2229 !important}
[data-theme=dark] .import-board-button__icon-container{background-color:#f59a2e !important}
.file-dropzone-card{background-color:#f7cf5e !important;border:3px dashed #f28705 !important}
.file-dropzone-card:hover{background-color:#f7cf5e !important;box-shadow:0 6px 32px rgba(242, 135, 5, 0.259) !important}
.file-dropzone-card--dragging-over{background-color:#f7cf5e !important;box-shadow:0 6px 32px rgba(242, 135, 5, 0.259) !important}
.file-dropzone-card:active{background-color:#f7cf5e !important}
.file-dropzone-card__icon{color:#f28705 !important}
.file-dropzone-card__title{color:#f28705 !important}
.file-dropzone-card__description{color:#f28705 !important}
[data-theme=dark] .file-dropzone-card{background-color:rgba(245, 154, 46, 0.078) !important;border-color:#f59a2e !important}
[data-theme=dark] .file-dropzone-card:active{background-color:rgba(245, 154, 46, 0.2) !important}
[data-theme=dark] .file-dropzone-card__icon,[data-theme=dark] .file-dropzone-card__title,[data-theme=dark] .file-dropzone-card__description{color:#f59a2e !important}
.file-preview__file-icon-container{background-color:#f28705 !important}
[data-theme=dark] .file-preview{background-color:#1a1c22 !important;border-color:#2e313a !important}
[data-theme=dark] .file-preview__file{background-color:#25282f !important}
[data-theme=dark] .file-preview__file-icon-container{background-color:#f59a2e !important}
[data-theme=dark] .file-preview__file-remove-button:hover{background-color:#1f2229 !important}
.switch:enabled:hover{box-shadow:0 3px 12px rgba(22, 24, 29, 0.122) !important}
.switch:enabled:focus,.switch:enabled:focus-within{border:1.5px solid #f28705 !important}
.switch:enabled:active{border:1.5px solid #1f2229 !important}
[data-theme=dark] .switch:enabled:focus,[data-theme=dark] .switch:enabled:focus-within{border:1.5px solid #f59a2e !important}
.switch__item--active{background-color:#1a1c22 !important}
[data-theme=dark] .switch{background-color:#1f2229 !important}
[data-theme=dark] .switch:disabled{background-color:#16181d !important}
[data-theme=dark] .switch:disabled .switch__item{background-color:#16181d !important}
[data-theme=dark] .switch__item{background-color:#1f2229 !important}
.boards{background:linear-gradient(rgba(242, 135, 5, 0.075),#fff3) !important}
.boards__coming-soon-badge{background-color:#f28705 !important;border:2px solid rgba(247, 207, 94, 0.502) !important}
[data-theme=dark] .boards{background:linear-gradient(161deg,#1a1c22 16.78%,#16181d 49.35%,#0d0e12 81.65%) !important}
[data-theme=dark] .boards__mobile-search-icon-container{background-color:#1f2229 !important}
.templates__portal{background:rgba(242, 135, 5, 0.102) !important}
.templates__container{background-color:#f7cf5e !important}
[data-theme=dark] .templates__container{background-color:#16181d !important}
[data-theme=dark] .templates__container-title{color:#f7cf5e !important}
[data-theme=dark] .templates__container-arrow{color:#f7cf5e !important}
.sessions__card{background-color:#f7cf5e !important}
[data-theme=dark] .sessions__card{background-color:#16181d !important}
[data-theme=dark] .sessions__teaser-title,[data-theme=dark] .sessions__teaser-icon,[data-theme=dark] .sessions__teaser-text{color:#f7cf5e !important}
[data-theme=dark] .loading-screen{background-color:#1a1c22 !important}
.board-reactions-menu__item:focus-visible{outline:2px solid #f28705 !important}
[data-theme=dark] .board-reactions-menu{background-color:#1a1c22 !important}
.menu-bars-mobile__fab-option .tooltip-button__icon--active{background-color:#1a1c22 !important}
[data-theme=dark] .menu-bars-mobile__fab{background:#1a1c22 !important}
.menu-bars-mobile__fab-main--isExpanded{background:#1a1c22 !important}
[data-theme=dark] .menu{background-color:#1a1c22 !important}
[data-theme=dark] .menu-bars__navigation{background:#1a1c22 !important}
[data-theme=dark] .menu-bars__navigation:enabled:hover{background-color:#25282f !important}
.timer__increment-button:focus-visible{outline:2px solid #f28705 !important}
.timer:has(:focus-visible){outline:2px solid #f28705 !important}
.timer>svg{background-color:#1a1c22 !important}
.timer__progress-bar{background-color:#f2b705 !important}
[data-theme=dark] .timer{background-color:#1a1c22 !important;border-color:#1a1c22 !important}
[data-theme=dark] .timer:has(:focus-visible){outline:2px solid #f28705 !important}
[data-theme=dark] .timer__increment-button{background-color:#1a1c22 !important}
[data-theme=dark] .timer__increment-button:hover{background-color:#25282f !important}
[data-theme=dark] .timer__increment-button:focus-visible{outline:2px solid #f28705 !important}
[data-theme=dark] .timer__short-actions{background-color:#1a1c22 !important}
.vote-display:has(:focus-visible){outline:2px solid #f28705 !important}
.vote-display>svg{background-color:#1a1c22 !important}
.vote-display__progress-bar{background-color:#f2b705 !important}
.short-action__button:focus-visible{outline:2px solid #f28705 !important}
[data-theme=dark] .vote-display{background-color:#1a1c22 !important;border-color:#1a1c22 !important}
[data-theme=dark] .vote-display:has(:focus-visible){outline:2px solid #f28705 !important}
[data-theme=dark] .vote-display__short-actions{background-color:#1a1c22 !important}
[data-theme=dark] .short-action__button{background-color:#1a1c22 !important}
[data-theme=dark] .short-action__button:hover{background-color:#1f2229 !important}
[data-theme=dark] .short-action__button:focus-visible{outline:2px solid #f28705 !important}
.info-bar__return-to-shared-note-button:focus-visible{outline:2px solid #f28705 !important}
[data-theme=dark] .info-bar__return-to-shared-note-button{background-color:#1a1c22 !important}
[data-theme=dark] .info-bar__return-to-shared-note-button:hover{background-color:#25282f !important}
[data-theme=dark] .info-bar__return-to-shared-note-button:focus-visible{outline:2px solid #f28705 !important}
.board-users__button:focus-visible{box-shadow:0 0 0 2px rgba(242, 135, 5, 0.478) !important}
.rest-users{background-color:#1a1c22 !important}
.rest-users__readiness{color:#f59a2e !important}
[data-theme=dark] .rest-users{background-color:#f7cf5e !important}
[data-theme=dark] .board-users__button:focus-visible{box-shadow:0 0 0 2px rgba(242, 135, 5, 0.478) !important}
.user-avatar__raised-hand{color:#f28705 !important}
[data-theme=dark] .user-avatar__raised-hand{color:#f28705 !important}
.header-menu{box-shadow:0 16px 32px rgba(242, 135, 5, 0.239) !important}
[data-theme=dark] .header-menu{background-color:#f28705 !important}
.board-option{background:#1a1c22 !important}
[data-theme=dark] .board-option+.board-option{border-color:#1a1c22 !important}
.board-option:focus-visible,.board-option:hover{background:#1f2229 !important}
[data-theme=dark] .board-option-button{background-color:#1a1c22 !important}
[data-theme=dark] .board-option-button:focus-visible{background-color:#1f2229 !important}
[data-theme=dark] .board-option-button--expandable{background-color:#1a1c22 !important}
[data-theme=dark] .board-option-button--expandable:focus-visible,[data-theme=dark] .board-option-button--expandable:hover{background-color:#1f2229 !important}
.board-option-toggle__switch--right:after{background-color:#f28705 !important}
[data-theme=dark] .board-option-toggle__switch--right:after{background-color:#f28705 !important}
[data-theme=dark] .board-option-link{background-color:#1a1c22 !important}
[data-theme=dark] .board-option-link:focus-visible{background-color:#1f2229 !important}
.board-option-link__label{color:#f28705 !important}
[data-theme=dark] .board-option-link__label{color:#f28705 !important}
.confirmation-dialog{box-shadow:0 16px 32px rgba(242, 135, 5, 0.239) !important}
.confirmation-dialog__checkbox-wrapper:hover .confirmation-dialog__checkbox-label:before{box-shadow:0 0 0 4px rgba(242, 135, 5, 0.2) !important}
.confirmation-dialog__checkbox+.confirmation-dialog__checkbox-label:before{border:1px solid #f28705 !important}
.confirmation-dialog__checkbox:focus-visible+.confirmation-dialog__checkbox-label:before{box-shadow:0 0 0 4px rgba(242, 135, 5, 0.4) !important}
.confirmation-dialog__checkbox+.confirmation-dialog__checkbox-label:after{background-color:rgba(242, 135, 5, 0.749) !important}
.confirmation-dialog__button{border:2px solid #f28705 !important}
.confirmation-dialog__button:hover{box-shadow:0 4px 10px rgba(242, 135, 5, 0.2) !important}
.confirmation-dialog__button--accept{background-color:#f28705 !important}
.confirmation-dialog__button--decline{color:#f28705 !important;background-color:rgba(242, 135, 5, 0.102) !important}
.confirmation-dialog__close-button{color:#f28705 !important;box-shadow:0 16px 32px rgba(242, 135, 5, 0.239) !important}
.confirmation-dialog__close-button:hover{background-color:#f28705 !important}
[data-theme=dark] .confirmation-dialog__background{background-color:rgba(242, 135, 5, 0.102) !important}
[data-theme=dark] .confirmation-dialog{background-color:#1a1c22 !important;border-color:#f28705 !important}
[data-theme=dark] .confirmation-dialog__button{border-color:#f28705 !important}
[data-theme=dark] .confirmation-dialog__button:hover{box-shadow:0 4px 8px rgba(242, 135, 5, 0.2) !important}
[data-theme=dark] .confirmation-dialog__button--accept{background-color:#f28705 !important}
[data-theme=dark] .confirmation-dialog__button--decline{color:#f28705 !important;background-color:rgba(242, 135, 5, 0.102) !important}
[data-theme=dark] .confirmation-dialog__close-button{color:#f28705 !important;background-color:#1a1c22 !important;border-color:#f28705 !important}
[data-theme=dark] .confirmation-dialog__close-button:hover{background-color:#f28705 !important}
[data-theme=dark] .confirmation-dialog__checkbox+.confirmation-dialog__checkbox-label:before{background:#1a1c22 !important;border-color:#f28705 !important}
[data-theme=dark] .confirmation-dialog__checkbox+.confirmation-dialog__checkbox-label:after{background-color:rgba(242, 135, 5, 0.749) !important}
[data-theme=dark] .confirmation-dialog__checkbox:focus-visible+.confirmation-dialog__checkbox-label:before{box-shadow:0 0 0 4px rgba(242, 135, 5, 0.4) !important}
[data-theme=dark] .confirmation-dialog__checkbox-wrapper :hover .confirmation-dialog__checkbox-label:before{box-shadow:0 0 0 4px rgba(242, 135, 5, 0.2) !important}
.share-button{border:2px solid #1a1c22 !important}
.share-button:focus-visible{box-shadow:0 0 0 2px rgba(26, 28, 34, 0.322) !important}
[data-theme=dark] .share-button{color:#f7cf5e !important;border:2px solid #f7cf5e !important}
[data-theme=dark] .share-button:focus-visible{box-shadow:0 0 0 2px rgba(247, 207, 94, 0.478) !important}
.board-header__link:focus-visible{box-shadow:0 0 0 2px rgba(242, 135, 5, 0.322) !important}
.board-header__link:hover{background-color:rgba(242, 135, 5, 0.059) !important}
[data-theme=dark] .board-header__link:focus-visible{box-shadow:0 0 0 2px rgba(242, 135, 5, 0.478) !important}
[data-theme=dark] .board-header__link:hover{background-color:rgba(242, 135, 5, 0.149) !important}
.board-header_name-and-settings:focus-visible{box-shadow:0 0 0 2px rgba(242, 135, 5, 0.322) !important}
.board-header_name-and-settings:hover{background-color:rgba(242, 135, 5, 0.059) !important}
[data-theme=dark] .board-header_name-and-settings:focus-visible{box-shadow:0 0 0 2px rgba(242, 135, 5, 0.478) !important}
[data-theme=dark] .board-header_name-and-settings:hover{background-color:rgba(242, 135, 5, 0.149) !important}
[data-theme=dark] .board__spacer-left:nth-child(odd),[data-theme=dark] .board__spacer-right:nth-child(odd){background-color:#1a1c22 !important}
[data-theme=dark] .board__spacer-left:nth-child(2n),[data-theme=dark] .board__spacer-right:nth-child(2n){background-color:#1a1c22 !important}
[data-theme=dark] .column--hidden+.board__spacer-right{background-image:repeating-linear-gradient(45deg, #1a1c22 calc(0px + var(--stripe-offset,0px)), #1a1c22 calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(40px + var(--stripe-offset,0px))) !important}
[data-theme=dark] .board__spacer-left:has(+.column--hidden){background-image:repeating-linear-gradient(45deg, #1a1c22 calc(0px + var(--stripe-offset,0px)), #1a1c22 calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(40px + var(--stripe-offset,0px))) !important}
[data-theme=dark] .vote-button-add:disabled{background-color:#25282f !important}
[data-theme=dark] .vote-button-remove__folded-corner{border-color:#1a1c22 #1a1c22 #0000 #0000 !important;box-shadow:2px -2px #1a1c22,0 1px 1px #1111111a,-1px 1px 1px #1111111a !important}
[data-theme=dark] .drag-indicator-pill__avatar{background-color:#1f2229 !important;border:2px solid #1f2229 !important}
[data-theme=dark] .note-author-skeleton__avatar{background-color:#1a1c22 !important}
[data-theme=dark] .note-author-skeleton__name{background-color:#1a1c22 !important}
.note-author-rest{background-color:#1a1c22 !important}
.note-author-rest--self{border-color:#1a1c22 !important}
[data-theme=dark] .note-author-rest{background-color:#f7cf5e !important;border-color:#1a1c22 !important}
[data-theme=dark] .note-author-rest--self{border-color:#f7cf5e !important}
[data-theme=dark] .note-reaction-chip__root{background-color:#1a1c22 !important}
[data-theme=dark] .note-reaction-chip__root:hover{background-color:#25282f !important}
[data-theme=dark] .note-reaction-picker__root{background:#1a1c22 !important}
[data-theme=dark] .note-reaction-picker__reaction:hover{background:#25282f !important}
[data-theme=dark] .note-reaction-picker__more{background:#1a1c22 !important}
[data-theme=dark] .note-reaction-picker__more:hover{background:#25282f !important}
[data-theme=dark] .note-reaction-picker__picker-portal{background:#1a1c22 !important}
[data-theme=dark] .note-reaction-chip-condensed__root{background-color:#1a1c22 !important}
[data-theme=dark] .note-reaction-chip-condensed__root:hover{background-color:#25282f !important}
.note-reaction-popup__root{box-shadow:0 2px 30px rgba(26, 28, 34, 0.122) !important}
[data-theme=dark] .note-reaction-popup__root{background-color:#1a1c22 !important}
[data-theme=dark] .note-reaction-popup__notch{background-color:#2e313a !important}
[data-theme=dark] .note-reaction-popup__tab-all{background-color:#1a1c22 !important}
[data-theme=dark] .note-reaction-popup__row-divider{background-color:#1a1c22 !important}
[data-theme=dark] .note-reaction-list__reaction-bar-container--active,[data-theme=dark] .note-reaction-list__add-reaction-sticker-container{background-color:#1a1c22 !important}
[data-theme=dark] .note-reaction-list__add-reaction-sticker-container:hover{background-color:#25282f !important}
[data-theme=dark] .column:nth-child(2n){background-color:#1a1c22 !important}
[data-theme=dark] .column:nth-child(odd){background-color:#1a1c22 !important}
[data-theme=dark] .column--hidden{background-image:repeating-linear-gradient(45deg, #1a1c22 calc(0px + var(--stripe-offset,0px)), #1a1c22 calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(40px + var(--stripe-offset,0px))) !important}
[data-theme=dark] .column__header-text-wrapper .column__tooltip{background-color:#2e313a !important}
[data-theme=dark] .emoji-suggestions__container{background-color:#1a1c22 !important}
[data-theme=dark] .emoji-suggestions__element:hover,[data-theme=dark] .emoji-suggestions__element--focus{background-color:#25282f !important}
[data-theme=dark] .note-input{background-color:#1f2229 !important}
:is([data-theme=dark] .note-input:not(:has(.note-input__input:disabled)):hover,[data-theme=dark] .note-input:not(:has(.note-input__input:disabled)):focus-within){box-shadow:0 6px 9px #16181d !important}
.color-picker{box-shadow:0 0 20px rgba(31, 34, 41, 0.122) !important}
[data-theme=dark] .color-picker{background-color:#1a1c22 !important}
[data-theme=dark] .color-picker__color-option{border:3px solid #1a1c22 !important}
.text-area:not(.text-area--embedded):hover{box-shadow:0 3px 12px rgba(22, 24, 29, 0.122) !important}
.text-area:not(.text-area--embedded):focus,.text-area:not(.text-area--embedded):focus-within{border:1.5px solid #f28705 !important}
.text-area:not(.text-area--embedded):active{border:1.5px solid #1f2229 !important}
[data-theme=dark] .text-area:not(.text-area--embedded):focus,[data-theme=dark] .text-area:not(.text-area--embedded):focus-within{border:1.5px solid #f59a2e !important}
.text-area:not(.text-area--embedded):not(.text-area--fitted):hover{box-shadow:0 3px 12px rgba(22, 24, 29, 0.122) !important}
.text-area:not(.text-area--embedded):not(.text-area--fitted):focus,.text-area:not(.text-area--embedded):not(.text-area--fitted):focus-within{border:1.5px solid #f28705 !important}
.text-area:not(.text-area--embedded):not(.text-area--fitted):active{border:1.5px solid #1f2229 !important}
[data-theme=dark] .text-area:not(.text-area--embedded):not(.text-area--fitted):focus,[data-theme=dark] .text-area:not(.text-area--embedded):not(.text-area--fitted):focus-within{border:1.5px solid #f59a2e !important}
[data-theme=dark] .text-area:not([data-theme=dark] .text-area--embedded){background-color:#1f2229 !important}
.request__container{box-shadow:3px 5px 3px rgba(26, 28, 34, 0.302) !important}
[data-theme=dark] .request__container{background-color:#16181d !important}
[data-theme=dark] .request__button{background-color:#1a1c22 !important}
[data-theme=dark] .request__button:hover{background-color:#1f2229 !important}
.board-reaction__name-container--self{background-color:#f28705 !important}
[data-theme=dark] .board-reaction__name-container{background-color:#2e313a !important}
[data-theme=dark] .board-reaction__name-container--self{background-color:#f2b705 !important}
.board-guard__denied-link{color:#f28705 !important}
[data-theme=dark] .board-guard{background-color:#1a1c22 !important}
.passphrase-dialog__logo:focus{outline:2px solid #f2b705 !important}
.passphrase-dialog__form{box-shadow:0 4px 15px rgba(242, 135, 5, 0.251) !important}
.form__icon{color:#f2b705 !important}
.form__password-input{background-color:rgba(242, 135, 5, 0.102) !important}
.form__password-input:focus-within{outline:2px solid #f2b705 !important}
.form__password-input:hover{box-shadow:0 4px 6px -1px rgba(242, 135, 5, 0.251) !important}
.password-input__input{caret-color:#f2b705 !important}
.password-input__toggle:focus{outline:2px solid #f2b705 !important}
.form__submit-button{background-color:#f28705 !important;box-shadow:0 4px 6px -1px rgba(242, 135, 5, 0.2),0 2px 4px -2px rgba(242, 135, 5, 0.2) !important}
.form__submit-button:focus{outline:2px solid #f2b705 !important}
.form__submit-button:hover:not([aria-disabled=true]){background-color:#f28705 !important;box-shadow:0 6px 8px -1px rgba(242, 135, 5, 0.2),0 4px 6px -2px rgba(242, 135, 5, 0.2) !important}
.form__error-message{color:#f28705 !important}
[data-theme=dark] .passphrase-dialog__form{background-color:#1a1c22 !important;box-shadow:0 6px 9px rgba(22, 24, 29, 0.302) !important}
[data-theme=dark] .form__password-input{background-color:rgba(242, 183, 5, 0.149) !important}
[data-theme=dark] .form__submit-button{background-color:#f2b705 !important}
[data-theme=dark] .form__submit-button:hover:not([aria-disabled=true]){background-color:#f2b705 !important}
[data-theme=dark] .form__error-message{color:#f2b705 !important}
.print-view__button{background:#f7cf5e !important}
.print-view__button svg{color:#f59a2e !important}
.print-view__button:hover{background:#f59a2e !important}
.print-view__button:active{background:#f28705 !important}
.rejection-page__root{background:linear-gradient(320deg,rgba(242, 135, 5, 0.2),#ffffff4d) !important}
.rejection-page__return-button{background:#f28705 !important;box-shadow:0 5px 4px rgba(242, 135, 5, 0.251) !important}
[data-theme=dark] .rejection-page__root{background:linear-gradient(320deg,#0d0e12 6%,#16181d 30%,#2e313a 60%,#6f85ae 80%) !important}
.not-found__root{background:linear-gradient(320deg,rgba(242, 135, 5, 0.2),#ffffff4d) !important}
.not-found__return-button{background:#f28705 !important;box-shadow:0 5px 4px rgba(242, 135, 5, 0.251) !important}
[data-theme=dark] .not-found__root{background:linear-gradient(320deg,#0d0e12 6%,#16181d 30%,#2e313a 60%,#6f85ae 80%) !important}
[data-theme=dark] .error-page{background-color:#1a1c22 !important}
.hint-hidden-columns__grid-container{background-color:#f2b705 !important}
[data-theme=dark] .hint-hidden-columns__grid-container{background-color:rgba(242, 183, 5, 0.2) !important}
[data-theme=dark] .settings-option-button{background-color:#1a1c22 !important}
[data-theme=dark] .settings-option-button:focus-within,[data-theme=dark] .settings-option-button:hover{background-color:#1f2229 !important}
[data-theme=dark] .settings-option-button--disabled:focus-within,[data-theme=dark] .settings-option-button--disabled:hover,[data-theme=dark] .settings-option-button--expandable{background-color:#1a1c22 !important}
[data-theme=dark] .settings-input__container{background-color:#1a1c22 !important}
.board-settings__access-option--selected .board-settings__access-option-indicator{border-color:#f28705 !important}
[data-theme=dark] .board-settings__access-option--selected .board-settings__access-option-indicator{border-color:#f59a2e !important}
[data-theme=dark] .board-settings__password-section .settings-input__container{background-color:#1a1c22 !important}
[data-theme=dark] .settings-dropdown__button{background-color:#1a1c22 !important}
[data-theme=dark] .settings-dropdown__button:hover{background-color:#1f2229 !important}
[data-theme=dark] .settings-dropdown__list{background-color:#1a1c22 !important}
[data-theme=dark] .appearance-settings__theme-container{background-color:#1a1c22 !important}
.participants-reset-state-banner__button{background-color:#1a1c22 !important}
.participants-reset-state-banner__button:hover{background-color:#25282f !important}
[data-theme=dark] .participants__search-input{background-color:#1a1c22 !important}
[data-theme=dark] .participants__permisson-filter-button,[data-theme=dark] .participant__status-filter-button{background-color:#1a1c22 !important}
[data-theme=dark] .participants__list-item{background-color:#1a1c22 !important}
[data-theme=dark] .participants__list-item:not(:last-child){border-bottom:1px solid #1a1c22 !important}
[data-theme=dark] .participant__role:is(button){background-color:#1a1c22 !important}
[data-theme=dark] .participants-reset-state-banner__container{background-color:#1a1c22 !important}
[data-theme=dark] .participants-reset-state-banner__button,[data-theme=dark] .participants-reset-state-banner__button:hover{background-color:#1a1c22 !important}
[data-theme=dark] .participant__join-icon,[data-theme=dark] .participant__kick-icon{background-color:#1a1c22 !important}
[data-theme=dark] .settings-dialog__feedback-option>label{background-color:#1a1c22 !important}
.dialog{border:3px solid #f28705 !important}
[data-theme=dark] .dialog{background:#1a1c22 !important}
.dialog__header-text{border-bottom:3px solid #f28705 !important}
.dialog__close-button{color:#f28705 !important}
[data-theme=dark] .dialog__button{background-color:#1a1c22 !important}
[data-theme=dark] .dialog__button:hover{background-color:#1f2229 !important}
.voting-dialog__start-button{background:#f28705 !important}
.voting-dialog__vote-button{color:#f28705 !important;border:1px solid #f28705 !important}
.timer-dialog__time-button{color:#f28705 !important;border:1px solid #f28705 !important}
.timer-dialog__button-icon{color:#f28705 !important;border:1px solid #f28705 !important}
.avatar-settings__avatar-shuffle:hover{background-color:#f7cf5e !important}
.avatar-settings__avatar-shuffle>svg{color:#f59a2e !important}
[data-theme=dark] .avatar-settings__avatar-shuffle{background-color:#1a1c22 !important;box-shadow:0 16px 32px rgba(22, 24, 29, 0.8) !important}
[data-theme=dark] .avatar-settings__avatar-shuffle:hover{background-color:#1f2229 !important}
[data-theme=dark] .avatar-settings__settings{background-color:#1a1c22 !important}
[data-theme=dark] .avatar-settings__settings-group-header:hover{background-color:#1f2229 !important}
[data-theme=dark] .avatar-settings__settings-group-item:hover:not(.disabled){background-color:#1f2229 !important}
[data-theme=dark] .avatar-settings__settings-group-item-seperator,[data-theme=dark] .avatar-settings__settings-group-seperator{border-top:.5px solid #1a1c22 !important}
[data-theme=dark] .settings-dialog__content{background:#1a1c22 !important}
[data-theme=dark] .settings-dialog__sidebar{background-color:#1a1c22 !important}
.settings-dialog__close-button{color:#f28705 !important}
.settings-dialog__close-button:hover{background-color:#f28705 !important}
.settings-dialog__close-button:focus-visible{border:2px solid #f28705 !important}
[data-theme=dark] .settings-dialog__close-button{color:#f28705 !important}
[data-theme=dark] .settings-dialog__close-button:hover{background-color:#f28705 !important}
[data-theme=dark] .settings-dialog__close-button:focus-visible{border:2px solid #f28705 !important}
.navigation__item--logout:hover{background-color:#2e313a !important}
.navigation__item--logout .navigation-item__icon{background:#1f2229 !important}
[data-theme=dark] .settings-dialog__separator{border-top:.5px solid #1a1c22 !important}
[data-theme=dark] .settings-dialog__group{background-color:#1a1c22 !important}
[data-theme=dark] .homepage__language{background:#1a1c22 !important}
.homepage__hero-title-team{color:#f28705 !important;background:linear-gradient(90deg,#f28705,#f2b705) !important}
.homepage__hero-title-retrospective{color:#f28705 !important;background:linear-gradient(90deg,#f59a2e,#f28705) !important}
[data-theme=dark] .homepage,[data-theme=dark] .homepage__hero{background:#1a1c22 !important}
.legal a{color:#f28705 !important}
.note{box-shadow:0 4px 6px -1px rgba(242, 135, 5, 0.102),0 2px 4px -2px rgba(242, 135, 5, 0.102) !important}
.note__in-stack{box-shadow:0 4px 6px -1px rgba(242, 135, 5, 0.102),0 2px 4px -2px rgba(242, 135, 5, 0.102) !important}
[data-theme=dark] .note,[data-theme=dark] .note__in-stack{background-color:#1f2229 !important}
[data-theme=dark] .note__show-more{background-color:#1f2229 !important}
[data-theme=dark] .note__show-more:before{background:linear-gradient(90deg,#0000,#1f2229) !important}
.tooltip-button--active .tooltip-button__icon{background-color:#1a1c22 !important}
.tooltip-button__tooltip{background-color:#f7cf5e !important}
.tooltip-button__tooltip:after{border-top-color:#f7cf5e !important}
[data-theme=dark] .tooltip-button:focus-visible .tooltip-button__icon,[data-theme=dark] .tooltip-button:hover .tooltip-button__icon{border-color:var(--accent-color--desaturated-dark,#25282f) !important}
[data-theme=dark] .tooltip-button__icon-container{background:#1a1c22 !important}
[data-theme=dark] .tooltip-button__tooltip-text{background-color:var(--accent-color--desaturated-dark,#25282f) !important}
.tooltip-button--content-extended .tooltip-button__icon{border-color:var(--accent-color--desaturated-light,#f7cf5e) !important}
[data-theme=dark] .note-dialog__note{background-color:#1a1c22 !important;box-shadow:0 6px 9px #0d0e12 !important}
[data-theme=dark] .stack-view__navigation-button{background:#1a1c22 !important}
[data-theme=dark] .access-policy__details{background:#1a1c22 !important}
.text-input-adornment:focus-visible,.text-input-adornment:hover{color:#f28705 !important}
.text-input:focus-visible,.text-input:hover{border:1px solid #f28705 !important}
.text-input:hover{box-shadow:0 0 0 4px rgba(242, 135, 5, 0.2) !important}
.text-input:focus-visible{box-shadow:0 0 0 4px rgba(242, 135, 5, 0.4) !important}
.text-input-action{background:#f28705 !important}
.text-input-action:not(:disabled):hover{box-shadow:0 4px 8px 2px rgba(242, 135, 5, 0.302) !important}
.text-input-action:focus-visible{box-shadow:0 0 0 2px rgba(242, 135, 5, 0.4) !important}
[data-theme=dark] .password-modal__container{background:#1a1c22 !important}
.new-board a:focus-visible>svg{border:1px solid #f28705 !important}
.new-board__mode-input:checked+.new-board__mode-label{border:1px solid #f28705 !important}
.new-board__mode-input+.new-board__mode-label:hover{box-shadow:0 4px 8px 2px rgba(242, 135, 5, 0.302) !important}
[data-theme=dark] .new-board__mode-label{background:#1a1c22 !important}
[data-theme=dark] .new-board__mode-input+.new-board__mode-label:hover{box-shadow:0 4px 8px 2px rgba(242, 135, 5, 0.102) !important}
[data-theme=dark] .new-board__actions{background:linear-gradient(#0000 0%,#1a1c22 20% 100%) !important}
[data-theme=dark] .columns-configurator-column--even{background-color:#1a1c22 !important}
[data-theme=dark] .columns-configurator-column--odd{background-color:#1f2229 !important}
[data-theme=dark] .columns-configurator-column--hidden{background-image:repeating-linear-gradient(45deg, #1a1c22 calc(0px + var(--stripe-offset,0px)), #1a1c22 calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(40px + var(--stripe-offset,0px))) !important}
[data-theme=dark] .columns-mini-view__column--hidden{background-image:repeating-linear-gradient(45deg, #1a1c22 calc(0px + var(--stripe-offset,0px)), #1a1c22 calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(20px + var(--stripe-offset,0px)), rgba(var(--accent-color--dark-rgb), .04) calc(40px + var(--stripe-offset,0px))) !important}
.template-editor__debug{color:#f28705 !important}
/* --- Login screen re-skin (dark) — matches the Dead Code website
 * (feat-website-restructure: Fira Code, #0d0e12 base, marigold ramp + dot-grid +
 * glow). Cheap CSS motion only (bg drift, card/button reveal, hover lift);
 * reduced-motion safe. scrumlr's Stan sloths stay; its top-left wordmark and the
 * internal-useless "benefits" blurb are removed. */
html[data-theme="dark"] {
  --dc-bg: #0d0e12;
  --dc-card: #16181d;
  --dc-border: #3a3b41;
  --dc-primary: #f28705;
  --dc-primary-light: #f2b705;
  --dc-primary-dark: #f25c05;
  --dc-glow: rgba(242, 135, 5, 0.35);
}
/* App shell base → the website's near-black (the .scrumlr-background div wraps the
 * page content, so only recolour it — never display:none). */
html[data-theme="dark"] .scrumlr-background {
  background-image: none !important;
  background-color: var(--dc-bg) !important;
}
/* Login page only (its shell wraps a .login-board): marigold dot-grid + radial
 * glow, slowly drifting — the website's atmosphere, scoped off the board. */
html[data-theme="dark"] .scrumlr-background:has(.login-board) {
  background-image:
    radial-gradient(ellipse 75% 55% at 50% 38%, rgba(242, 135, 5, 0.10), transparent 70%),
    radial-gradient(rgba(242, 135, 5, 0.15) 1px, transparent 1px) !important;
  background-size: 100% 100%, 30px 30px !important;
  background-repeat: no-repeat, repeat !important;
  animation: dc-drift 70s linear infinite;
}
@keyframes dc-drift {
  from { background-position: 50% 38%, 0 0; }
  to   { background-position: 50% 38%, 0 600px; }
}
html[data-theme="dark"] .header-bar__scrumlr-logo-container,
html[data-theme="dark"] .login-board__providers-section h1,
html[data-theme="dark"] .login-board__features {
  display: none !important;
}
/* Elevated card: website surface, marigold top-accent, depth + glow, reveal. */
html[data-theme="dark"] .login-board__card {
  background-color: var(--dc-card) !important;
  border: 1px solid var(--dc-border) !important;
  border-top: 2px solid var(--dc-primary) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 70px -24px rgba(0, 0, 0, 0.7), 0 0 90px -50px var(--dc-glow) !important;
  animation: dc-card-in 0.65s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
@keyframes dc-card-in {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: none; }
}
/* Dead Code wordmark (logo mark + monospace title) above the card content. */
html[data-theme="dark"] .login-board__card::before {
  content: "Dead Code IO";
  display: block;
  text-align: center;
  background: url("/dcio/logo.png") no-repeat top center;
  background-size: 52px;
  padding-top: 64px;
  margin-bottom: 1.3rem;
  font: 600 1.5rem/1.1 "Fira Code", "SFMono-Regular", Menlo, Consolas, monospace;
  letter-spacing: -0.01em;
  color: #e6e8ee;
  text-shadow: 0 0 24px var(--dc-glow);
}
/* Keycloak button: marigold gradient + glow, lift on hover. */
html[data-theme="dark"] .login-board__providers-section .legacy-button--primary {
  background: linear-gradient(135deg, var(--dc-primary-dark), var(--dc-primary) 55%, var(--dc-primary-light)) !important;
  box-shadow: 0 10px 28px -10px var(--dc-glow) !important;
  transition: box-shadow 0.25s ease, transform 0.15s ease !important;
}
html[data-theme="dark"] .login-board__providers-section .legacy-button--primary:hover {
  box-shadow: 0 14px 36px -8px var(--dc-glow), 0 0 0 1px var(--dc-primary-light) !important;
  transform: translateY(-1px) !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] .scrumlr-background:has(.login-board),
  html[data-theme="dark"] .login-board__card { animation: none !important; }
  html[data-theme="dark"] .login-board__providers-section .legacy-button--primary,
  html[data-theme="dark"] .login-board__providers-section .legacy-button--primary:hover {
    transition: none !important;
    transform: none !important;
  }
}

/* --- Homepage (dark only): drop scrumlr's colourful hero-tile art, centre the
 * headline, and rebrand the 'team'/'retrospective' accents to Marigold orange.
 * The illustration is a multi-colour SVG set that can't be recoloured cleanly. */
html[data-theme="dark"] .homepage__illustration {
  display: none !important;
}
html[data-theme="dark"] .homepage__hero-content {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 760px !important;
}
html[data-theme="dark"] .homepage__hero-content > * {
  flex: 0 0 auto !important;
}
html[data-theme="dark"] .homepage__hero-text {
  max-width: 560px;
  margin-left: auto !important;
  margin-right: auto !important;
}
html[data-theme="dark"] .homepage__hero-title-team,
html[data-theme="dark"] .homepage__hero-title-retrospective {
  background: none !important;
  -webkit-text-fill-color: #f28705 !important;
  color: #f28705 !important;
}