/* ============================================
   TECHNIVERSE DARK MODE - social.techniverse.net
   Jade Matrix Theme
   ============================================ */

/* --- CSS VARIABLEN OVERRIDE --- */
:root {
  --color-accent: #059669 !important;
  --color-accent-light: #34d399 !important;
  --highlight-text-color: #34d399 !important;
  --brand-color: #059669 !important;
  --brand-color-rgb: 5, 150, 105 !important;
  --accent-color: #059669 !important;
}

body,
body.app-body {
  --color-accent: #059669 !important;
  --color-accent-light: #34d399 !important;
  --highlight-text-color: #34d399 !important;
  --brand-color: #059669 !important;
  --brand-color-rgb: 5, 150, 105 !important;
  --accent-color: #059669 !important;
}

/* --- LOGO REPLACEMENT --- */
.layout-single-column .ui__header .column-link--logo,
a.column-link.column-link--logo {
  background-image: url('/system/custom/logo.png') !important;
  background-size: auto 50px !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  min-width: 180px !important;
  min-height: 74px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.layout-single-column .ui__header .column-link--logo svg,
a.column-link.column-link--logo svg,
.layout-single-column .ui__header .column-link--logo img,
a.column-link.column-link--logo img {
  display: none !important;
}

/* --- GRUNDFARBEN --- */
body,
body.app-body,
.columns-area,
.columns-area__panels,
.columns-area__panels__main,
.column,
.scrollable,
.getting-started,
.getting-started__wrapper,
.explore__search-header,
.explore__search-results,
.detailed-status,
.detailed-status__wrapper,
.empty-column-indicator,
.error-column {
  background: #080f0c !important;
}

/* --- SEKUNDAERE FLAECHEN (Header, Nav, Sidebar) --- */
.ui__header,
.navigation-panel,
.navigation-panel__inner,
.column-header,
.column-header__wrapper,
.drawer__header,
.drawer__inner,
.drawer__inner__mastodon,
.tabs-bar__wrapper,
.compose-form,
.compose-form__autosuggest-wrapper,
.compose-form .compose-form__buttons-wrapper,
.account__header__bar,
.column-settings,
.column-inline-form {
  background: #0f1a15 !important;
}

/* --- PROFIL HEADER / TITELBILD --- */
.account__header {
  background: #0f1a15 !important;
}

.account__header__image {
  height: 200px !important;
  overflow: hidden !important;
}

.account__header__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* --- KARTEN & ITEMS --- */
.status-card__content,
.announcements__item,
.follow-recommendations,
.about__section__title,
.about__section__body {
  background: #122219 !important;
}

/* --- TEXTFARBEN --- */
.status__content,
.status__content p,
.status__display-name strong,
.detailed-status__display-name strong,
.account__display-name strong,
.column-header__title,
.column-header > .column-header__back-button,
.trends__item__name a,
.trends__item__current,
.status-card__title,
.account__header__extra__links a strong,
.simple_form label {
  color: #e6f4ed !important;
}

.status__display-name span,
.status__relative-time,
.detailed-status__datetime,
.status-card__description,
.account__header__extra__links a,
.notification .notification__message,
.reply-indicator__content,
.column-header__button,
.navigation-panel .column-link {
  color: #8aab9a !important;
}

.status-card__host,
.detailed-status__meta,
.status__prepend .status__display-name,
.column-subheading,
.empty-column-indicator,
.filter-bar button {
  color: #5a8070 !important;
}

/* --- AKZENTFARBE (Links, aktive Elemente) --- */
.status__content a,
.hashtag-bar a,
.account__header__fields a,
.status__content a.mention,
.reply-indicator__content a.mention {
  color: #34d399 !important;
}

.navigation-panel .column-link.active,
.navigation-panel .column-link--transparent.active,
.tabs-bar__link.active,
.filter-bar button.active {
  color: #34d399 !important;
}

.tabs-bar__link.active {
  border-bottom-color: #059669 !important;
}

.filter-bar button.active {
  border-bottom-color: #059669 !important;
}

.column-header__button.active {
  color: #059669 !important;
}

/* --- BOOST / REBLOG --- */
.status__prepend {
  color: #a3e635 !important;
}

/* --- BUTTONS --- */
.button,
.button--block,
button.button {
  background: linear-gradient(135deg, #059669, #34d399) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
}

.button.button-secondary,
.button.button-tertiary,
.account__header__bio .button,
button.button.button-secondary {
  background: transparent !important;
  border: 1px solid #059669 !important;
  color: #34d399 !important;
}

/* --- PROFIL BEARBEITEN BUTTON --- */
.account__header__tabs__buttons .button {
  background: transparent !important;
  border: 1px solid #059669 !important;
  color: #34d399 !important;
}

.account__header__tabs__buttons .icon-button {
  color: #34d399 !important;
  border-color: #059669 !important;
}

/* --- ACCOUNT BADGES (Owner, social.techniverse.net) --- */
.account-role,
.account__role,
.account__header__account-note .account-role {
  background: rgba(5, 150, 105, 0.15) !important;
  border-color: #059669 !important;
  color: #34d399 !important;
}

.account__header__account-note span,
.account__header__fields dt,
.account__header__fields dd {
  color: #8aab9a !important;
}

/* --- DOMAIN BADGE --- */
.account__domain-pill,
.domain-pill {
  background: rgba(5, 150, 105, 0.12) !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
  color: #34d399 !important;
}

/* --- HANDLE / NICKNAME --- */
.display-name__account,
.detailed-status .display-name__account,
.account__display-name .display-name__account,
.navigation-panel .display-name__account,
.column-header .display-name__account,
.account__header__tabs__name .username,
.account__header__tabs__name small {
  color: #8aab9a !important;
}

/* --- PROFIL FELDER (Verifiziert etc.) --- */
.account__header__fields dl {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.account__header__fields .verified {
  background: rgba(5, 150, 105, 0.12) !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
}

.account__header__fields .verified dd,
.account__header__fields .verified a {
  color: #34d399 !important;
}

.account__header__fields .verified dd span,
.account__header__fields .verified .verified__mark {
  color: #059669 !important;
}

/* --- PROFILFELD LABELS --- */
.account__header__fields dt {
  background: rgba(5, 150, 105, 0.08) !important;
}

.account__header__fields dd {
  background: #0f1a15 !important;
}

/* --- ACTION BAR ICONS --- */
.status__action-bar .icon-button,
.detailed-status__action-bar .icon-button {
  color: #5a8070 !important;
}

.icon-button.active.star-icon,
.icon-button.star-icon.active {
  color: #f97316 !important;
}

/* --- COMPOSE BOX --- */
.compose-form__highlightable {
  border-color: rgba(5, 150, 105, 0.25) !important;
}

.compose-form__highlightable:has(.autosuggest-textarea__textarea:focus) {
  border-color: #059669 !important;
}

.compose-form .icon-button.inverted {
  color: #34d399 !important;
}

.compose-form .icon-button.inverted:hover {
  color: #059669 !important;
}

.compose-form .character-counter {
  color: #5a8070 !important;
}

.compose-form__buttons-wrapper,
.compose-form__footer,
.compose-form__actions {
  background: #0f1a15 !important;
}

.compose-form__dropdowns {
  background: #0f1a15 !important;
  border: none !important;
  border-color: rgba(5, 150, 105, 0.25) !important;
  outline: none !important;
}

.compose-form__dropdowns .dropdown-button,
.compose-form__dropdowns .dropdown-button .dropdown-button__label,
.dropdown-button {
  background: #0f1a15 !important;
  color: #8aab9a !important;
  border-color: rgba(5, 150, 105, 0.25) !important;
  outline-color: rgba(5, 150, 105, 0.25) !important;
}

.compose-form__dropdowns .dropdown-button svg,
.compose-form__dropdowns .dropdown-button svg path {
  fill: #8aab9a !important;
  color: #8aab9a !important;
}

.compose-form__dropdowns .dropdown-button:hover,
.compose-form__dropdowns .dropdown-button:hover .dropdown-button__label,
.dropdown-button:hover {
  background: #132a20 !important;
  color: #34d399 !important;
  border-color: #059669 !important;
}

.compose-form__dropdowns .dropdown-button:hover svg,
.compose-form__dropdowns .dropdown-button:hover svg path {
  fill: #34d399 !important;
  color: #34d399 !important;
}

/* --- EINGABEFELDER --- */
.compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input,
.search__input,
.simple_form input[type="text"],
.simple_form input[type="email"],
.simple_form input[type="password"],
.simple_form textarea,
.simple_form select {
  background: #132a20 !important;
  color: #e6f4ed !important;
  border-color: rgba(5, 150, 105, 0.15) !important;
}

.compose-form .autosuggest-textarea__textarea:focus,
.compose-form .spoiler-input__input:focus,
.search__input:focus,
.simple_form input:focus,
.simple_form textarea:focus,
.simple_form select:focus {
  border-color: #059669 !important;
}

.search__input::placeholder {
  color: #5a8070 !important;
}

/* --- DROPDOWN MENUS --- */
.dropdown-menu,
.privacy-dropdown__dropdown,
.privacy-dropdown__option,
.language-dropdown__dropdown,
.language-dropdown__dropdown__results,
.privacy-dropdown__dropdown__menu {
  background: #132a20 !important;
  border: 1px solid rgba(5, 150, 105, 0.15) !important;
  border-radius: 10px !important;
}

.privacy-dropdown__option.active,
.privacy-dropdown__option:hover,
.language-dropdown__dropdown__results__item:hover,
.language-dropdown__dropdown__results__item.active {
  background: #1a3d2d !important;
  color: #34d399 !important;
}

.dropdown-menu__item a,
.dropdown-menu__item button {
  color: #e6f4ed !important;
}

.dropdown-menu__item a:hover,
.dropdown-menu__item button:hover {
  background: #1a3d2d !important;
}

/* --- MODALS --- */
.modal-root__modal,
.actions-modal,
.boost-modal,
.confirmation-modal,
.mute-modal,
.block-modal,
.report-modal {
  background: #132a20 !important;
  border: 1px solid rgba(5, 150, 105, 0.15) !important;
}

.modal-root__overlay {
  background: rgba(0, 0, 0, 0.75) !important;
}

/* --- BORDERS DEZENT --- */
.ui__header {
  border-bottom: 1px solid rgba(5, 150, 105, 0.12) !important;
}

.column-header,
.column-header__wrapper {
  border-bottom: 1px solid rgba(5, 150, 105, 0.12) !important;
}

.status,
.status__wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.account {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.tabs-bar__wrapper {
  border-bottom: 1px solid rgba(5, 150, 105, 0.12) !important;
}

/* --- FOLLOWS YOU TAG --- */
.relationship-tag {
  background: rgba(5, 150, 105, 0.15) !important;
  color: #34d399 !important;
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar {
  width: 6px !important;
}

::-webkit-scrollbar-track {
  background: #080f0c !important;
}

::-webkit-scrollbar-thumb {
  background: #132a20 !important;
  border-radius: 3px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #059669 !important;
}

/* --- LOADING --- */
.loading-indicator {
  color: #34d399 !important;
}

/* --- MEDIEN --- */
.media-gallery {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* --- POLL BALKEN --- */
.poll__chart {
  background: #132a20 !important;
}

.poll__chart.leading {
  background: linear-gradient(135deg, #059669, #34d399) !important;
}

/* --- FOOTER --- */
.link-footer,
.link-footer p,
.link-footer p a,
.link-footer a,
.getting-started__footer,
.getting-started__footer a,
.getting-started__footer p {
  color: #5a8070 !important;
}

.link-footer a:hover,
.getting-started__footer a:hover {
  color: #34d399 !important;
}

/* --- SELECTION --- */
::selection {
  background: rgba(5, 150, 105, 0.35) !important;
  color: #fff !important;
}

/* --- ANGEHEFTETER BEITRAG --- */
.status__prepend .status__prepend-icon-wrapper,
.status__prepend svg,
.status__prepend span,
.status-prepend-icon,
.status__wrapper .status__prepend {
  color: #5a8070 !important;
}

.status__prepend svg path {
  fill: #5a8070 !important;
}

/* --- AKTIVER NAV-INDIKATOR (::before) --- */
a.active::before,
.column-link.active::before,
.column-link--transparent.active::before,
.navigation-panel .column-link.active::before {
  background: #059669 !important;
  border-color: #059669 !important;
}

/* --- PROFIL-LINK KOPIEREN --- */
.account__header__tabs__buttons .icon-button,
.account__header__tabs__buttons a,
.account__header__tabs__buttons button,
.detailed-status__button,
.status__action-bar button[title="Link zum Profil kopieren"],
.column-header__button,
.icon-button {
  color: #8aab9a !important;
}

.icon-button:hover,
.column-header__button:hover {
  color: #34d399 !important;
}

/* --- COMPOSE FORM GESAMTBORDER --- */
.compose-form__highlightable {
  border-color: rgba(5, 150, 105, 0.25) !important;
  outline-color: rgba(5, 150, 105, 0.25) !important;
}

.compose-form__highlightable::before,
.compose-form__highlightable::after {
  border-color: rgba(5, 150, 105, 0.25) !important;
  background: none !important;
}

/* --- CATCH-ALL: alle verbleibenden lila/violett Farben --- */
a {
  color: #34d399 !important;
}

a:hover {
  color: #059669 !important;
}