/* 🌿 Background umum */
body {
  background-color: #f2f6fb !important; /* very light navy tint */
  color: #094584 !important; /* primary navy for text */
}

/* 🌿 Header profil */
.account__header__content {
  background-color: #ffffff !important;
}

/* 🌿 Navbar kiri dan kanan */
.drawer,
.navigation-panel,
.columns-area__panels__main {
  background-color: #e6f7f8 !important; /* light cyan-teal */
}

/* 🌿 Bagian tengah (timeline & profil) */
.column,
.simple_form,
.account__section-headline,
.account__header__bio,
.account__section-headline,
.account__section-headline ~ div,
.account__section {
  background-color: #ffffff !important;
  color: #094584 !important; /* navy text on white */
  border-radius: 10px;
}

/* 🌿 Kotak input status */
.status-composer {
  background-color: #e6f7f8 !important; /* soft cyan-teal */
  border-radius: 10px;
  border: 1px solid #b8d9b0;
  color: #094584 !important;
}

/* 🌿 Tombol post & umum */
button.button,
.button {
  background-color: #094584 !important; /* primary navy */
  color: #fff !important;
  border-radius: 6px;
}
button.button:hover {
  background-color: #07345f !important; /* darker navy for hover */
}

/* 🌿 Tombol tab (Kiriman, Media, dll) */
.tabs__panel {
  background-color: #ffffff !important;
}
.tabs__tab {
  background-color: #e6f7f8 !important; /* light cyan-teal */
  color: #094584 !important;
  border-radius: 8px;
  margin-right: 4px;
  padding: 4px 10px;
}
.tabs__tab.active {
  background-color: #094584 !important; /* navy active */
  color: #ffffff !important;
  font-weight: bold;
}

/* 🌿 Semua link jadi hijau */
a,
.link-footer a {
  color: #3fa6b2 !important; /* cyan-teal links */
}
a:hover {
  color: #2d9aa3 !important; /* slightly darker cyan-teal */
}

/* 🌿 Postingan (status) */
.status {
  background-color: #ffffff !important;
  border: 1px solid #ddebd8;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
  color: #094584 !important;
}

/* 🌿 Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #7fc5cc; /* muted cyan-teal */
  border-radius: 4px;
}

/* 🌿 Warna label (bergabung, dsb) */
.account__header__fields,
.account__header__joined {
  background-color: #ffffff !important;
  padding: 4px 8px;
  border-radius: 6px;
  color: #094584 !important;
}

.admin-wrapper .content-wrapper {
  background-color: #fff !important;
}

.dropdown-button,
.account-role {
  color: #094584 !important;
  border: 1px solid #094584 !important;
}

.compose-form__actions .icon-button:active,
.compose-form__actions .icon-button:focus,
.compose-form__actions .icon-button:hover,
.icon-button:active,
.icon-button:focus,
.icon-button:hover,
.compose-form__actions .icon-button {
  color: #094584 !important;
}

.account__domain-pill,
.column-back-button {
  color: #1a3311 !important;
}

.icon path {
  fill: #1a3311 !important;
}

.account__section-headline a.active:before,
.account__section-headline button.active:before,
.notification__filter-bar a.active:before,
.notification__filter-bar button.active:before {
  background: #1a3311 !important;
}

.account__domain-pill {
  background: rgba(63, 166, 178, 0.12); /* very light cyan-teal */
}

.column-link--logo,
.column-link--logo:hover,
.column-link--logo:focus,
.column-link--logo:active,
.ui__header__logo,
.sidebar__toggle__logo {
  background-size: contain;
  background-image: url(https://ppumastodon.senar.id/logo.png);
  background-repeat: no-repeat;
  height: 30px;
  background-position: center;
  max-width: 160px;
}

.logo.logo--wordmark,
.logo.logo--icon {
  display: none !important;
}

.link-footer {
  display: none !important;
}

.simple_form .block-button,
.simple_form .button,
.simple_form button,
.icon-with-badge__badge,
.admin-wrapper .content__heading__tabs a.selected,
.dashboard__quick-access:active,
.dashboard__quick-access:focus,
.dashboard__quick-access:hover,
.dashboard__quick-access {
  background: #07345f !important; /* darker navy */
}

.admin-wrapper .content__heading__tabs a.selected,
.dashboard__quick-access {
  color: #fff !important;
}

.about__footer {
  display: none !important;
}

.simple_form.new_user {
  border: 30px solid #fff;
}