/*
  AtticusBeta v6.9.17
  Cohesive contrast system.

  Styling only. No layout, geometry, positioning, visibility, animation,
  routing, or interaction changes.

  Visual rule set:
  - one warm paper canvas
  - one charcoal/deep-green structural family
  - cream text on dark surfaces
  - deep green-charcoal text on light surfaces
  - orange is the primary accent/selection color
  - sage is reserved for status/secondary accents
  - adjacent controls share the same neutral dark button treatment
*/

:root {
  --ab17-paper: #EEE9E0;
  --ab17-paper-hi: #F6F1E9;
  --ab17-paper-low: #DDD6CA;
  --ab17-ink: #27312C;
  --ab17-ink-soft: #526057;
  --ab17-dark: #1C231F;
  --ab17-dark-2: #252C28;
  --ab17-dark-3: #303832;
  --ab17-dark-hover: #39433D;
  --ab17-cream: #F1E8D8;
  --ab17-cream-2: #D9D0C0;
  --ab17-cream-3: #C8C0B1;
  --ab17-orange: #C77A4B;
  --ab17-orange-hi: #E19A69;
  --ab17-sage: #A5B5A5;
  --ab17-sage-hi: #C7D1C7;
  --ab17-dark-line: rgba(241,232,216,.18);
  --ab17-dark-line-soft: rgba(241,232,216,.10);
  --ab17-paper-line: rgba(39,49,44,.18);
}

/* =========================================================
   CANVAS + BASIC LIGHT-SURFACE CONTRAST
   ========================================================= */
.stage {
  color: var(--ab17-ink) !important;
}

.page-header,
.page-header h1,
.page-header h2,
.page-header h3,
.page-header p,
.page-title,
.page-subtitle,
.focus-title,
.dashboard-title,
.settings-title {
  color: var(--ab17-ink) !important;
  text-shadow: none !important;
}

.page-subtitle,
.focus-subtitle,
.dashboard-subtitle {
  color: var(--ab17-ink-soft) !important;
}

.page-title .accent,
.focus-title .accent,
.dashboard-title .accent {
  color: var(--ab17-orange) !important;
}

/* =========================================================
   ONE DARK STRUCTURAL FAMILY
   ========================================================= */
.rail,
.topbar,
.thread-list,
.thread-main,
.thread-head,
.thread-compose,
.terminal,
.panel,
.settings-card,
.abdash-panel,
.personal-panel,
.personal-hero,
.system-card,
.library-card,
.file-folder,
.contacts-panel,
.auth-panel,
.modal-panel,
[data-view="tools"] .app-library-row,
[data-view="tools"] .app-filter-bar {
  background-color: var(--ab17-dark) !important;
  color: var(--ab17-cream-2) !important;
  border-color: var(--ab17-dark-line) !important;
}

.thread-list,
.thread-main,
.panel,
.settings-card,
.abdash-panel,
.personal-panel,
.personal-hero,
.system-card,
.library-card,
.file-folder,
.contacts-panel,
.auth-panel,
.modal-panel,
[data-view="tools"] .app-library-row {
  background-image: linear-gradient(180deg, var(--ab17-dark-2), var(--ab17-dark)) !important;
}

/* Strong text on dark surfaces. */
.rail :is(h1,h2,h3,h4,strong,.title,.brand-inner,.nav-button),
.topbar :is(h1,h2,h3,h4,strong),
.thread-list :is(h1,h2,h3,h4,strong),
.thread-main :is(h1,h2,h3,h4,strong),
.panel :is(h1,h2,h3,h4,strong,.panel-title,.settings-card-title,.setting-title),
.settings-card :is(h1,h2,h3,h4,strong,.settings-card-title,.setting-title),
.abdash-panel :is(h1,h2,h3,h4,strong,.panel-title),
.personal-panel :is(h1,h2,h3,h4,strong,.panel-title,.personal-title),
.personal-hero :is(h1,h2,h3,h4,strong,.panel-title,.personal-title),
.system-card :is(h1,h2,h3,h4,strong,.system-card-title,.title),
.library-card :is(h1,h2,h3,h4,strong,.library-title,.title),
.file-folder :is(h1,h2,h3,h4,strong,.file-folder-title,.title),
.contacts-panel :is(h1,h2,h3,h4,strong,.panel-title,.contact-title),
.auth-panel :is(h1,h2,h3,h4,strong,.auth-title,.title),
.modal-panel :is(h1,h2,h3,h4,strong,.modal-title,.title) {
  color: var(--ab17-cream) !important;
}

/* Secondary text on dark surfaces. */
.rail :is(p,small,.copy,.label,.recent-title,.recent-time,.logged-in-as),
.topbar :is(p,small,.copy),
.panel :is(p,small,.panel-subtitle,.settings-copy,.setting-copy,.project-copy,.notification-copy,.library-copy,.system-card-copy),
.settings-card :is(p,small,.settings-copy,.setting-copy),
.abdash-panel :is(p,small,.setting-copy,.project-copy),
.personal-panel :is(p,small,.project-copy,.personal-copy),
.personal-hero :is(p,small,.project-copy,.personal-copy),
.system-card :is(p,small,.system-card-copy,.copy),
.library-card :is(p,small,.library-copy,.copy),
.contacts-panel :is(p,small,.contact-copy,.copy),
.auth-panel :is(p,small,.auth-copy,.auth-subtitle,.copy),
.modal-panel :is(p,small,.modal-copy,.copy) {
  color: var(--ab17-cream-3) !important;
}

/* =========================================================
   TOP RIGHT UTILITY BAR: EXPLICIT AND READABLE
   ========================================================= */
.topbar,
.topbar > span {
  color: var(--ab17-cream-3) !important;
}

.topbar .online,
.topbar .online * {
  color: var(--ab17-sage-hi) !important;
}

.topbar .dot {
  background: #59D989 !important;
  box-shadow: 0 0 12px rgba(89,217,137,.48) !important;
}

.topbar .topbar-action,
.topbar .top-install-button,
.topbar .logout-button,
.topbar button.topbar-action {
  background: transparent !important;
  color: var(--ab17-cream-2) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.topbar .topbar-action span,
.topbar .top-install-button span,
.topbar .logout-button span,
.topbar .topbar-action svg,
.topbar .top-install-button svg,
.topbar .logout-button svg {
  color: inherit !important;
  stroke: currentColor !important;
}

.topbar .topbar-action:hover,
.topbar .top-install-button:hover,
.topbar .logout-button:hover {
  background: rgba(241,232,216,.08) !important;
  color: var(--ab17-cream) !important;
  border-color: transparent !important;
}

.topbar .logout-button:disabled {
  color: #BEB6A8 !important;
  opacity: .78 !important;
  filter: none !important;
}

/* =========================================================
   UNIFIED BUTTON SYSTEM
   Adjacent controls no longer switch between unrelated fills.
   ========================================================= */
body .stage .action,
body .stage .small-action,
body .stage .focus-icon-action,
body .stage .focus-action-button,
body .stage .walkthrough-button,
body .stage .app-card-action,
body .stage .archive-restore-button,
body .stage .workspace-archive-button,
body .stage .workspace-restore-button,
body .stage .thread-rename,
body .stage .thread-archive-card,
body .stage button[data-uninstall-tool] {
  background: var(--ab17-dark-2) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(241,232,216,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  text-shadow: none !important;
  filter: none !important;
}

body .stage .action:hover,
body .stage .small-action:hover,
body .stage .focus-icon-action:hover,
body .stage .focus-action-button:hover,
body .stage .walkthrough-button:hover,
body .stage .app-card-action:hover,
body .stage .archive-restore-button:hover,
body .stage .workspace-archive-button:hover,
body .stage .workspace-restore-button:hover,
body .stage .thread-rename:hover,
body .stage .thread-archive-card:hover,
body .stage button[data-uninstall-tool]:hover {
  background: var(--ab17-dark-hover) !important;
  color: #FFF5E7 !important;
  border-color: rgba(199,122,75,.72) !important;
}

/* Semantic differences are communicated by the border/accent, not a new fill color. */
body .stage .action.primary,
body .stage .app-card-action.primary,
body .stage .action-new-conversation,
body .stage .action-new-workspace {
  background: var(--ab17-dark-2) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(199,122,75,.64) !important;
}

body .stage .app-card-action.danger,
body .stage button[data-uninstall-tool],
body .stage .attachment-remove {
  background: var(--ab17-dark-2) !important;
  color: #F0C5A8 !important;
  border-color: rgba(199,122,75,.66) !important;
}

/* Disabled stays readable. No washed-out cream-on-cream state. */
body .stage button:disabled,
body .stage .action:disabled,
body .stage .small-action:disabled,
body .stage .focus-icon-action:disabled,
body .stage .app-card-action:disabled,
body .stage .thread-rename:disabled,
body .stage .thread-archive-card:disabled {
  background: #303632 !important;
  color: #C8C0B1 !important;
  border-color: rgba(200,192,177,.22) !important;
  opacity: .82 !important;
  filter: none !important;
  cursor: not-allowed !important;
}

/* =========================================================
   MESSENGER HEADER ACTIONS: ALL ONE VISUAL FAMILY
   ========================================================= */
body .stage > section.view.page-view[data-view="messenger"] .messenger-header-actions .action,
body .stage > section.view.page-view[data-view="messenger"] .thread-head-actions .action {
  background: var(--ab17-dark-2) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(241,232,216,.24) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

body .stage > section.view.page-view[data-view="messenger"] .messenger-header-actions .action:hover,
body .stage > section.view.page-view[data-view="messenger"] .thread-head-actions .action:hover {
  background: var(--ab17-dark-hover) !important;
  color: #FFF5E7 !important;
  border-color: rgba(199,122,75,.70) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .messenger-header-actions .action:disabled,
body .stage > section.view.page-view[data-view="messenger"] .thread-head-actions .action:disabled {
  background: #303632 !important;
  color: #C8C0B1 !important;
  border-color: rgba(200,192,177,.22) !important;
  opacity: .82 !important;
}

/* =========================================================
   MESSENGER HISTORY CARDS: EXPLICIT PER-ELEMENT CONTRAST
   ========================================================= */
body .stage > section.view.page-view[data-view="messenger"] .thread-list {
  background: var(--ab17-dark-2) !important;
  color: var(--ab17-cream-2) !important;
  border-color: var(--ab17-dark-line) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-list-heading {
  background: #141A17 !important;
  color: var(--ab17-cream-2) !important;
  border-color: rgba(199,122,75,.48) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-list-heading strong {
  color: var(--ab17-orange-hi) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-list-heading span {
  color: var(--ab17-cream-3) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card {
  background: var(--ab17-dark) !important;
  color: var(--ab17-cream-2) !important;
  border-color: rgba(241,232,216,.12) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card.is-active {
  background: #27271F !important;
  border-color: rgba(199,122,75,.72) !important;
  box-shadow: inset 3px 0 0 var(--ab17-orange) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card .thread-button,
body .stage > section.view.page-view[data-view="messenger"] .thread-card.is-active .thread-button {
  background: transparent !important;
  color: var(--ab17-cream-2) !important;
  border-color: transparent !important;
  opacity: 1 !important;
  filter: none !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card .thread-name,
body .stage > section.view.page-view[data-view="messenger"] .thread-card.is-active .thread-name {
  color: var(--ab17-cream) !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card .thread-preview,
body .stage > section.view.page-view[data-view="messenger"] .thread-card.is-active .thread-preview {
  color: var(--ab17-cream-3) !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card .thread-time,
body .stage > section.view.page-view[data-view="messenger"] .thread-card.is-active .thread-time {
  color: #B8B0A2 !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card .thread-workspace,
body .stage > section.view.page-view[data-view="messenger"] .thread-card.is-active .thread-workspace {
  background: rgba(199,122,75,.10) !important;
  color: var(--ab17-orange-hi) !important;
  border-color: rgba(199,122,75,.52) !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card .avatar,
body .stage > section.view.page-view[data-view="messenger"] .thread-card.is-active .avatar {
  background: rgba(199,122,75,.08) !important;
  color: var(--ab17-orange-hi) !important;
  border-color: rgba(199,122,75,.58) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card > .thread-card-actions .thread-rename,
body .stage > section.view.page-view[data-view="messenger"] .thread-card > .thread-card-actions .thread-archive-card {
  background: #121815 !important;
  color: var(--ab17-cream-2) !important;
  border-color: rgba(241,232,216,.22) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-card > .thread-card-actions .thread-rename:hover,
body .stage > section.view.page-view[data-view="messenger"] .thread-card > .thread-card-actions .thread-archive-card:hover {
  background: var(--ab17-dark-hover) !important;
  color: #FFF5E7 !important;
  border-color: rgba(199,122,75,.72) !important;
}

/* Thread shell headings and chrome. */
body .stage > section.view.page-view[data-view="messenger"] .thread-main,
body .stage > section.view.page-view[data-view="messenger"] .thread-head,
body .stage > section.view.page-view[data-view="messenger"] .thread-compose {
  background: var(--ab17-dark) !important;
  border-color: var(--ab17-dark-line) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-head .thread-title {
  color: var(--ab17-cream) !important;
}

body .stage > section.view.page-view[data-view="messenger"] .thread-head .thread-sub {
  color: var(--ab17-cream-3) !important;
}

/* =========================================================
   MESSAGE CONTENT: LIGHT MEANS DARK TEXT, DARK MEANS LIGHT TEXT
   ========================================================= */
.response-content,
.message:not(.user) {
  background-color: var(--ab17-paper-hi) !important;
  color: var(--ab17-ink) !important;
  border-color: var(--ab17-paper-line) !important;
}

.response-content :is(p,li,span,div,strong,em,b,i,blockquote,td,th),
.message:not(.user) :is(p,li,span,div,strong,em,b,i,blockquote,td,th),
.message:not(.user) .message-text {
  color: var(--ab17-ink) !important;
}

.response-content :is(.muted,.subtle,small,.message-meta,.message-time,.message-author,.message-name),
.message:not(.user) :is(.muted,.subtle,small,.message-meta,.message-time,.message-author,.message-name) {
  color: var(--ab17-ink-soft) !important;
}

.response-content a,
.message:not(.user) a {
  color: #92502E !important;
}

.message.user {
  background: var(--ab17-dark-3) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(199,122,75,.54) !important;
}

.message.user :is(p,li,span,div,strong,em,b,i,blockquote,.message-text) {
  color: var(--ab17-cream) !important;
}

.message.user :is(.message-meta,.message-time,.message-author,.message-name) {
  color: var(--ab17-orange-hi) !important;
}

/* =========================================================
   COMPOSER + FORM CONTROLS ON DARK SURFACES
   ========================================================= */
.thread-compose .terminal,
.focus-console .terminal,
.terminal {
  background: #111713 !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(241,232,216,.15) !important;
}

.thread-compose textarea,
.thread-compose input,
.focus-console textarea,
.focus-console input,
.terminal textarea,
.terminal input,
[data-view="tools"] .app-filter-bar input,
[data-view="tools"] .app-filter-bar select,
.settings-card input,
.settings-card select,
.settings-card textarea,
.modal-panel input,
.modal-panel select,
.modal-panel textarea {
  background: #111713 !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(241,232,216,.18) !important;
  caret-color: var(--ab17-orange-hi) !important;
}

.thread-compose textarea::placeholder,
.thread-compose input::placeholder,
.focus-console textarea::placeholder,
.focus-console input::placeholder,
.terminal textarea::placeholder,
.terminal input::placeholder,
[data-view="tools"] .app-filter-bar input::placeholder,
.settings-card input::placeholder,
.settings-card textarea::placeholder,
.modal-panel input::placeholder,
.modal-panel textarea::placeholder {
  color: #AAA396 !important;
  opacity: 1 !important;
}

.composer-icon-button,
.send,
.prompt,
.terminal-help,
.thread-compose .terminal-help,
.focus-console .terminal-help {
  color: var(--ab17-cream-2) !important;
}

.send:hover,
.composer-icon-button:hover {
  color: var(--ab17-orange-hi) !important;
}

/* =========================================================
   APP LIBRARY + REMOVE BUTTON
   ========================================================= */
[data-view="tools"] .app-library-row,
[data-view="tools"] .app-card {
  background: linear-gradient(180deg, var(--ab17-dark-2), var(--ab17-dark)) !important;
  color: var(--ab17-cream-2) !important;
  border-color: var(--ab17-dark-line) !important;
}

[data-view="tools"] .app-library-title,
[data-view="tools"] .app-card-title,
[data-view="tools"] .app-library-row strong,
[data-view="tools"] .app-card strong {
  color: var(--ab17-cream) !important;
}

[data-view="tools"] .app-library-subtitle,
[data-view="tools"] .app-card-state {
  color: var(--ab17-orange-hi) !important;
}

[data-view="tools"] .app-library-description,
[data-view="tools"] .app-card-copy,
[data-view="tools"] .app-card-note,
[data-view="tools"] .app-empty-copy {
  color: var(--ab17-cream-3) !important;
}

[data-view="tools"] .app-card-action,
[data-view="tools"] .app-card-action.danger,
[data-view="tools"] button[data-uninstall-tool] {
  background: #121815 !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(199,122,75,.62) !important;
  opacity: 1 !important;
  filter: none !important;
}

[data-view="tools"] .app-card-action:hover,
[data-view="tools"] .app-card-action.danger:hover,
[data-view="tools"] button[data-uninstall-tool]:hover {
  background: var(--ab17-dark-hover) !important;
  color: #FFF5E7 !important;
  border-color: rgba(199,122,75,.82) !important;
}

/* =========================================================
   RAIL COHESION
   ========================================================= */
.rail {
  background: linear-gradient(180deg, #202722, #111713) !important;
}

.rail .nav-button,
.rail .rail-footer,
.rail .recent-item,
.rail .recent-title,
.rail .recent-time,
.rail .logged-in-as {
  color: var(--ab17-cream-3) !important;
}

.rail .nav-button svg,
.rail .nav-button .icon {
  color: currentColor !important;
}

.rail .nav-button:hover {
  background: rgba(241,232,216,.055) !important;
  color: var(--ab17-cream) !important;
}

.rail .nav-button.is-active,
.rail .nav-button[aria-current="page"] {
  background: rgba(241,232,216,.075) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(199,122,75,.45) !important;
}

.rail-tier-label,
.rail .success,
.rail .online,
.rail-footer .dot {
  color: var(--ab17-sage-hi) !important;
}

/* =========================================================
   LIGHT MODAL/READING EXCEPTIONS
   Any explicitly light surface gets explicit dark text.
   ========================================================= */
.is-light,
.light-surface,
.paper-surface,
.welcome-card.is-light {
  background: var(--ab17-paper-hi) !important;
  color: var(--ab17-ink) !important;
  border-color: var(--ab17-paper-line) !important;
}

.is-light :is(h1,h2,h3,h4,strong,p,small,span,div,label),
.light-surface :is(h1,h2,h3,h4,strong,p,small,span,div,label),
.paper-surface :is(h1,h2,h3,h4,strong,p,small,span,div,label) {
  color: var(--ab17-ink) !important;
}

/* =========================================================
   HIGH-SPECIFICITY MESSENGER OVERRIDES
   These intentionally match the legacy hard-reset selectors so color
   cannot fall back to dark-on-dark after earlier geometry patches.
   ========================================================= */
body .stage > section.view.page-view.is-active[data-view="messenger"] .messenger-header-actions .action,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-head-actions .action {
  background: var(--ab17-dark-2) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(241,232,216,.24) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .messenger-header-actions .action:disabled,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-head-actions .action:disabled {
  background: #303632 !important;
  color: #C8C0B1 !important;
  border-color: rgba(200,192,177,.26) !important;
  opacity: .88 !important;
  filter: none !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card > .thread-button {
  background-color: var(--ab17-dark) !important;
  color: var(--ab17-cream-2) !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card.is-active,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card.is-active > .thread-button {
  background-color: #27271F !important;
  color: var(--ab17-cream) !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card > .thread-button .thread-name,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-name {
  color: var(--ab17-cream) !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card > .thread-button .thread-preview,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-preview {
  color: var(--ab17-cream-3) !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card > .thread-button .thread-time,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-time {
  color: #B8B0A2 !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card > .thread-button .thread-workspace,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-workspace {
  color: var(--ab17-orange-hi) !important;
  background: rgba(199,122,75,.10) !important;
  border-color: rgba(199,122,75,.52) !important;
  opacity: 1 !important;
}

body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card > .thread-card-actions .thread-rename,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-card > .thread-card-actions .thread-archive-card,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-rename,
body .stage > section.view.page-view.is-active[data-view="messenger"] .thread-archive-card {
  background: #121815 !important;
  color: var(--ab17-cream-2) !important;
  border-color: rgba(241,232,216,.22) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Modal buttons use the same button family, including Remove App confirmations. */
#modalActions .modal-btn,
.modal-actions .modal-btn,
.modal-panel .modal-btn {
  background: var(--ab17-dark-2) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(241,232,216,.24) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

#modalActions .modal-btn.primary,
.modal-actions .modal-btn.primary,
#modalActions .modal-btn.danger,
.modal-actions .modal-btn.danger {
  background: var(--ab17-dark-2) !important;
  color: var(--ab17-cream) !important;
  border-color: rgba(199,122,75,.66) !important;
}

#modalActions .modal-btn:hover,
.modal-actions .modal-btn:hover,
.modal-panel .modal-btn:hover {
  background: var(--ab17-dark-hover) !important;
  color: #FFF5E7 !important;
  border-color: rgba(199,122,75,.78) !important;
}

#modalActions .modal-btn:disabled,
.modal-actions .modal-btn:disabled {
  background: #303632 !important;
  color: #C8C0B1 !important;
  border-color: rgba(200,192,177,.24) !important;
  opacity: .84 !important;
}