/* User-selected colour scheme and wallpapers. Preferences are set by appearance.js. */
body { background-image: none !important; isolation: isolate; position: relative; }
.forum-wallpaper-stage { inset: 0; overflow: hidden; pointer-events: none; position: fixed; z-index: -1; }
.forum-wallpaper-layer { background: center / cover no-repeat; inset: 0; opacity: 0; position: absolute; transition: opacity .45s ease-in-out; }
.forum-wallpaper-layer.is-visible { opacity: 1; }

.site-style-selector { margin-left: 4px; }
.site-style-selector__toggle {
  align-items: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 10px;
  color: rgba(255,255,255,.84);
  cursor: pointer;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 700;
  gap: 7px;
  line-height: 1;
  padding: 10px 11px;
}
.site-style-selector__toggle:hover, .site-style-selector__toggle:focus { background: rgba(255,255,255,.15); color: #fff; outline: 0; }
.site-style-selector__menu { min-width: 274px; padding: 13px; }
.site-style-selector__title { color: #5d656d; font-size: .68rem; font-weight: 800; letter-spacing: .08em; margin: 0 0 7px; text-transform: uppercase; }
.site-style-selector__title + .site-style-selector__choices { margin-bottom: 14px; }
.site-style-selector__choices { display: grid; gap: 6px; grid-template-columns: 1fr 1fr; }
.site-style-choice { background: #f4f5f7; border: 1px solid #dce0e4; border-radius: 7px; color: #31363b; cursor: pointer; font-size: .76rem; font-weight: 700; padding: 8px; }
.site-style-choice i { margin-right: 5px; }
.site-style-choice:hover, .site-style-choice:focus, .site-style-choice.is-selected { border-color: #cd192d; box-shadow: 0 0 0 2px rgba(205,25,45,.13); outline: 0; }
.site-wallpaper-grid { display: grid; gap: 7px; grid-template-columns: repeat(2, 1fr); }
.site-wallpaper-choice { background: center/cover no-repeat #30343a; border: 2px solid transparent; border-radius: 7px; color: #fff; cursor: pointer; height: 62px; overflow: hidden; padding: 0; position: relative; text-align: left; }
.site-wallpaper-choice span { background: rgba(0,0,0,.6); bottom: 0; font-size: .67rem; font-weight: 700; left: 0; padding: 4px 6px; position: absolute; right: 0; text-shadow: 0 1px 2px #000; }
.site-wallpaper-choice:hover, .site-wallpaper-choice:focus, .site-wallpaper-choice.is-selected { border-color: #e3263f; box-shadow: 0 0 0 2px rgba(205,25,45,.2); outline: 0; }
.site-wallpaper-choice--default { background-image: url("/static/app/images/THN083.jpg"); }
.site-wallpaper-choice--street { background-image: url("/static/app/images/wallpapers/triumph-street-background.jpg"); }
.site-wallpaper-choice--rocket-3 { background-image: url("/static/app/images/wallpapers/triumph-rocket-3-background.jpg"); }
.site-wallpaper-choice--daytona-660 { background-image: url("/static/app/images/wallpapers/triumph-daytona-660-background.jpg"); }
.site-wallpaper-choice--daytona-675 { background-image: url("/static/app/images/wallpapers/daytona-675-background.webp"); }

/* Dark theme: layered surfaces and deliberate text tiers keep dense forum pages readable. */
html[data-theme="dark"] {
  color-scheme: dark;
  --ft-dark-canvas: #11151b;
  --ft-dark-surface: #1b1d1e;
  --ft-dark-surface-raised: #101111;
  --ft-dark-surface-soft: #29323d;
  --ft-dark-border: #25292e;
  --ft-dark-border-soft: #292a2b;
  --ft-dark-text: #edf1f5;
  --ft-dark-text-soft: #c8d0d9;
  --ft-dark-muted: #a4afbc;
  --ft-dark-subtle: #7f8c99;
  --ft-dark-accent: #cbcbcb;
  --ft-dark-accent-hover: #b81228;
  --ft-dark-accent-soft: rgba(227, 38, 63, .15);
}

html[data-theme="dark"] body { background-color: var(--ft-dark-canvas); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container h1,
html[data-theme="dark"] #main_container h2,
html[data-theme="dark"] #main_container h3,
html[data-theme="dark"] #main_container h4,
html[data-theme="dark"] #main_container h5,
html[data-theme="dark"] #main_container h6,
html[data-theme="dark"] #main_container .text-dark { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container a:not(.btn):not(.community-person):not(.community-pulse__button):not(.community-pulse__app) { color: var(--ft-dark-accent) !important; }
html[data-theme="dark"] #main_container a:not(.btn):not(.community-person):not(.community-pulse__button):not(.community-pulse__app):hover,
html[data-theme="dark"] #main_container a:not(.btn):not(.community-person):not(.community-pulse__button):not(.community-pulse__app):focus { color: var(--ft-dark-accent-hover) !important; }
html[data-theme="dark"] #main_container .text-muted,
html[data-theme="dark"] #main_container .text-secondary,
html[data-theme="dark"] #main_container small { color: var(--ft-dark-muted) !important; }

/* Shared Bootstrap/Machina surfaces. */
html[data-theme="dark"] #main_container .card,
html[data-theme="dark"] #main_container .content,
html[data-theme="dark"] #main_container .list-group-item,
html[data-theme="dark"] #main_container .table,
html[data-theme="dark"] #main_container .profile-sidebar,
html[data-theme="dark"] #main_container .profile-content,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .popover { background: var(--ft-dark-surface); border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .card-header,
html[data-theme="dark"] #main_container .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer { background: linear-gradient(135deg, #1e1f21, #242629); border-color: var(--ft-dark-border); color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .card,
html[data-theme="dark"] #main_container .list-group-item,
html[data-theme="dark"] #main_container .table td,
html[data-theme="dark"] #main_container .table th,
html[data-theme="dark"] #main_container .border,
html[data-theme="dark"] #main_container .border-top,
html[data-theme="dark"] #main_container .border-right,
html[data-theme="dark"] #main_container .border-bottom,
html[data-theme="dark"] #main_container .border-left { border-color: var(--ft-dark-border-soft) !important; }
html[data-theme="dark"] #main_container .table thead th { background: var(--ft-dark-surface-raised); color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .table-striped tbody tr:nth-of-type(odd),
html[data-theme="dark"] #main_container .table-hover tbody tr:hover { background: rgba(255,255,255,.035); color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container hr,
html[data-theme="dark"] .dropdown-divider { border-color: var(--ft-dark-border-soft); }

/* Breadcrumbs and navigation helpers. */
html[data-theme="dark"] #main_container .breadcrumb {
  background: rgb(18 19 19 / 96%);
  border: 1px solid var(--ft-dark-border);
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
html[data-theme="dark"] #main_container .breadcrumb-item,
html[data-theme="dark"] #main_container .breadcrumb-item.active { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .breadcrumb-item a { color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .breadcrumb-item a:hover { color: var(--ft-dark-accent-hover) !important; }
html[data-theme="dark"] #main_container .breadcrumb-item + .breadcrumb-item::before { color: var(--ft-dark-subtle); }
html[data-theme="dark"] #main_container .controls-link-wrapper a,
html[data-theme="dark"] #main_container a.d-inline-block { color: var(--ft-dark-text-soft) !important; }

/* Inputs, tabs, dropdowns, pagination and feedback blocks. */
html[data-theme="dark"] #main_container input,
html[data-theme="dark"] #main_container textarea,
html[data-theme="dark"] #main_container select,
html[data-theme="dark"] #main_container .form-control,
html[data-theme="dark"] #main_container .custom-select { background: #212223; border-color: #485563; color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container input::placeholder,
html[data-theme="dark"] #main_container textarea::placeholder { color: var(--ft-dark-subtle); opacity: 1; }
html[data-theme="dark"] #main_container input:focus,
html[data-theme="dark"] #main_container textarea:focus,
html[data-theme="dark"] #main_container select:focus,
html[data-theme="dark"] #main_container .form-control:focus { border-color: var(--ft-dark-accent); box-shadow: 0 0 0 3px rgba(255,113,131,.14); }
html[data-theme="dark"] #main_container .input-group-text { background: var(--ft-dark-surface-soft); border-color: #485563; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .nav-tabs { border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .nav-tabs .nav-link { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .nav-tabs .nav-link:hover { background: var(--ft-dark-surface-raised); border-color: var(--ft-dark-border); color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container .nav-tabs .nav-link.active { background: var(--ft-dark-surface); border-color: var(--ft-dark-border) var(--ft-dark-border) var(--ft-dark-surface); color: var(--ft-dark-accent-hover) !important; }
html[data-theme="dark"] #main_container .pagination .page-link { background: var(--ft-dark-surface-raised); border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .pagination .page-link:hover { background: var(--ft-dark-surface-soft); color: #fff !important; }
html[data-theme="dark"] #main_container .page-item.disabled .page-link { background: #181d24; color: var(--ft-dark-subtle) !important; }
html[data-theme="dark"] #main_container .page-item.active .page-link { background: #cd192d; border-color: #e04457; color: #fff !important; }
html[data-theme="dark"] #main_container .btn-outline-secondary { border-color: #667382; color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .btn-outline-secondary:hover { background: #667382; color: #fff !important; }
html[data-theme="dark"] #main_container .alert-light,
html[data-theme="dark"] #main_container .alert-secondary { background: var(--ft-dark-surface-raised); border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .alert-info { background: #182c38; border-color: #315b70; color: #c8e8f5; }
html[data-theme="dark"] #main_container .alert-warning { background: #382f18; border-color: #6b5724; color: #f4dda1; }

html[data-theme="dark"] .dropdown-menu { background: var(--ft-dark-surface-raised); border-color: var(--ft-dark-border); box-shadow: 0 18px 42px rgba(0,0,0,.42); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] .dropdown-menu .dropdown-item { color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .dropdown-menu .dropdown-item:focus { background: var(--ft-dark-surface-soft); color: #fff !important; }
html[data-theme="dark"] .dropdown-menu .dropdown-item.active { background: #9f1727; color: #fff !important; }

/* Forum index category blocks. */
html[data-theme="dark"] #main_container .forumlist--modern { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 12px 32px rgba(0,0,0,.28); }
html[data-theme="dark"] #main_container .forumlist--modern .card-header { background: linear-gradient(100deg, #080808, #18191a); border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .forumlist--modern .card-title,
html[data-theme="dark"] #main_container .forumlist--modern .card-title a { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container .forumlist--modern .forum-count-col,
html[data-theme="dark"] #main_container .forumlist--modern .forum-last-post-col { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .forumlist--modern .forum-row { border-color: var(--ft-dark-border-soft) !important; }
html[data-theme="dark"] #main_container .forumlist--modern .forum-row:hover { background: #181818; box-shadow: inset 3px 0 0 #c11717; }
html[data-theme="dark"] #main_container .forumlist--modern .forum-row.is-unread { background: linear-gradient(90deg, rgb(227 38 63 / 10%), rgba(227, 38, 63, .035) 34%, transparent 70%); }
html[data-theme="dark"] #main_container .forum-status-icon { background: #29323d; border-color: #53606e; color: #aab5c1; }
html[data-theme="dark"] #main_container .forum-status-icon.unread { background: #cd192d; border-color: #ef5165; color: #fff; }
html[data-theme="dark"] #main_container .forumlist--modern .forum-description { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .forum-subforums,
html[data-theme="dark"] #main_container .forum-subforums .sub-forums { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .forum-subforums .sub-forums i { color: var(--ft-dark-subtle); }
html[data-theme="dark"] #main_container .forum-subforums .sub-forums a { background: #29313b; color: #ff8999 !important; }
html[data-theme="dark"] #main_container .forum-subforums .sub-forums a:hover { background: #3a2930; color: #ffb0ba !important; }
html[data-theme="dark"] #main_container .forum-row-action a { background: #29323d; color: #b7c0ca !important; }
html[data-theme="dark"] #main_container .forum-row-action a:hover { background: #44262f; color: var(--ft-dark-accent-hover) !important; }
html[data-theme="dark"] #main_container .forum-stat strong { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .forum-stat span,
html[data-theme="dark"] #main_container .forum-last-details,
html[data-theme="dark"] #main_container .forum-last-details small,
html[data-theme="dark"] #main_container .forum-mobile-meta { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .forum-last-topic { color: var(--ft-dark-text-soft) !important; }

/* Home feed and the three activity panels. */
html[data-theme="dark"] #home-feed-block .card { background: rgb(14 14 14 / 98%); }
html[data-theme="dark"] #home-feed-block .card-header { background: linear-gradient(100deg, #090909, #191a1c); }
html[data-theme="dark"] #home-feed-block .home-feed-item { border-color: var(--ft-dark-border-soft) !important; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #home-feed-block .home-feed-icon { background: #2b333d; color: var(--ft-dark-accent); }
html[data-theme="dark"] #home-feed-block .home-feed-time { color: var(--ft-dark-muted); }
html[data-theme="dark"] #home-feed-block .home-feed-more-wrap { border-color: var(--ft-dark-border); }
html[data-theme="dark"] #home-feed-block .home-feed-more { color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] #home-feed-block .home-feed-dismiss:hover { background: #44262f; color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] #home-feed-block .home-feed-help summary:hover { background: var(--ft-dark-surface-soft); color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] #home-feed-block .home-feed-help-copy { background: #252d37; border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .forum-dashboard-panel { background: rgb(17 18 18 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 12px 32px rgba(0,0,0,.28); }
html[data-theme="dark"] #main_container .forum-dashboard-panel__header { background:linear-gradient(100deg, #141414, #181819); border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .forum-dashboard-panel__icon { background: #303a46; color: var(--ft-dark-accent); }
html[data-theme="dark"] #main_container .forum-dashboard-panel__eyebrow { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .forum-dashboard-panel h2 { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .forum-dashboard-list > li + li { border-color: var(--ft-dark-border-soft); }
html[data-theme="dark"] #main_container .forum-dashboard-post,
html[data-theme="dark"] #main_container .forum-dashboard-user { color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .forum-dashboard-post:hover,
html[data-theme="dark"] #main_container .forum-dashboard-post:focus,
html[data-theme="dark"] #main_container .forum-dashboard-user:hover,
html[data-theme="dark"] #main_container .forum-dashboard-user:focus { background: #34232a; color: #fff !important; }
html[data-theme="dark"] #main_container .forum-dashboard-post__meta,
html[data-theme="dark"] #main_container .forum-dashboard-user__copy small,
html[data-theme="dark"] #main_container .forum-dashboard-rank { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .forum-dashboard-avatar { background: #323c48; color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .forum-dashboard-avatar--new { background: #44262f; color: var(--ft-dark-accent-hover); }

/* Topic lists, posts, quotations and discovery blocks. */
html[data-theme="dark"] #main_container .topiclist .card-body > .row { border-color: var(--ft-dark-border-soft) !important; }
html[data-theme="dark"] #main_container .topiclist .card-body > .row:hover { background: rgba(255,255,255,.025); }
html[data-theme="dark"] #main_container .topiclist .topic-name-link { color: var(--ft-dark-accent) !important; }
html[data-theme="dark"] #main_container .topiclist .topic-created,
html[data-theme="dark"] #main_container .topiclist .topic-count,
html[data-theme="dark"] #main_container .topiclist .topic-last-post { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .topiclist .topic-count-col,
html[data-theme="dark"] #main_container .topiclist .topic-last-post-col { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .topiclist .topic-data-table { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .card.post { background: rgb(25 26 26 / 98%); box-shadow: 0 10px 28px rgba(0,0,0,.24); }
html[data-theme="dark"] #main_container .card.post .subject { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .card.post .post-content { color: #dbe1e7; }
html[data-theme="dark"] #main_container .card.post .post-sidebar { border-color: var(--ft-dark-border-soft); }
html[data-theme="dark"] #main_container .card.post .posts-count span { color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] #main_container .card.post .post-signature { border-color: #4a5562; color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .post-reply-context { background: #242c36; color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .post-content blockquote { background: #252e38; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .post-content blockquote div + div { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .post-content pre,
html[data-theme="dark"] #main_container .post-content code { background: #11161c; border-color: var(--ft-dark-border); color: #d8e1ea; }
html[data-theme="dark"] #main_container .topic-discovery { background: rgb(26 28 31 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 12px 30px rgba(0,0,0,.28); }
html[data-theme="dark"] #main_container .topic-discovery h3,
html[data-theme="dark"] #main_container .topic-model-wiki h3 { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .topic-model-wiki { background: var(--ft-dark-surface); border-color: #d4a000; }
html[data-theme="dark"] #main_container .topic-model-wiki .topic-discovery-kicker { color: #e5c45a; }
html[data-theme="dark"] #main_container .discovery-topic-card { background: #27292b; border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .discovery-topic-card:hover { background: #2c3034; border-color: var(--ft-dark-accent); color: #fff !important; }
html[data-theme="dark"] #main_container .discovery-topic-meta,
html[data-theme="dark"] #main_container .discovery-topic-empty { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .forum-media-composer { background: #232323; border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .forum-media-dropzone { border-color: #586675; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .forum-media-dropzone:hover { background: #34232a; color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] #main_container .post-reactions .react-pill { background: #29323c; border-color: #46515e; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .post-reactions .react-pill:hover { background: #333d49; }

/* Chat owns many explicit light backgrounds, so its dark palette is fully scoped. */
html[data-theme="dark"] #chatWidget {
  --ink: var(--ft-dark-text);
  --muted: var(--ft-dark-muted);
  --line: var(--ft-dark-border-soft);
  --hover: #29323d;
  --own: #34242a;
  background: var(--ft-dark-surface) !important;
  border-color: var(--ft-dark-border);
  box-shadow: 0 14px 34px rgba(0,0,0,.3);
}
html[data-theme="dark"] #chatWidget .chat-head { background: linear-gradient(180deg, #0b0c0c, #161414); }
html[data-theme="dark"] #chatWidget .chat-panel { background: #141414; }
html[data-theme="dark"] #chatWidget .msg-row:hover { background: #1b1c1d; }
html[data-theme="dark"] #chatWidget .msg-name,
html[data-theme="dark"] #chatWidget .msg-body { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #chatWidget .chat-mention { background: rgba(255,113,131,.14); color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] #chatWidget .msg-actions,
html[data-theme="dark"] #chatWidget .react-pill,
html[data-theme="dark"] #chatWidget .chat-composer,
html[data-theme="dark"] #chatWidget .chat-attach-preview,
html[data-theme="dark"] #chatWidget .chat-options-menu,
html[data-theme="dark"] #chatWidget .chat-online-pop { background: var(--ft-dark-surface-raised); border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #chatWidget .chat-text,
html[data-theme="dark"] #chatWidget .msg-edit-input { background: #1a1c1f; border-color: #485563; color: var(--ft-dark-text); }
html[data-theme="dark"] #chatWidget .presence-avatar,
html[data-theme="dark"] #chatWidget .typing-avatar { border-color: var(--ft-dark-surface-raised); }
html[data-theme="dark"] #chatWidget .chat-ride-strip,
html[data-theme="dark"] #chatWidget .chat-pinned { background: #29231f; border-color: #4b4038; }
html[data-theme="dark"] #chatWidget .chat-highlight-card { background: linear-gradient(145deg, #302b1e, #24251f); border-color: #6b5b2d; color: #f0e4b7; }
html[data-theme="dark"] #chatWidget .chat-share-card,
html[data-theme="dark"] #chatWidget .chat-event-card,
html[data-theme="dark"] #chatWidget .chat-active-event,
html[data-theme="dark"] #chatWidget .chat-active-poll,
html[data-theme="dark"] #chatWidget .chat-poll-form { background: #222223; border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #chatWidget .cec-type,
html[data-theme="dark"] #chatWidget .cec-time i,
html[data-theme="dark"] #chatWidget .cec-count i { color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] #chatWidget .cec-time,
html[data-theme="dark"] #chatWidget .cec-details,
html[data-theme="dark"] #chatWidget .cec-detail,
html[data-theme="dark"] #chatWidget .cec-detail-value,
html[data-theme="dark"] #chatWidget .cec-people,
html[data-theme="dark"] #chatWidget .cec-link,
html[data-theme="dark"] #chatWidget .cec-recap-copy span { color: var(--ft-dark-muted); }
html[data-theme="dark"] #chatWidget .event-live .cec-life,
html[data-theme="dark"] #chatWidget .cec-countdown.is-live,
html[data-theme="dark"] #chatWidget .ae-state.live { background: rgba(72,199,112,.14); color: #7dde9b; }
html[data-theme="dark"] #chatWidget .cec-life,
html[data-theme="dark"] #chatWidget .cec-countdown.is-past { background: #303945; color: var(--ft-dark-muted); }
html[data-theme="dark"] #chatWidget .cec-remind,
html[data-theme="dark"] #chatWidget .cec-edit,
html[data-theme="dark"] #chatWidget .cec-recaps,
html[data-theme="dark"] #chatWidget .cec-recap-add { background: #303030; border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #chatWidget .chat-emoji-picker,
html[data-theme="dark"] #chatWidget .cep-top,
html[data-theme="dark"] #chatWidget .cep-panel { background: #202731; border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #chatWidget .cep-tab:hover,
html[data-theme="dark"] #chatWidget .cep-close:hover { background: #2d3742; }
html[data-theme="dark"] #chatWidget .cep-tab.active { background: #44262f; color: var(--ft-dark-accent-hover); }
html[data-theme="dark"] .chat-user-card { background: var(--ft-dark-surface-raised); border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] .chat-user-card .uc-name,
html[data-theme="dark"] .chat-user-card .uc-btn { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] .chat-user-card .uc-first,
html[data-theme="dark"] .chat-user-card .uc-meta { color: var(--ft-dark-muted); }

/* Appearance selector remains legible while the selected theme is dark. */
html[data-theme="dark"] .site-style-selector__menu { background: #20262e; border-color: #46515e; }
html[data-theme="dark"] .site-style-selector__title { color: #bec7d0; }
html[data-theme="dark"] .site-style-choice { background: #29313b; border-color: #4a5663; color: #edf0f3; }

@media (max-width: 1199.98px) {
  .site-style-selector { border-top: 1px solid rgba(255,255,255,.1); margin: 16px 0 0; padding-top: 10px; width: 100%; }
  .site-style-selector__toggle { width: 100%; }
}

.btn-info {
  background-color: #cacaca;
  border-color: #bcbcbc;
}
.btn-info:hover {
  background-color: #b9b9b9;
  border-color: #979797;
}

/* Restored dark-theme refinements for the Garage pages. */
html[data-theme="dark"] #main_container .garage-directory {
  --garage-ink: #111213;
  --garage-line: rgba(255,255,255,.12);
}
html[data-theme="dark"] #main_container .garage-directory .garage-directory-header { background: linear-gradient(115deg, #080808, #1a1013); border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .garage-directory .garage-featured { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .garage-directory .garage-featured::before { background: linear-gradient(90deg, transparent 36%, rgba(8,8,8,.5) 53%, rgba(8,8,8,.96) 100%); }
html[data-theme="dark"] #main_container .garage-directory .garage-featured-img { background-color: #121314; background-image: linear-gradient(135deg, #202122, #090909); }
html[data-theme="dark"] #main_container .garage-directory .garage-featured-img::after { color: #9da1a5; }
html[data-theme="dark"] #main_container .garage-directory .garage-featured .garage-meta span { background: #1c1d1e; border-color: #303133; }
html[data-theme="dark"] #main_container .garage-directory .garage-discovery { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 12px 26px rgba(0,0,0,.28); }
html[data-theme="dark"] #main_container .garage-directory .garage-discovery-heading,
html[data-theme="dark"] #main_container .garage-directory .garage-discovery-heading span { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container .garage-directory .garage-discovery-heading small,
html[data-theme="dark"] #main_container .garage-directory .garage-filters label { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .garage-directory .garage-filters .form-control { background: #191a1b; border-color: #343638; color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .garage-directory .garage-filters .form-control:focus { border-color: #b81228; box-shadow: 0 0 0 3px rgba(184,18,40,.18); }
html[data-theme="dark"] #main_container .garage-directory .garage-card { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 10px 22px rgba(0,0,0,.28); }
html[data-theme="dark"] #main_container .garage-directory .garage-card:hover { border-color: rgba(217,31,59,.65); box-shadow: 0 19px 34px rgba(0,0,0,.42); }
html[data-theme="dark"] #main_container .garage-directory .garage-card-img { background: linear-gradient(145deg, #202122, #090909); }
html[data-theme="dark"] #main_container .garage-directory .garage-card-noimg { background: radial-gradient(circle at 50% 25%, #202122 0, #111213 56%, #090a0b 100%); color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-directory .garage-card-noimg i { color: #8f9499; }
html[data-theme="dark"] #main_container .garage-directory .garage-card-title { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container .garage-directory .garage-card-meta span,
html[data-theme="dark"] #main_container .garage-directory .garage-results-heading small { color: var(--ft-dark-muted) !important; }

html[data-theme="dark"] #main_container .garage-detail .garage-noimg-lg { background: radial-gradient(circle at 50% 28%, #202122 0, #111213 58%, #090a0b 100%); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .garage-noimg-lg span { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .garage-panel { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 10px 24px rgba(0,0,0,.28); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .garage-panel h4 { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container .garage-detail .garage-specs table { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .garage-specs table th { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-detail .garage-specs table td { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .garage-detail .garage-mod-list li,
html[data-theme="dark"] #main_container .garage-detail .garage-gb-entry,
html[data-theme="dark"] #main_container .garage-detail .public-service-row { border-color: var(--ft-dark-border-soft); }
html[data-theme="dark"] #main_container .garage-detail .garage-mod-comment,
html[data-theme="dark"] #main_container .garage-detail .public-service-row span,
html[data-theme="dark"] #main_container .garage-detail .public-service-row p { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-detail .garage-mod-price { color: #75d39c; }
html[data-theme="dark"] #main_container .garage-detail .garage-gallery-main img { background: #111213; }
html[data-theme="dark"] #main_container .garage-detail .garage-gallery-thumbs .ggt { background: #171819; }
html[data-theme="dark"] #main_container .garage-detail .build-log .milestone-quick { background: #151617; border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .garage-detail .milestone-card { background: #161718; border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .milestone-card .milestone-head { border-color: var(--ft-dark-border-soft); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .milestone-card .milestone-title { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .garage-detail .milestone-card .milestone-text { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .milestone-card .milestone-time,
html[data-theme="dark"] #main_container .garage-detail .milestone-card .milestone-meta,
html[data-theme="dark"] #main_container .garage-detail .milestone-count { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .garage-detail .milestone-reactions .react-pill { background: #1d1e20; border-color: #3b3d40; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-detail .milestone-reactions .react-pill:hover { background: #292a2c; }
html[data-theme="dark"] #main_container .garage-detail .milestone-reactions .react-count { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .garage-detail .milestone-reactions .mr-add { border-color: #55585b; color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-detail .garage-twins-avatars .ta-noimg { background: #1c1d1e; color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-detail .wear-bar { background: #292a2c; }
html[data-theme="dark"] #main_container .garage-detail .consumable .cons-meta { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .garage-detail .garage-panel .form-control,
html[data-theme="dark"] #main_container .garage-detail .garage-panel select,
html[data-theme="dark"] #main_container .garage-detail .garage-panel textarea,
html[data-theme="dark"] #main_container .garage-form .garage-panel input:not([type="checkbox"]):not([type="file"]),
html[data-theme="dark"] #main_container .garage-form .garage-panel select,
html[data-theme="dark"] #main_container .garage-form .garage-panel textarea { background: #191a1b; border-color: #343638; color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .garage-detail .garage-panel .form-control:focus,
html[data-theme="dark"] #main_container .garage-detail .garage-panel select:focus,
html[data-theme="dark"] #main_container .garage-detail .garage-panel textarea:focus,
html[data-theme="dark"] #main_container .garage-form .garage-panel input:not([type="checkbox"]):not([type="file"]):focus,
html[data-theme="dark"] #main_container .garage-form .garage-panel select:focus,
html[data-theme="dark"] #main_container .garage-form .garage-panel textarea:focus { border-color: #b81228; box-shadow: 0 0 0 3px rgba(184,18,40,.18); }
html[data-theme="dark"] #main_container .garage-detail .garage-panel .btn-outline-secondary,
html[data-theme="dark"] #main_container .garage-form .garage-panel .btn-outline-secondary { background: #18191a; border-color: #4a4c4f; color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .garage-detail .garage-panel .btn-outline-secondary:hover,
html[data-theme="dark"] #main_container .garage-detail .garage-panel .btn-outline-secondary:focus,
html[data-theme="dark"] #main_container .garage-form .garage-panel .btn-outline-secondary:hover,
html[data-theme="dark"] #main_container .garage-form .garage-panel .btn-outline-secondary:focus { background: #292a2c; border-color: #b81228; color: #fff !important; }

html[data-theme="dark"] #main_container .garage-owner-page .garage-owner-surface { background: rgb(11 12 13 / 98%); border-color: var(--ft-dark-border); backdrop-filter: none; }
html[data-theme="dark"] #main_container .garage-owner-page .garage-owner-header { border-color: var(--ft-dark-border-soft); }
html[data-theme="dark"] #main_container .garage-owner-page .garage-card { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 10px 22px rgba(0,0,0,.3); }
html[data-theme="dark"] #main_container .garage-owner-page .garage-card:hover { border-color: rgba(217,31,59,.65); box-shadow: 0 19px 34px rgba(0,0,0,.44); }
html[data-theme="dark"] #main_container .garage-owner-page .garage-card-img { background: linear-gradient(145deg, #202122, #090909); }
html[data-theme="dark"] #main_container .garage-owner-page .garage-card-noimg { background: radial-gradient(circle at 50% 25%, #202122 0, #111213 56%, #090a0b 100%); color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-owner-page .garage-card-noimg i { color: #8f9499; }
html[data-theme="dark"] #main_container .garage-owner-page .garage-card-title { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container .garage-owner-page .garage-card-meta span { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-owner-page .dream-garage,
html[data-theme="dark"] #main_container .garage-owner-page .garage-empty { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); }
html[data-theme="dark"] #main_container .garage-owner-page .dream-item { background: #161718; border-color: var(--ft-dark-border-soft); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-owner-page .dream-note,
html[data-theme="dark"] #main_container .garage-owner-page .dream-del { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .garage-owner-page .dream-form input,
html[data-theme="dark"] #main_container .garage-owner-page .dream-form select,
html[data-theme="dark"] #main_container .garage-owner-page .dream-form textarea { background: #191a1b; border-color: #343638; color: var(--ft-dark-text); }

html[data-theme="dark"] #main_container .garage-form .garage-panel { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 10px 24px rgba(0,0,0,.28); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-form .garage-panel h4 { color: var(--ft-dark-text) !important; }
html[data-theme="dark"] #main_container .garage-form .garage-panel label,
html[data-theme="dark"] #main_container .garage-form .garage-panel .form-check-label { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-form .garage-panel input::placeholder,
html[data-theme="dark"] #main_container .garage-form .garage-panel textarea::placeholder { color: var(--ft-dark-subtle); }
html[data-theme="dark"] #main_container .garage-form .garage-panel input[type="checkbox"] { accent-color: #cd192d; }
html[data-theme="dark"] #main_container .garage-form .garage-dropzone { background: #151617; border-color: #55585b; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-form .garage-dropzone:hover,
html[data-theme="dark"] #main_container .garage-form .garage-dropzone.dragover { background: #261417; border-color: #cd192d; color: #ff9aa7; }
html[data-theme="dark"] #main_container .garage-form .garage-thumb { border-color: #333538; }
html[data-theme="dark"] #main_container .garage-form .garage-thumb.is-cover { border-color: #d4a000; }

/* Community build feed uses the same neutral-black garage palette. */
html[data-theme="dark"] #main_container .build-feed-page .garage-header .btn-light { background: #18191a; border-color: #4a4c4f; color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .build-feed-page .garage-header .btn-light:hover,
html[data-theme="dark"] #main_container .build-feed-page .garage-header .btn-light:focus { background: #292a2c; border-color: #b81228; color: #fff !important; }
html[data-theme="dark"] #main_container .build-feed-page .milestone-card { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); box-shadow: 0 10px 24px rgba(0,0,0,.28); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .build-feed-page .milestone-card .milestone-head { background: #151617; border-color: var(--ft-dark-border-soft); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .build-feed-page .milestone-card .milestone-bike { color: var(--ft-dark-accent) !important; }
html[data-theme="dark"] #main_container .build-feed-page .milestone-card .milestone-owner,
html[data-theme="dark"] #main_container .build-feed-page .milestone-card .milestone-time,
html[data-theme="dark"] #main_container .build-feed-page .milestone-card .milestone-meta { color: var(--ft-dark-muted) !important; }
html[data-theme="dark"] #main_container .build-feed-page .milestone-card .milestone-title { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .build-feed-page .milestone-card .milestone-text { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .build-feed-page .milestone-reactions .react-pill { background: #1d1e20; border-color: #3b3d40; color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .build-feed-page .milestone-reactions .react-pill:hover { background: #292a2c; }
html[data-theme="dark"] #main_container .build-feed-page .milestone-reactions .react-count { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .build-feed-page .milestone-reactions .mr-add { border-color: #55585b; color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .build-feed-page .build-live-row { background: #161718; border-color: var(--ft-dark-border); color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .build-feed-page .build-live-row:hover { background: #202122; }
html[data-theme="dark"] #main_container .build-feed-page .build-live-row .bl-avatar,
html[data-theme="dark"] #main_container .build-feed-page .build-live-row .bl-icon { background: #292a2c; color: #ff7183; }
html[data-theme="dark"] #main_container .build-feed-page .build-feed-empty { background: rgb(17 18 19 / 98%); border-color: var(--ft-dark-border); }

/* Ride signals in the index chat use the black surface family as well. */
html[data-theme="dark"] #chatWidget .chat-panel { background: #181818; }
html[data-theme="dark"] #chatWidget .msg-row:hover { background: #1f2122; }
html[data-theme="dark"] #chatWidget .chat-ride-strip { background: #151617; border-color: var(--ft-dark-border-soft); }
html[data-theme="dark"] #chatWidget .crs-label,
html[data-theme="dark"] #chatWidget .crs-intent { color: #ff7183; }
html[data-theme="dark"] #chatWidget .crs-beacon { background: #1b1d1e; border-color: #36383a; border-left-color: #cd192d; box-shadow: 0 2px 7px rgba(0,0,0,.28); color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #chatWidget .crs-beacon.intent-help { background: #201c17; border-left-color: #d97706; }
html[data-theme="dark"] #chatWidget .crs-beacon.intent-road { border-left-color: #4b8fc8; }
html[data-theme="dark"] #chatWidget .crs-beacon.intent-checkin { border-left-color: #4ca970; }
html[data-theme="dark"] #chatWidget .crs-identity b { color: var(--ft-dark-text); }
html[data-theme="dark"] #chatWidget .intent-help .crs-intent { color: #f0b45c; }
html[data-theme="dark"] #chatWidget .intent-road .crs-intent { color: #81b9eb; }
html[data-theme="dark"] #chatWidget .intent-checkin .crs-intent { color: #84d6a0; }
html[data-theme="dark"] #chatWidget .crs-expiry,
html[data-theme="dark"] #chatWidget .crs-meta,
html[data-theme="dark"] #chatWidget .crs-note,
html[data-theme="dark"] #chatWidget .crs-people { color: var(--ft-dark-muted); }
html[data-theme="dark"] #chatWidget .crs-meta i { color: var(--ft-dark-subtle); }
html[data-theme="dark"] #chatWidget .crs-people img { border-color: #1b1d1e; }
html[data-theme="dark"] #chatWidget .crs-message { background: #18191a; border-color: #3b3d40; color: var(--ft-dark-muted); }
html[data-theme="dark"] #chatWidget .crs-message:hover { border-color: #cd192d; color: #ff7183; }
html[data-theme="dark"] #chatWidget .crs-join { background: #18191a; border-color: rgba(205,25,45,.62); color: #ff7183; }
html[data-theme="dark"] #chatWidget .crs-join.joined { background: #b81228; border-color: #e04457; color: #fff; }
html[data-theme="dark"] #chatWidget .crs-remove { background: rgba(205,25,45,.16); color: #ff7183; }

/* Restored selector state and full wallpaper picker layout. */
.site-style-selector__menu { max-width: calc(100vw - 24px); min-width: 320px; padding: 13px; width: 360px; }
.site-style-choice { align-items: center; background: #f4f5f7; border: 1px solid #dce0e4; border-radius: 7px; color: #31363b; cursor: pointer; display: inline-flex; font-size: .76rem; font-weight: 700; justify-content: center; padding: 8px; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease; }
.site-style-choice:hover, .site-style-choice:focus { border-color: #cd192d; box-shadow: 0 0 0 2px rgba(205,25,45,.13); outline: 0; }
.site-style-choice.is-selected { background: #cd192d; border-color: #cd192d; box-shadow: 0 0 0 2px rgba(205,25,45,.2); color: #fff; }
.site-style-choice.is-selected::after { content: "✓"; font-size: .7rem; line-height: 1; margin-left: 6px; }
.site-style-choice.is-selected:hover, .site-style-choice.is-selected:focus { background: #b81228; border-color: #b81228; color: #fff; }
.site-style-selector__title--wallpapers { margin-bottom: 8px; }
.site-wallpaper-picker { max-height: 360px; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; scrollbar-color: #9b9fa4 transparent; scrollbar-width: thin; }
.site-wallpaper-section + .site-wallpaper-section { border-top: 1px solid #e1e3e6; margin-top: 12px; padding-top: 12px; }
.site-wallpaper-section__title { color: #61676d; font-size: .66rem; font-weight: 800; letter-spacing: .045em; margin: 0 0 7px; text-transform: uppercase; }
.site-wallpaper-grid { display: grid; gap: 7px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.site-wallpaper-choice { background: center/cover no-repeat #30343a; background-image: var(--wallpaper-image); border: 2px solid transparent; border-radius: 7px; color: #fff; cursor: pointer; height: 58px; overflow: hidden; padding: 0; position: relative; text-align: left; }
.site-wallpaper-choice span { background: rgba(0,0,0,.62); bottom: 0; font-size: .61rem; font-weight: 700; left: 0; overflow: hidden; padding: 4px 5px; position: absolute; right: 0; text-overflow: ellipsis; text-shadow: 0 1px 2px #000; white-space: nowrap; }
html[data-theme="dark"] .site-style-selector__menu { background: #171819; border-color: #36383a; }
html[data-theme="dark"] .site-style-selector__title { color: #c7c9cb; }
html[data-theme="dark"] .site-style-choice { background: #202122; border-color: #3a3c3e; color: #edf0f3; }
html[data-theme="dark"] .site-style-choice.is-selected { background: #cd192d; border-color: #e04457; box-shadow: 0 0 0 2px rgba(205,25,45,.25); color: #fff; }
html[data-theme="dark"] .site-style-choice.is-selected:hover,
html[data-theme="dark"] .site-style-choice.is-selected:focus { background: #b81228; border-color: #d9384d; color: #fff; }
html[data-theme="dark"] .site-wallpaper-picker { scrollbar-color: #5c5f62 transparent; }
html[data-theme="dark"] .site-wallpaper-section + .site-wallpaper-section { border-color: #36383a; }
html[data-theme="dark"] .site-wallpaper-section__title { color: #b9bcc0; }

/* Ownership cockpit: keep management controls on the Garage's black surfaces. */
html[data-theme="dark"] #main_container .garage-cockpit { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-hero {
  background: linear-gradient(135deg, #0b0b0b, #241115);
  border-color: var(--ft-dark-border);
  color: var(--ft-dark-text);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-hero p,
html[data-theme="dark"] #main_container .garage-cockpit .garage-back { color: var(--ft-dark-text-soft) !important; }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-print {
  background: #18191a;
  border-color: #4a4c4f;
  color: var(--ft-dark-text-soft) !important;
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-print:hover,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-print:focus {
  background: #292a2c;
  border-color: #b81228;
  color: #fff !important;
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-nav {
  background: #161718;
  border-color: var(--ft-dark-border);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-nav a {
  background: #202122;
  color: var(--ft-dark-text-soft) !important;
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-nav a:hover,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-nav a:focus,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-nav a:active,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-nav a[aria-current="page"] {
  background: #b81228 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.28);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-stat,
html[data-theme="dark"] #main_container .garage-cockpit .garage-panel,
html[data-theme="dark"] #main_container .garage-cockpit .service-entry {
  background: rgb(17 18 19 / 98%);
  border-color: var(--ft-dark-border);
  color: var(--ft-dark-text-soft);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-stat span,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-section-head p,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-row-main span,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-due,
html[data-theme="dark"] #main_container .garage-cockpit .service-meta,
html[data-theme="dark"] #main_container .garage-cockpit .service-private,
html[data-theme="dark"] #main_container .garage-cockpit .service-detail-list,
html[data-theme="dark"] #main_container .garage-cockpit .cost-breakdown span,
html[data-theme="dark"] #main_container .garage-cockpit .cost-breakdown small,
html[data-theme="dark"] #main_container .garage-cockpit .cost-category-note,
html[data-theme="dark"] #main_container .garage-cockpit .service-details-help,
html[data-theme="dark"] #main_container .garage-cockpit .consumable-service-note { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-stat strong,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-section h2,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-section h3,
html[data-theme="dark"] #main_container .garage-cockpit .service-detail-list strong,
html[data-theme="dark"] #main_container .garage-cockpit .cost-breakdown strong { color: var(--ft-dark-text); }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-row {
  background: #18191a;
  border-color: #343638;
  border-left-color: #666a6e;
  color: var(--ft-dark-text-soft);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-row.status-soon { background: #241d13; }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-row.status-overdue { background: #261619; }
html[data-theme="dark"] #main_container .garage-cockpit .status-chip,
html[data-theme="dark"] #main_container .garage-cockpit .privacy-chip {
  background: #202122;
  border-color: #45484b;
  color: var(--ft-dark-text-soft);
}
html[data-theme="dark"] #main_container .garage-cockpit .status-chip.status-ok { background: #173124; border-color: #397351; color: #9bdfb3; }
html[data-theme="dark"] #main_container .garage-cockpit .status-chip.status-soon { background: #352a12; border-color: #8d681a; color: #ffd77e; }
html[data-theme="dark"] #main_container .garage-cockpit .status-chip.status-overdue { background: #39181c; border-color: #91404a; color: #ff9da9; }
html[data-theme="dark"] #main_container .garage-cockpit .icon-delete { color: var(--ft-dark-muted); }
html[data-theme="dark"] #main_container .garage-cockpit .icon-delete:hover { background: #38171c; color: #ff7183; }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-empty {
  background: #171819;
  border-color: #55585b;
  color: var(--ft-dark-muted);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add,
html[data-theme="dark"] #main_container .garage-cockpit .service-details-add,
html[data-theme="dark"] #main_container .garage-cockpit .service-detail-row {
  background: #18191a;
  border-color: #343638;
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add summary,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add label,
html[data-theme="dark"] #main_container .garage-cockpit .service-details-add summary,
html[data-theme="dark"] #main_container .garage-cockpit legend { color: var(--ft-dark-text-soft); }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add .form-control,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add input:not([type="checkbox"]):not([type="file"]),
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add select,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add textarea,
html[data-theme="dark"] #main_container .garage-cockpit .share-days {
  background: #202122;
  border-color: #45484b;
  color: var(--ft-dark-text);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add input::placeholder,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add textarea::placeholder { color: var(--ft-dark-subtle); }
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add .form-control:focus,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add input:focus,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add select:focus,
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add textarea:focus,
html[data-theme="dark"] #main_container .garage-cockpit .share-days:focus {
  border-color: #b81228;
  box-shadow: 0 0 0 3px rgba(184,18,40,.18);
}
html[data-theme="dark"] #main_container .garage-cockpit .cockpit-add .btn-outline-secondary {
  background: #18191a;
  border-color: #55585b;
  color: var(--ft-dark-text-soft) !important;
}
html[data-theme="dark"] #main_container .garage-cockpit .cost-breakdown > div {
  background: #18191a;
  border-color: #343638;
  color: var(--ft-dark-text-soft);
}
html[data-theme="dark"] #main_container .garage-cockpit .service-date { background: #252628; }
html[data-theme="dark"] #main_container .garage-cockpit .service-detail-list li,
html[data-theme="dark"] #main_container .garage-cockpit .consumable-service-note { background: #202122; }
html[data-theme="dark"] #main_container .garage-cockpit .service-form-intro {
  background: #2a171b;
  border-left-color: #cd192d;
  color: var(--ft-dark-text-soft);
}
html[data-theme="dark"] #main_container .garage-cockpit .official-links a {
  border-color: #55585b;
  color: #ff9aa7 !important;
}
html[data-theme="dark"] #main_container .garage-cockpit .compact-row { border-color: var(--ft-dark-border-soft); }
html[data-theme="dark"] #main_container .garage-cockpit .share-records label {
  background: #18191a;
  border-color: #3b3d40;
  color: var(--ft-dark-text-soft);
}
html[data-theme="dark"] #main_container .garage-cockpit .fitment-warning,
html[data-theme="dark"] #main_container .garage-cockpit .passport-notice {
  background: #342b13;
  border-color: #8d681a;
  color: #ffe29a;
}