:root {
  color-scheme: dark;
  --bg: #0f1115;
  --panel: #171a21;
  --panel-soft: #20242d;
  --line: #333946;
  --text: #f6f0e7;
  --muted: #aaa59b;
  --gold: #d2a85f;
  --teal: #4bb3ac;
  --red: #c95050;
  --green: #69ae72;
  --paper: #f5ead8;
  --ink: #221b14;
  --shadow: 0 20px 70px rgb(0 0 0 / 0.38);
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  position: relative;
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background-color: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.site-bg-gif {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block;
  background-color: var(--bg);
  background-image:
    url("assets/doj-bg-v33.gif"),
    url("assets/doj-bg-poster-v33.png"),
    url("assets/american-flag-sunset-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  opacity: 0.96;
  user-select: none;
}

.site-bg-gif::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 42%, rgb(5 7 12 / 0.22), transparent 34%),
    linear-gradient(90deg, rgb(5 7 12 / 0.88) 0%, rgb(5 7 12 / 0.72) 48%, rgb(5 7 12 / 0.52) 100%);
}

body.is-modal-open {
  overflow: hidden;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  min-height: 40px;
  border: 0;
  border-radius: 7px;
  color: var(--text);
  cursor: pointer;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #11141a;
  color: var(--text);
  outline: none;
  padding: 11px 12px;
}

textarea {
  min-height: 118px;
  resize: vertical;
}

label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 0.84rem;
}

.field-hint {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.app-shell {
  position: relative;
  z-index: 1;
  width: min(1500px, calc(100% - 32px));
  margin: 0 auto;
  padding: 18px 0 38px;
}

.topbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
}

.brand-block {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.brand-home {
  justify-self: start;
  min-height: 0;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-align: left;
}

.brand-home:hover .brand-mark,
.brand-home:focus-visible .brand-mark {
  border-color: var(--gold);
  box-shadow: 0 0 0 4px rgb(210 168 95 / 0.14);
}

.brand-home:focus-visible {
  outline: none;
}

.brand-mark {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border: 1px solid rgb(210 168 95 / 0.7);
  border-radius: 50%;
  background-color: #101318;
  background-image: url("data:image/png;base64,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");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 96% 96%;
  overflow: hidden;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

.brand-block h1 {
  margin-bottom: 3px;
  font-size: 1.1rem;
}

.brand-block p,
.eyebrow,
.small-note {
  margin-bottom: 0;
  color: var(--muted);
}

.main-tabs,
.session-box,
.button-row,
.toolbar,
.section-heading,
.dashboard-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.main-tabs {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 4px;
}

.tab-button,
.info-button {
  min-height: 38px;
  background: transparent;
  color: var(--muted);
  padding: 0 13px;
}

.tab-button.is-active {
  background: var(--gold);
  color: #1c140b;
  font-weight: 800;
}

.info-button {
  border: 1px solid transparent;
}

.info-button:hover,
.info-button:focus-visible {
  background: rgb(210 168 95 / 0.12);
  color: var(--text);
  outline: none;
}

.session-box {
  justify-content: end;
  color: var(--muted);
  font-size: 0.9rem;
}

.setup-warning {
  margin: 16px 0 0;
  border: 1px solid rgb(201 80 80 / 0.65);
  border-radius: 8px;
  background: rgb(201 80 80 / 0.12);
  padding: 13px 15px;
}

.view {
  display: none;
  margin-top: 22px;
}

.view.is-active {
  display: grid;
}

.home-view {
  gap: 30px;
  padding: clamp(34px, 5vw, 74px) 0 42px;
}

.home-hero {
  width: min(1320px, 100%);
  padding: 0;
}

.home-hero h2 {
  max-width: 1240px;
  margin-bottom: 0;
  color: #fffaf2;
  font-size: clamp(3rem, 5.6vw, 6.3rem);
  line-height: 1.06;
  text-shadow: 0 8px 28px rgb(0 0 0 / 0.5);
}

.home-hero p:not(.eyebrow) {
  max-width: 690px;
  color: #f0e5d4;
  font-size: 1.08rem;
  line-height: 1.6;
}

.home-feature-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 1180px;
}

.home-feature {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  min-width: 0;
  padding: 10px 34px 10px 0;
}

.home-feature + .home-feature {
  border-left: 1px solid rgb(246 240 231 / 0.2);
  padding-left: 34px;
}

.home-icon {
  display: inline-grid;
  width: 82px;
  height: 82px;
  flex: 0 0 auto;
  place-items: center;
  color: var(--gold);
}

.home-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 8px 20px rgb(0 0 0 / 0.45));
}

.home-feature h3 {
  margin: 0;
  color: #fffaf2;
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.1;
  text-shadow: 0 8px 20px rgb(0 0 0 / 0.5);
}

.home-feature p {
  margin: 8px 0 0;
  color: #eee4d5;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  font-weight: 650;
  line-height: 1.35;
  text-shadow: 0 8px 20px rgb(0 0 0 / 0.55);
}

.home-justice-callout {
  display: grid;
  grid-template-columns: auto minmax(260px, auto) auto minmax(260px, 1fr);
  gap: 24px;
  align-items: center;
  width: min(100%, 1380px);
  border: 1px solid rgb(210 168 95 / 0.8);
  border-radius: 12px;
  background: rgb(9 12 18 / 0.36);
  box-shadow: 0 18px 52px rgb(0 0 0 / 0.32);
  padding: 17px 26px;
}

.home-justice-callout .home-icon {
  width: 66px;
  height: 66px;
}

.home-justice-callout strong {
  color: var(--gold);
  font-size: clamp(1.35rem, 2vw, 2.35rem);
  line-height: 1.15;
}

.home-justice-callout p {
  margin: 0;
  color: #fffaf2;
  font-size: clamp(1rem, 1.35vw, 1.35rem);
  font-weight: 750;
  line-height: 1.35;
}

.callout-divider {
  width: 1px;
  height: 42px;
  background: rgb(246 240 231 / 0.25);
}

.home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.home-actions button {
  min-width: 160px;
  padding: 0 18px;
}

.home-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.home-strip div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgb(23 26 33 / 0.94);
  padding: 16px;
  box-shadow: var(--shadow);
}

.home-strip span {
  display: block;
  color: var(--gold);
  font-size: 0.82rem;
  font-weight: 800;
}

.home-strip strong {
  display: block;
  margin-top: 7px;
  line-height: 1.45;
}

.view-grid {
  grid-template-columns: minmax(280px, 0.7fr) minmax(360px, 1.3fr);
  gap: 18px;
}

.staff-layout {
  grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
  gap: 18px;
}

.staff-layout.is-dashboard-mode {
  grid-template-columns: 1fr;
}

.copy-panel,
.form-panel,
.auth-panel,
.dashboard,
.admin-panel,
.board-panel,
.detail-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgb(23 26 33 / 0.96);
  box-shadow: var(--shadow);
}

.copy-panel,
.form-panel,
.auth-panel,
.dashboard,
.admin-panel {
  padding: 20px;
}

.copy-panel {
  align-content: start;
}

.copy-panel h2,
.auth-panel h2 {
  margin-bottom: 10px;
  font-size: clamp(1.45rem, 2vw, 2rem);
}

.copy-panel p {
  color: #d7d0c4;
  line-height: 1.55;
}

.mini-metrics,
.metric-stack {
  display: grid;
  gap: 10px;
}

.mini-metrics {
  margin-top: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mini-metrics div,
.metric {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-soft);
  padding: 12px;
}

.mini-metrics span,
.metric span {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
}

.mini-metrics strong,
.metric strong {
  display: block;
  margin-top: 6px;
}

.metric-stack {
  grid-template-columns: repeat(3, minmax(95px, 1fr));
}

.metric strong {
  font-size: 1.35rem;
}

.upcoming-panel {
  display: grid;
  gap: 12px;
}

.upcoming-list {
  display: grid;
  gap: 10px;
}

.upcoming-item {
  display: grid;
  grid-template-columns: minmax(110px, 0.6fr) minmax(170px, 1.1fr) minmax(150px, 0.7fr) minmax(220px, 1.1fr);
  gap: 10px;
  align-items: center;
  min-height: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgb(17 20 26 / 0.7);
  padding: 12px;
  text-align: left;
}

.upcoming-item:hover {
  border-color: rgb(210 168 95 / 0.75);
}

.upcoming-item span {
  color: var(--muted);
  font-size: 0.86rem;
}

.upcoming-item strong {
  overflow-wrap: anywhere;
}

.form-panel,
#authForm {
  display: grid;
  gap: 14px;
}

.section-heading {
  justify-content: space-between;
  margin-bottom: 4px;
}

.section-heading h2,
.section-heading h3 {
  margin-bottom: 0;
}

.split-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.primary-action {
  background: var(--gold);
  color: #1c140b;
  font-weight: 850;
}

.secondary-action,
.ghost-action,
.icon-button {
  border: 1px solid var(--line);
  background: var(--panel-soft);
}

.danger-action {
  background: #7f2d2d;
}

.icon-button {
  display: inline-grid;
  width: 40px;
  height: 40px;
  place-items: center;
  font-weight: 900;
}

.result-panel,
.track-card {
  display: grid;
  gap: 8px;
  border: 1px solid rgb(75 179 172 / 0.65);
  border-radius: 8px;
  background: rgb(75 179 172 / 0.09);
  padding: 14px;
}

.result-panel strong,
.track-card strong {
  font-size: 1.25rem;
}

code {
  display: inline-flex;
  width: fit-content;
  border-radius: 7px;
  background: #0b0d12;
  color: var(--gold);
  padding: 8px 10px;
  font-family: "Cascadia Mono", Consolas, monospace;
}

.auth-panel {
  align-self: start;
}

.small-note {
  margin-top: 14px;
  line-height: 1.45;
  font-size: 0.85rem;
}

.auth-notice {
  min-height: 0;
  border: 1px solid rgb(210 168 95 / 0.4);
  border-radius: 8px;
  background: rgb(210 168 95 / 0.08);
  color: #e7c98d;
  padding: 0;
}

.auth-notice:not(:empty) {
  margin-top: 12px;
  padding: 12px;
}

.dashboard {
  min-width: 0;
  width: 100%;
}

.dashboard-header {
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
}

.dashboard-header > div:first-child {
  min-width: 180px;
}

.dashboard-header h2 {
  margin-bottom: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.toolbar {
  flex-wrap: wrap;
  margin: 16px 0;
  align-items: stretch;
}

.toolbar input {
  flex: 1 1 260px;
  max-width: 420px;
}

.toolbar select {
  flex: 0 1 190px;
  max-width: 190px;
}

.management-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.9fr) minmax(420px, 1.1fr);
  gap: 16px;
  min-width: 0;
}

.board-panel,
.detail-panel {
  min-width: 0;
  padding: 16px;
}

.case-list {
  display: grid;
  gap: 10px;
  max-height: 690px;
  overflow: auto;
  padding-right: 4px;
}

.case-card {
  display: grid;
  gap: 10px;
  width: 100%;
  min-height: 122px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  border-radius: 8px;
  background: var(--panel-soft);
  padding: 13px;
  text-align: left;
}

.case-card.is-selected {
  border-color: rgb(210 168 95 / 0.95);
  background: #241f18;
}

.case-card[data-priority="Acil"] {
  border-left-color: var(--red);
}

.case-card[data-priority="Yuksek"] {
  border-left-color: var(--teal);
}

.case-card-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.case-card h3 {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 0.98rem;
}

.case-id,
.case-meta {
  color: var(--muted);
  font-size: 0.78rem;
}

.case-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pill {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  width: fit-content;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--muted);
  white-space: nowrap;
}

.status-Inceleme {
  border-color: rgb(75 179 172 / 0.7);
  color: #91ddd8;
}

.status-Beklemede {
  border-color: rgb(210 168 95 / 0.75);
  color: #ebca91;
}

.status-Durusma,
.status-Reddedildi {
  border-color: rgb(201 80 80 / 0.75);
  color: #ffabab;
}

.status-Kapali,
.status-Onaylandi {
  border-color: rgb(105 174 114 / 0.75);
  color: #a6dfad;
}

.empty-state {
  display: grid;
  min-height: 260px;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: var(--muted);
  text-align: center;
}

.detail-topline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
}

.detail-topline h2 {
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

.detail-actions,
.case-editor,
.staff-form {
  display: grid;
  gap: 10px;
}

.case-editor {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 16px 0;
}

.case-editor label:last-child,
.case-editor label:nth-last-child(2) {
  grid-column: 1 / -1;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.info-cell {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #13161d;
  padding: 12px;
}

.info-cell span {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
}

.info-cell strong {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.summary-box,
.notes-panel {
  border-top: 1px solid var(--line);
  padding-top: 15px;
}

.summary-box p {
  color: #d7d0c4;
  white-space: pre-wrap;
}

.notes-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.note-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #13161d;
  padding: 12px;
}

.note-item p {
  margin: 6px 0 0;
  color: #d7d0c4;
  white-space: pre-wrap;
}

.evidence-preview,
.evidence-gallery {
  display: grid;
  gap: 8px;
}

.evidence-preview {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.evidence-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-soft);
  padding: 9px 10px;
  color: #d7d0c4;
  font-size: 0.8rem;
}

.evidence-chip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-chip strong {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 700;
}

.evidence-gallery {
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  margin-top: 12px;
}

.evidence-card {
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-soft);
  padding: 8px;
  color: #d7d0c4;
  text-decoration: none;
}

.evidence-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 6px;
  object-fit: cover;
  background: #0c0f14;
}

.evidence-card span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
}

.admin-panel {
  margin-top: 18px;
}

.staff-form {
  grid-template-columns: minmax(180px, 0.8fr) minmax(180px, 0.8fr) 130px auto;
  align-items: end;
}

.lawyer-case-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 12px;
}

.wide-field {
  grid-column: 1 / -1;
}

.staff-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.staff-row {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) 100px 130px auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #13161d;
  padding: 10px;
}

.site-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  justify-content: center;
  padding: 34px 0 6px;
}

.footer-info-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.footer-info-links .info-button {
  min-height: 36px;
  border-color: rgb(255 255 255 / 0.12);
  background: rgb(17 20 26 / 0.76);
}

.discord-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  border: 1px solid rgb(88 101 242 / 0.55);
  border-radius: 8px;
  background: #1f2433;
  color: #f4f6ff;
  font-weight: 800;
  text-decoration: none;
  padding: 10px 14px;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.discord-link:hover,
.discord-link:focus-visible {
  border-color: #5865f2;
  background: #28305f;
  transform: translateY(-1px);
  outline: none;
}

.discord-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  fill: #fff;
}

.info-modal {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 22px;
}

.info-backdrop {
  position: absolute;
  inset: 0;
  background: rgb(5 7 12 / 0.62);
  backdrop-filter: blur(6px);
}

.info-dialog {
  position: relative;
  z-index: 1;
  width: min(860px, 100%);
  max-height: min(720px, calc(100vh - 44px));
  overflow: auto;
  border: 1px solid rgb(210 168 95 / 0.36);
  border-radius: 8px;
  background: rgb(18 21 28 / 0.96);
  box-shadow: var(--shadow);
  padding: 24px;
}

.info-content {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.info-content p {
  margin: 0;
  color: #e8dfd2;
  font-size: 0.98rem;
  line-height: 1.75;
}

.toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 10;
  max-width: min(420px, calc(100vw - 36px));
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #222733;
  box-shadow: var(--shadow);
  padding: 13px 15px;
}

@media (max-width: 1120px) {
  .topbar,
  .view-grid,
  .staff-layout,
  .management-grid {
    grid-template-columns: 1fr;
  }

  .main-tabs {
    width: 100%;
    overflow: auto;
  }

  .session-box,
  .dashboard-header {
    justify-content: start;
  }
}

@media (max-width: 720px) {
  body {
    background-attachment: scroll;
  }

  .site-bg-gif::after {
    background: linear-gradient(180deg, rgb(5 7 12 / 0.58) 0%, rgb(5 7 12 / 0.7) 35%, rgb(5 7 12 / 0.82) 100%);
  }

  .app-shell {
    width: min(100% - 20px, 1500px);
    padding-top: 10px;
  }

  .split-fields,
  .case-editor,
  .info-grid,
  .staff-form,
  .lawyer-case-form,
  .staff-row,
  .metric-stack,
  .home-feature-row,
  .home-strip {
    grid-template-columns: 1fr;
  }

  .home-hero {
    padding-top: 24px;
  }

  .home-hero h2 {
    font-size: clamp(2.6rem, 13vw, 4rem);
  }

  .home-feature {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 14px;
    padding: 14px 0;
  }

  .home-feature + .home-feature {
    border-top: 1px solid rgb(246 240 231 / 0.2);
    border-left: 0;
    padding-left: 0;
  }

  .home-icon {
    width: 62px;
    height: 62px;
  }

  .home-justice-callout {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px;
  }

  .home-justice-callout .home-icon {
    width: 58px;
    height: 58px;
  }

  .upcoming-item {
    grid-template-columns: 1fr;
  }

  .callout-divider {
    width: 100%;
    height: 1px;
  }

  .toolbar,
  .button-row,
  .detail-topline,
  .home-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbar input,
  .toolbar select {
    max-width: none;
  }
}
