/* Mira — global Gitea skin */
:root,
[data-theme="gitea-dark"],
[data-theme="gitea-auto"] {
  --mira-bg: #17191d;
  --mira-bg-raised: #1d2025;
  --mira-bg-soft: #22262c;
  --mira-line: #30353d;
  --mira-line-strong: #414852;
  --mira-text: #e8ebef;
  --mira-muted: #969da7;
  --mira-star: #f4f3f7;
  --mira-accent: #aeb9c6;
  --mira-accent-hover: #c8d1da;

  --color-body: var(--mira-bg) !important;
  --color-box-header: var(--mira-bg-raised) !important;
  --color-box-body: var(--mira-bg-raised) !important;
  --color-secondary: var(--mira-bg-raised) !important;
  --color-secondary-bg: var(--mira-bg-raised) !important;
  --color-secondary-alpha-10: rgba(174,185,198,.08) !important;
  --color-secondary-alpha-20: rgba(174,185,198,.14) !important;
  --color-secondary-alpha-30: rgba(174,185,198,.20) !important;
  --color-text: var(--mira-text) !important;
  --color-text-light: var(--mira-muted) !important;
  --color-text-light-1: #b6bcc4 !important;
  --color-border: var(--mira-line) !important;
  --color-light-border: var(--mira-line) !important;
  --color-primary: var(--mira-accent) !important;
  --color-primary-hover: var(--mira-accent-hover) !important;
  --color-primary-active: #d8dee5 !important;
  --color-primary-light-1: #c1cad4 !important;
  --color-primary-light-2: #aeb9c6 !important;
  --color-primary-dark-1: #8f9aa7 !important;
}

html, body, .full.height {
  background: var(--mira-bg) !important;
  color: var(--mira-text) !important;
}

/* Navbar */
#navbar {
  background: rgba(23,25,29,.96) !important;
  border-bottom: 1px solid var(--mira-line) !important;
  box-shadow: none !important;
}
#navbar .item { color: #b9c0c8 !important; }
#navbar .item:hover { background: var(--mira-bg-soft) !important; color: #fff !important; }
#navbar-logo img { opacity: .92; }

/* Surfaces */
.ui.segment,
.ui.segments,
.ui.attached.segment,
.ui.menu,
.ui.vertical.menu,
.ui.table,
.ui.card,
.ui.cards > .card,
.repository .repo-header,
.repository .repository-summary,
.repository .diff-file-box,
.file-view,
.file-header,
.issue.list > .item {
  background: var(--mira-bg-raised) !important;
  border-color: var(--mira-line) !important;
  box-shadow: none !important;
}
.ui.menu .item { color: #c7ccd2 !important; }
.ui.menu .active.item,
.ui.menu .item:hover { background: var(--mira-bg-soft) !important; color: #fff !important; }

/* Inputs */
.ui.input > input,
.ui.form input:not([type="checkbox"]):not([type="radio"]),
.ui.form textarea,
.ui.form select,
textarea,
input[type="text"], input[type="password"], input[type="email"], input[type="search"] {
  background: #14161a !important;
  border-color: var(--mira-line-strong) !important;
  color: var(--mira-text) !important;
  box-shadow: none !important;
}
.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
textarea:focus {
  border-color: #77818c !important;
  box-shadow: 0 0 0 1px #77818c !important;
}

/* Buttons: quiet, mostly neutral */
.ui.button {
  background: var(--mira-bg-soft) !important;
  color: #d9dde2 !important;
  border: 1px solid var(--mira-line-strong) !important;
  box-shadow: none !important;
}
.ui.button:hover { background: #292e35 !important; color: #fff !important; }
.ui.primary.button,
.ui.green.button {
  background: #d8dde3 !important;
  color: #15171a !important;
  border-color: #d8dde3 !important;
}
.ui.primary.button:hover,
.ui.green.button:hover { background: #eef1f4 !important; border-color: #eef1f4 !important; }

/* Links */
a { color: #b8c5d3; }
a:hover { color: #d8e0e8; }

/* Repo/code chrome */
.repository.file.list #repo-files-table,
.repository.file.list #repo-files-table tr,
.repository.file.list #repo-files-table td,
.repository.file.list #repo-files-table th {
  border-color: var(--mira-line) !important;
}
.repository.file.list #repo-files-table tr:hover { background: var(--mira-bg-soft) !important; }
.repository .header-wrapper,
.repository .ui.tabs.container { background: transparent !important; }

/* Labels and counters */
.ui.label:not(.green):not(.red):not(.orange):not(.yellow) {
  background: #282d33 !important;
  color: #c5cbd2 !important;
  border-color: #3a414a !important;
}

/* Footer */
footer.page-footer {
  background: var(--mira-bg) !important;
  border-top-color: var(--mira-line) !important;
  color: #777f88 !important;
}
footer.page-footer a { color: #89929c !important; }

/* Keep destructive/status semantics recognizable */
.ui.red.button, .ui.negative.button { color: #fff !important; }

/* Landing page owns its own composition; use the same base background. */
.page-content.home { background: var(--mira-bg) !important; }

/* ===== Mira UX pass: flatter, denser, GitHub-ish ===== */

/* Profile avatar + profile card */
#profile-avatar-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#profile-avatar {
  padding: 0 !important;
  justify-content: center;
}
#profile-avatar .image,
#profile-avatar img,
#profile-avatar .ui.avatar.image {
  border-radius: 50% !important;
  overflow: hidden !important;
}
#profile-avatar img,
#profile-avatar .ui.avatar.image {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 1px solid var(--mira-line) !important;
}
#profile-avatar-card > .content {
  border-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.profile-avatar-name {
  padding-top: 14px !important;
}
.page-content.user.profile > .ui.container {
  max-width: 1180px !important;
}

/* Profile tabs: compact underline navigation */
.page-content.user.profile overflow-menu.ui.menu,
.page-content.user.profile .ui.secondary.pointing.menu {
  min-height: 42px !important;
  background: transparent !important;
  border-bottom: 1px solid var(--mira-line) !important;
  border-radius: 0 !important;
  gap: 2px;
}
.page-content.user.profile overflow-menu.ui.menu .item,
.page-content.user.profile .ui.secondary.pointing.menu .item {
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--mira-muted) !important;
}
.page-content.user.profile overflow-menu.ui.menu .active.item,
.page-content.user.profile .ui.secondary.pointing.menu .active.item {
  border-bottom-color: #c6ccd3 !important;
  color: var(--mira-text) !important;
}
.page-content.user.profile overflow-menu.ui.menu .item:hover,
.page-content.user.profile .ui.secondary.pointing.menu .item:hover {
  color: var(--mira-text) !important;
  background: transparent !important;
}

/* Repo/user lists: less card, more list */
.repository.list .item,
.repo-list .item,
.user.profile .repository.list .item {
  padding: 18px 4px !important;
  border-bottom: 1px solid var(--mira-line) !important;
  background: transparent !important;
}
.repository.list .item:last-child,
.repo-list .item:last-child {
  border-bottom: 0 !important;
}
.repository.list .item .header,
.repo-list .item .header {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

/* Global tabular menus: GitHub-ish underline, less chunky */
.ui.secondary.pointing.tabular.menu,
.ui.secondary.pointing.menu {
  background: transparent !important;
  border-bottom: 1px solid var(--mira-line) !important;
  box-shadow: none !important;
}
.ui.secondary.pointing.tabular.menu .item,
.ui.secondary.pointing.menu .item {
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.ui.secondary.pointing.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item {
  border-bottom-color: #bfc6ce !important;
  background: transparent !important;
}

/* Repository header: lighter and denser */
.repository .header-wrapper {
  padding-top: 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--mira-line) !important;
}
.repository .repo-title {
  font-weight: 500 !important;
}
.repository .repo-title .repo-icon {
  opacity: .72;
}

/* File list: table-like, flat, compact */
.repository.file.list .repo-home-filelist .ui.segment,
.repository.file.list #repo-files-table {
  border-radius: 6px !important;
  overflow: hidden;
}
.repository.file.list #repo-files-table td,
.repository.file.list #repo-files-table th {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.repository.file.list #repo-files-table tbody tr {
  background: var(--mira-bg-raised) !important;
}
.repository.file.list #repo-files-table tbody tr:hover {
  background: #23272d !important;
}

/* Markdown/readme: flatter, readable width */
.markup,
.render-content.markup {
  line-height: 1.62 !important;
}
.repository .markup h1,
.repository .markup h2 {
  border-bottom-color: var(--mira-line) !important;
}

/* Dashboard/repo containers: use space more like GitHub */
.dashboard .ui.container,
.repository .ui.container,
.page-content.user.profile .ui.container {
  width: min(96%, 1280px) !important;
  max-width: 1280px !important;
}

/* Reduce generic Gitea cardiness */
.ui.segment,
.ui.card,
.ui.cards > .card {
  border-radius: 6px !important;
}
.ui.basic.segment {
  background: transparent !important;
  border: 0 !important;
}

/* Mobile profile avatar */
@media (max-width: 767px) {
  #profile-avatar img,
  #profile-avatar .ui.avatar.image {
    width: 132px !important;
    height: 132px !important;
  }
  .page-content.user.profile .ui.four.wide.column,
  .page-content.user.profile .ui.twelve.wide.column {
    width: 100% !important;
  }
}

/* Mira star field — tiny transparent Pillow texture, no blur/filter/GPU nonsense */
html,
body,
.full.height,
.page-content.home {
  background-color: var(--mira-bg) !important;
  background-image: url('/assets/img/mira-stars.png') !important;
  background-repeat: repeat !important;
  background-size: 1920px 1080px !important;
  background-attachment: fixed !important;
}

/* Raised UI stays opaque enough that stars never hurt readability. */
.ui.segment,
.ui.menu,
.ui.table,
.ui.card,
.ui.cards > .card {
  backdrop-filter: none !important;
}

/* Mira owns the theme: hide Gitea theme controls. */
#footer-theme-selector,
form[action$="/theme"] {
  display: none !important;
}