/* === BITZ FabLab Theme === */

:root {
  --bitz-blue: #0076c0;
  --bitz-blue-dark: #005a94;
  --bitz-blue-light: #0088e0;
  --bitz-black: #1a1a1a;
  --bitz-white: #ffffff;
  --bitz-gray: #f0f0f0;
  --bitz-gray-dark: #2a2a2a;
}

/* === Main backgrounds === */
body,
.ui,
.columns-area,
.column > .scrollable,
.drawer__inner,
.drawer__inner.darker,
.getting-started,
.getting-started__wrapper,
.empty-column-indicator,
.error-column,
.explore__search-header,
.about__section__body {
  background: var(--bitz-blue) !important;
  color: var(--bitz-white) !important;
}

/* === Column headers === */
.column-header,
.column-header__button,
.column-back-button,
.column-header__wrapper,
.account__section-headline,
.notification__filter-bar,
.tabs-bar__wrapper,
.drawer__header {
  background: var(--bitz-blue-dark) !important;
  color: var(--bitz-white) !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}

.column-header__title {
  color: var(--bitz-white) !important;
}

/* === Compose area === */
.compose-form,
.compose-form .compose-form__autosuggest-wrapper,
.compose-panel,
.navigation-panel {
  background: var(--bitz-blue) !important;
}

.compose-form .compose-form__autosuggest-wrapper textarea,
.search__input,
.setting-text,
.column-inline-form input {
  background: rgba(255,255,255,0.15) !important;
  color: var(--bitz-white) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
}

.compose-form .compose-form__autosuggest-wrapper textarea::placeholder,
.search__input::placeholder {
  color: rgba(255,255,255,0.6) !important;
}

/* === Posts/statuses === */
.status,
.status__wrapper,
.detailed-status,
.detailed-status__wrapper,
.notification,
.notification-group,
.conversation,
.focusable:focus,
.account-authorize {
  background: rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

.status:hover,
.status__wrapper:hover {
  background: rgba(255,255,255,0.12) !important;
}

/* === Text colors === */
.status__content,
.reply-indicator__content,
.detailed-status__content,
.account__header__content,
.status__display-name strong,
.account__display-name strong,
.detailed-status__display-name strong,
.column-link,
.getting-started a,
.navigation-bar strong {
  color: var(--bitz-white) !important;
}

.status__relative-time,
.status__action-bar__counter__label,
.account .account__display-name,
.account__header__extra__links a,
.column-link__badge,
.navigation-bar .acct {
  color: rgba(255,255,255,0.65) !important;
}

/* === Links === */
a,
.status__content a,
.reply-indicator__content a {
  color: var(--bitz-white) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,255,255,0.4) !important;
}

a:hover {
  text-decoration-color: var(--bitz-white) !important;
}

/* === Buttons === */
.button,
.compose-form .compose-form__publish .compose-form__publish-button-wrapper .button {
  background-color: var(--bitz-white) !important;
  color: var(--bitz-blue) !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.button:hover {
  background-color: var(--bitz-gray) !important;
  color: var(--bitz-blue-dark) !important;
}

/* === Active tab indicators === */
.tabs-bar__link.active::before,
.account__section-headline a.active::after,
.notification__filter-bar button.active::after {
  background: var(--bitz-white) !important;
}

.tabs-bar__link.active,
.column-link--transparent.active {
  color: var(--bitz-white) !important;
}

/* === Sidebar navigation links === */
.column-link {
  color: rgba(255,255,255,0.85) !important;
}

.column-link:hover {
  color: var(--bitz-white) !important;
  background: rgba(255,255,255,0.1) !important;
}

/* === Icon buttons === */
.icon-button {
  color: rgba(255,255,255,0.6) !important;
}

.icon-button:hover,
.icon-button.active {
  color: var(--bitz-white) !important;
}

/* === Account header === */
.account__header__bar,
.account__header {
  background: var(--bitz-blue-dark) !important;
}

/* === Columns === */
.column {
  border-right: 1px solid rgba(255,255,255,0.1) !important;
}

.columns-area__panels__pane__inner,
.columns-area__panels__main {
  background: var(--bitz-blue) !important;
}

/* === Landing / about page === */
.about__header,
.about__meta,
.about__section__title {
  background: var(--bitz-blue-dark) !important;
  color: var(--bitz-white) !important;
}

/* === Dropdown menus === */
.dropdown-menu,
.privacy-dropdown__dropdown {
  background: var(--bitz-black) !important;
  border: 1px solid var(--bitz-gray-dark) !important;
}

.dropdown-menu__item a,
.privacy-dropdown__option {
  color: var(--bitz-white) !important;
}

.dropdown-menu__item a:hover {
  background: var(--bitz-blue) !important;
}

/* === Scrollbar === */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bitz-blue-dark); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 3px; }

/* === Boost/fav keep distinct === */
.status__action-bar .icon-button.active .fa-retweet { color: #4fc3f7 !important; }
.status__action-bar .icon-button.active .fa-star { color: #ffd54f !important; }


/* === Input fields, textareas, form elements — white === */
.compose-form .compose-form__autosuggest-wrapper textarea,
.search__input,
.setting-text,
.column-inline-form input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
.compose-form .spoiler-input__input,
.poll__input,
.report-dialog-modal__textarea,
.setting-text-label input,
.column-settings__section input,
.autosuggest-textarea__textarea,
.privacy-dropdown__value,
.language-dropdown__dropdown__results__item,
select {
  background: var(--bitz-white) !important;
  color: var(--bitz-black) !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
}

.compose-form .compose-form__autosuggest-wrapper textarea::placeholder,
.search__input::placeholder,
textarea::placeholder,
input::placeholder {
  color: #888 !important;
}

/* Profile setup / onboarding center panel */
.onboarding__page,
.onboarding__page-one,
.onboarding__page-two,
.column > .scrollable .account__header__bio .account__header__fields,
.report-modal,
.boost-modal,
.confirmation-modal,
.mute-modal,
.block-modal,
.compare-history-modal {
  background: var(--bitz-blue) !important;
  color: var(--bitz-white) !important;
}

/* Display name / bio fields specifically */
.simple_form input[type="text"],
.simple_form input[type="email"],
.simple_form input[type="password"],
.simple_form input[type="url"],
.simple_form textarea,
.simple_form select {
  background: var(--bitz-white) !important;
  color: var(--bitz-black) !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
}

/* Labels in forms */
.simple_form .input .label_input__append,
.simple_form label {
  color: var(--bitz-white) !important;
}