/* Maks Yazılım resmi kurumsal teması — maksyazilim.com.tr */
:root {
  --primary: #e3122d;
  --primary-dark: #8c0a1a;
  --primary-hover: #bd0e25;
  --primary-soft: rgba(227, 18, 45, .10);
  --primary-gradient: linear-gradient(135deg, #e3122d 0%, #b70d24 55%, #8c0a1a 100%);
  --primary-glow: 0 7px 22px rgba(227, 18, 45, .24);
  --secondary: #1c1c22;
  --accent: #ff334d;
  --accent-soft: rgba(227, 18, 45, .12);
  --focus-ring: 0 0 0 3px rgba(227, 18, 45, .20);

  --bg: #f3f1ec;
  --surface: #ffffff;
  --surface-2: #faf8f4;
  --surface-3: #e9e6df;
  --border: #dedad2;
  --border-light: #ece9e3;
  --text: #0b0b0f;
  --text-secondary: #34343b;
  --text-muted: #6a6a74;
  --text-soft: #9999a2;

  --sb-bg1: #070709;
  --sb-bg2: #15151b;
  --sb-active: rgba(227, 18, 45, .18);
  --color-navy-900: #070709;
  --color-navy-800: #0e0e12;
  --color-navy-700: #15151b;
  --color-blue-600: #b70d24;
  --color-blue-500: #e3122d;
  --color-turquoise-500: #ff334d;
}

[data-theme="dark"] {
  --bg: #070709;
  --surface: #0e0e12;
  --surface-2: #15151b;
  --surface-3: #1c1c22;
  --border: #303038;
  --border-light: #24242b;
  --text: #f3f1ec;
  --text-secondary: #d7d4ce;
  --text-muted: #a2a0a6;
  --text-soft: #6a6a74;
  --primary: #ff334d;
  --primary-dark: #e3122d;
  --primary-hover: #ff5a6e;
  --primary-soft: rgba(227, 18, 45, .16);
  --primary-gradient: linear-gradient(135deg, #ff334d 0%, #e3122d 55%, #8c0a1a 100%);
  --primary-glow: 0 7px 24px rgba(227, 18, 45, .30);
  --accent: #ff6b7d;
  --accent-soft: rgba(255, 107, 125, .14);
  --focus-ring: 0 0 0 3px rgba(255, 51, 77, .24);
  --sb-bg1: #050506;
  --sb-bg2: #0e0e12;
}

.sidebar {
  background: linear-gradient(180deg, var(--sb-bg1) 0%, var(--sb-bg2) 100%);
  border-right-color: rgba(227, 18, 45, .14);
  box-shadow: 3px 0 22px rgba(7, 7, 9, .18);
}

.brand-logo.brand-logo-image {
  border-radius: 8px;
  filter: drop-shadow(0 5px 9px rgba(227, 18, 45, .22));
  box-shadow: none;
}

.nav-item.active,
[data-theme="dark"] .nav-item.active {
  color: #fff;
  background: rgba(227, 18, 45, .18);
  border-color: rgba(255, 90, 110, .24);
}

.nav-item.active::before {
  background: #e3122d;
  box-shadow: 0 0 12px rgba(227, 18, 45, .55);
}

.header {
  border-bottom-color: rgba(227, 18, 45, .09);
}

.dashboard-hero,
.declaration-detail-hero,
.detail-hero {
  color: var(--text);
  background: linear-gradient(110deg, #fff 0%, #fff7f7 66%, #ffe3e7 100%);
  border-color: rgba(227, 18, 45, .18);
  box-shadow: 0 8px 24px rgba(140, 10, 26, .08);
}

.dashboard-hero .eyebrow {
  color: #8c0a1a;
  background: rgba(227, 18, 45, .09);
  border-color: rgba(227, 18, 45, .18);
}

[data-theme="dark"] .dashboard-hero,
[data-theme="dark"] .declaration-detail-hero,
[data-theme="dark"] .detail-hero {
  color: var(--text);
  background: linear-gradient(110deg, #0e0e12 0%, #15151b 68%, #3a0911 100%);
  border-color: rgba(227, 18, 45, .28);
}

.login-page-modern {
  background-color: #f3f1ec;
  background-image:
    linear-gradient(rgba(227, 18, 45, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(227, 18, 45, .045) 1px, transparent 1px),
    radial-gradient(circle at 16% 14%, rgba(227, 18, 45, .12), transparent 34%);
}

.login-panel::before {
  background: var(--primary-gradient);
}

.login-brand-row {
  justify-content: center;
}

.login-brand-full {
  content: url('/img/maks-logo.png');
  width: min(390px, 92%);
  height: auto;
  max-height: 122px;
  border-radius: 0;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(140, 10, 26, .14));
  box-shadow: none;
}

[data-theme="dark"] .login-brand-full {
  content: url('/img/maks-logo-light.png');
}

.workspace-switcher-mark,
.workspace-option > span {
  background: #0b0b0f;
  border-color: rgba(227, 18, 45, .22);
}

.tab-btn.active,
.btn-primary,
.login-submit {
  background: var(--primary-gradient);
}

.segmented button.active {
  color: #fff;
  background: var(--primary-gradient);
  box-shadow: 0 3px 10px rgba(227, 18, 45, .20);
}

.sparkline span {
  background: linear-gradient(180deg, #e3122d, #8c0a1a);
}

.btn-primary:hover,
.login-submit:hover {
  filter: brightness(1.06);
}

::selection {
  color: #fff;
  background: #e3122d;
}