html {
  min-height: 100%;
}

/* =========================================================
   ZEMHAN EXECUTIVE CRM — v18 tam arayüz dönüşümü
   ========================================================= */
:root {
  --zx-ink: #101828;
  --zx-navy: #101727;
  --zx-navy-2: #182238;
  --zx-gold: #cda96b;
  --zx-gold-soft: #f4ead8;
  --zx-bg: #f2f4f8;
  --zx-card: #ffffff;
  --zx-line: #e6e9ef;
  --zx-muted: #7a8496;
  --zx-green: #2f8b6d;
  --zx-red: #bd5b56;
}
html, body {
  color: var(--zx-ink);
  background: var(--zx-bg);
}
body {
  background:
    radial-gradient(circle at 82% 5%, #e8e1d4 0, transparent 25%),
    linear-gradient(145deg, #f6f7f9, #eef1f6);
}
.crm-shell {
  background: transparent;
}
.crm-sidebar {
  background:
    radial-gradient(circle at 20% 0, #263550 0, transparent 34%),
    linear-gradient(180deg, #151e30 0%, #0d1422 100%);
  border-right: 1px solid #ffffff0d;
  box-shadow: 18px 0 55px #0d14221f;
}
.crm-logo {
  background: #fff;
  border: 1px solid #ffffff26;
  box-shadow: 0 12px 30px #00000042;
}
.crm-brand-copy strong,
.crm-brand strong {
  color: #fff;
  letter-spacing: .2px;
}
.crm-brand-copy span,
.crm-brand small {
  color: #aeb8ca;
}
.crm-nav a {
  color: #aeb7c8;
  border: 1px solid transparent;
  border-radius: 12px;
  min-height: 46px;
  transition: .2s ease;
}
.crm-nav a:hover {
  color: #fff;
  background: #ffffff0a;
  border-color: #ffffff0b;
}
.crm-nav a.active {
  color: #fff;
  background: linear-gradient(135deg, #c29b5d26, #ffffff0d);
  border-color: #d1ae7440;
  box-shadow: inset 3px 0 var(--zx-gold), 0 12px 28px #0002;
}
.crm-nav a.active:before {
  display: none;
}
.crm-nav svg {
  color: var(--zx-gold);
  stroke-width: 1.8px;
}
.sidebar-profile {
  background: #ffffff08;
  border: 1px solid #ffffff10;
  border-radius: 15px;
}
.profile-avatar {
  color: #1a2232;
  background: linear-gradient(145deg, #ead8b7, #c69d5c);
}
.crm-main {
  max-width: 1600px;
  padding-top: 30px;
}
.crm-topbar {
  align-items: center;
}
.crm-eyebrow {
  color: #a17d45;
  letter-spacing: 1.7px;
}
.crm-topbar h1 {
  color: var(--zx-ink);
  font-size: 34px;
  letter-spacing: -1.4px;
}
.new-event-button,
.save-organization-button {
  color: #fff;
  background: linear-gradient(135deg, #1e2a43, #111827);
  border: 1px solid #ffffff20;
  box-shadow: 0 13px 28px #11182730;
}
.crm-tabs {
  background: #ffffffd9;
  border: 1px solid #fff;
  border-radius: 14px;
  padding: 5px;
  box-shadow: 0 12px 35px #1720330d;
}
.crm-tabs a {
  color: #7e8797;
  border-radius: 10px;
  min-height: 40px;
}
.crm-tabs a.active {
  color: #fff;
  background: linear-gradient(135deg, #1e293b, #111827);
  border-color: #111827;
  box-shadow: 0 9px 20px #11182725;
}
.crm-tabs a.active svg {
  color: var(--zx-gold);
}
.summary-card,
.finance-summary .summary-card,
.finance-summary .summary-card:nth-child(n) {
  color: var(--zx-ink);
  background: linear-gradient(150deg, #fff, #f9fafc);
  border: 1px solid #fff;
  border-radius: 17px;
  box-shadow: 0 14px 38px #1720330d;
}
.summary-card:before,
.finance-summary .summary-card:before {
  background: radial-gradient(circle, #cda96b1b, transparent 68%);
}
.summary-symbol,
.finance-summary .summary-symbol,
.finance-summary .summary-card:nth-child(n) .summary-symbol {
  color: #192438;
  background: linear-gradient(145deg, #f2e5ce, #d5b77e);
  border: 1px solid #fff8;
  border-radius: 12px;
  box-shadow: 0 8px 18px #9e794b20;
}
.summary-symbol svg,
.finance-summary .summary-symbol svg {
  stroke-width: 1.8px;
}
.summary-card p,
.finance-summary .summary-card p,
.finance-summary .summary-card:nth-child(n) p {
  color: var(--zx-muted);
  letter-spacing: .7px;
}
.summary-card strong,
.finance-summary .summary-card strong.compact-value,
.finance-summary .summary-card:nth-child(n) strong.compact-value {
  color: var(--zx-ink);
}
.finance-page-heading {
  color: #fff;
  background:
    radial-gradient(circle at 88% 20%, #d2ae7040, transparent 25%),
    linear-gradient(135deg, #1a2740, #101727 72%);
  border: 1px solid #ffffff14;
  border-radius: 20px;
  padding: 25px 27px;
  box-shadow: 0 18px 40px #10172729;
}
.finance-page-heading:after {
  opacity: .18;
  color: var(--zx-gold);
}
.finance-page-heading p {
  color: #d7b87f;
}
.finance-page-heading h2 {
  color: #fff;
}
.finance-page-heading span {
  color: #bcc5d4;
}
.expense-manager {
  background: linear-gradient(150deg, #fff, #fbfcfe);
  border: 1px solid #fff;
  border-radius: 20px;
  box-shadow: 0 16px 44px #17203310;
}
.expense-manager-head {
  border-bottom: 1px solid var(--zx-line);
  padding-bottom: 16px;
}
.expense-manager-head p {
  color: #a17d45;
}
.expense-manager-head h3 {
  color: var(--zx-ink);
}
.expense-manager-head > strong {
  color: #fff;
  background: linear-gradient(135deg, #25334c, #111827);
  border-color: #ffffff1f;
  box-shadow: 0 9px 20px #11182720;
}
.expense-entry-form {
  background: #f3f5f8;
  border-color: #e4e8ee;
  border-radius: 14px;
}
.expense-entry-form input,
.expense-entry-form select {
  color: var(--zx-ink);
  background: #fff;
  border-color: #dfe4eb;
  border-radius: 9px;
}
.expense-entry-form input:focus,
.expense-entry-form select:focus {
  border-color: #c5a264;
  box-shadow: 0 0 0 4px #c5a26418;
}
.expense-entry-form > button {
  background: linear-gradient(135deg, #d0ac6c, #a77f40);
  box-shadow: 0 9px 20px #9d773b26;
}
.expense-category {
  color: #72552a;
  background: var(--zx-gold-soft);
}
.expense-record-list article b {
  color: #a47738;
}
.organization-list-card,
.organization-form-card,
.calendar-card,
.work-task-panel,
.team-panel {
  background: #ffffffef;
  border: 1px solid #fff;
  border-radius: 19px;
  box-shadow: 0 16px 45px #1720330d;
}
.section-heading {
  background: linear-gradient(180deg, #fff, #fafbfc);
  border-bottom-color: var(--zx-line);
}
.crm-search {
  background: #f3f5f8;
  border-color: #e1e5eb;
}
.date-box {
  color: #6d532d;
  background: linear-gradient(145deg, #f6ead6, #ead4ad);
  border-color: #e5cda2;
}
.organization-actions a,
.organization-actions button {
  border-radius: 9px;
}
.payment-status.paid,
.crm-status.completed {
  color: #237156;
  background: #e4f3ed;
}
.mobile-bottom-nav,
.mobile-bottom-nav.with-admin {
  background: #111a2aeF;
  border: 1px solid #ffffff18;
  box-shadow: 0 18px 45px #0d14224d;
}
.mobile-bottom-nav a,
.mobile-bottom-nav button {
  color: #9da8ba;
}
.mobile-bottom-nav a:active,
.mobile-bottom-nav a:focus {
  color: #f0d39d;
  background: #ffffff0a;
}
.mobile-bottom-nav .mobile-add span {
  color: #182033;
  background: linear-gradient(145deg, #efd39e, #c89e5d);
  border-color: #1d293d;
  box-shadow: 0 10px 25px #0005;
}
@media (max-width: 760px) {
  body {
    background: linear-gradient(180deg, #eef1f6, #f8f9fb);
  }
  .crm-sidebar {
    background:
      radial-gradient(circle at 90% 0, #354665, transparent 40%),
      linear-gradient(135deg, #172238, #0d1422);
    border-bottom: 0;
    box-shadow: 0 10px 30px #11182725;
  }
  .crm-main {
    padding-top: 18px;
  }
  .crm-topbar h1 {
    font-size: 27px;
  }
  .crm-tabs {
    background: #ffffffed;
    border-radius: 13px;
  }
  .finance-page-heading {
    border-radius: 18px;
    padding: 19px 18px;
  }
  .finance-summary .summary-card,
  .finance-summary .summary-card:nth-child(n) {
    background: linear-gradient(150deg, #fff, #f8fafc);
    border-radius: 15px;
  }
  .expense-manager {
    border-radius: 17px;
  }
  .organization-list-card,
  .organization-form-card,
  .calendar-card {
    border-radius: 17px;
  }
}