/* Karşılama paneli: tek ekran, sakin ve odaklı görünüm */
.welcome-active {
  overflow: hidden;
}

.welcome-active main {
  padding-bottom: 0;
}

.welcome-active .site-footer {
  display: none;
}

.welcome-active .smart-home,
.welcome-active .smart-home * {
  animation: none !important;
  transition: none !important;
}

.welcome-active .smart-home {
  height: calc(100dvh - 200px);
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  padding: 18px;
  overflow: hidden;
  background: radial-gradient(circle at 86% 6%, rgba(94, 229, 146, 0.08), transparent 24%), #101613;
}

.welcome-active .smart-grid-lines,
.welcome-active .smart-primary-panel::after {
  display: none;
}

.welcome-active .smart-head {
  min-height: 25px;
}

.welcome-active .smart-primary-panel {
  min-height: 0;
  padding: 27px 30px;
  align-items: center;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
}

.welcome-active .smart-intro h2 {
  font-size: clamp(30px, 3vw, 43px);
  line-height: 1.03;
}

.welcome-active .security-assurance {
  margin-top: 15px;
}

.welcome-active .founder-badge {
  margin-top: 25px;
}

.welcome-active .finance-core {
  margin-right: 7px;
}

.welcome-active .core-ring {
  width: 150px;
  height: 150px;
}

.welcome-active .smart-metrics {
  gap: 10px;
}

.welcome-active .smart-metrics article {
  min-height: 76px;
  padding: 12px;
}

.welcome-active .smart-bottom-bar {
  padding: 11px 14px;
}

.welcome-active .smart-bottom-bar b {
  line-height: 1.35;
}

@media (max-width: 720px) {
  .welcome-active .smart-home {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: calc(100svh - 113px);
    min-height: 0;
    padding: 14px;
    gap: 10px;
  }

  .welcome-active .smart-head {
    margin: 0;
    width: 100%;
  }

  .welcome-active .smart-clock span:first-child,
  .welcome-active .finance-core {
    display: none;
  }

  .welcome-active .smart-primary-panel {
    flex: 1;
    width: 100%;
    min-height: 0;
    padding: 19px 18px;
    display: block;
  }

  .welcome-active .smart-intro {
    width: 100%;
  }

  .welcome-active .smart-intro h2 {
    font-size: 31px;
    letter-spacing: -1.2px;
  }

  .welcome-active .security-assurance {
    margin-top: 12px;
  }

  .welcome-active .founder-badge {
    margin-top: 16px;
  }

  .welcome-active .smart-metrics {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 0;
  }

  .welcome-active .smart-metrics article,
  .welcome-active .smart-metrics article:last-child {
    grid-column: auto;
    min-height: 0;
    padding: 10px;
    display: block;
  }

  .welcome-active .metric-icon {
    width: 29px;
    height: 29px;
    margin-bottom: 7px;
    font-size: 14px;
  }

  .welcome-active .smart-metrics strong {
    font-size: 12px;
  }

  .welcome-active .smart-metrics small {
    font-size: 7px;
    line-height: 1.2;
  }

  .welcome-active .smart-metrics p {
    display: none;
  }

  .welcome-active .smart-bottom-bar {
    min-height: 48px;
    margin: 0;
    padding: 10px 11px;
  }

  .welcome-active .smart-bottom-bar b {
    display: block !important;
    font-size: 10px;
  }

  .welcome-active .smart-bottom-bar span {
    display: none;
  }
}

@media (max-width: 430px) {
  .welcome-active .smart-head {
    flex: 0 0 auto;
  }

  .welcome-active .smart-signal {
    font-size: 8px;
    letter-spacing: 0.9px;
  }

  .welcome-active .smart-clock {
    gap: 6px;
  }

  .welcome-active .smart-clock b {
    font-size: 14px;
  }

  .welcome-active .security-assurance p {
    font-size: 9px;
  }

  .welcome-active .founder-badge {
    margin-top: 12px;
  }

  .welcome-active .smart-metrics {
    display: none;
  }

  .welcome-active .smart-primary-panel {
    padding: 24px 20px;
  }

  .welcome-active .smart-intro h2 {
    font-size: 34px;
    line-height: 1.04;
  }

  .welcome-active .smart-bottom-bar {
    margin-top: auto;
  }
}

@media (max-height: 700px) {
  .welcome-active .smart-metrics {
    display: none;
  }

  .welcome-active .smart-primary-panel {
    padding: 16px;
  }

  .welcome-active .security-assurance,
  .welcome-active .founder-badge {
    margin-top: 10px;
  }
}

/* Gelir/gider formu: tarih alanı her ekranda kendi sütununda kalır. */
#movementForm .movement-entry-row {
  width: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

#movementForm .movement-entry-row .field,
#movementForm input[type="date"] {
  min-width: 0;
  max-width: 100%;
}

#movementForm input[type="date"] {
  width: 100%;
  inline-size: 100%;
  max-inline-size: 100%;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  #movementForm .movement-entry-row,
  #movementForm .movement-payment-row,
  #editMovementForm .movement-payment-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px;
  }
}

.movement-payment-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.payment-method-tag {
  display: inline-flex;
  margin: 5px 0 0 7px;
  padding: 2px 6px;
  border: 1px solid #34473b;
  border-radius: 999px;
  color: #a7c8b0;
  background: #17231c;
  font-size: 9px;
  line-height: 1.2;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .payment-method-tag {
    margin-left: 0;
  }
}

/* iPhone dikey: modal ve form alanlarını ekran genişliğine sabitle. */
@media (max-width: 640px) {
  .app-shell,
  main,
  .view,
  .content-card,
  .projects-grid,
  .detail-stats,
  .form-grid,
  .field {
    min-width: 0;
    max-width: 100%;
  }

  .modal-backdrop {
    align-items: flex-start;
    padding: max(12px, env(safe-area-inset-top)) 12px max(24px, env(safe-area-inset-bottom));
  }

  .modal {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    min-width: 0;
    margin: 12px 0 24px;
    padding: 20px 16px;
  }

  .modal .form-grid.two,
  #movementForm .movement-entry-row,
  #movementForm .movement-payment-row,
  #editMovementForm .movement-payment-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px;
  }

  .modal .field input,
  .modal .field select,
  .modal .field textarea,
  .modal input[type="date"] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .modal-actions {
    flex-wrap: wrap;
    gap: 8px;
  }

  .modal-actions .primary-btn {
    flex: 1 1 160px;
  }
}

/* Mobil ana panel: masaüstü finans dilini koruyan, iPhone odaklı yeni düzen. */
@media (max-width: 720px) {
  body.welcome-active {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .welcome-active main {
    padding: 0 14px;
  }

  .welcome-active .smart-home {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    height: auto;
    min-height: 0;
    align-content: start;
    padding: 14px;
    gap: 12px;
    overflow: visible;
    border-radius: 16px;
    background:
      radial-gradient(circle at 92% 0%, rgba(95, 226, 147, 0.15), transparent 30%),
      linear-gradient(160deg, #111b16 0%, #0f1512 72%);
  }

  .welcome-active .smart-head {
    grid-column: 1;
    display: flex;
    min-height: 30px;
    padding: 0 2px;
  }

  .welcome-active .smart-signal {
    gap: 7px;
    white-space: nowrap;
    font-size: 8px;
    letter-spacing: 0.9px;
  }

  .welcome-active .smart-signal span {
    font-size: 0;
  }

  .welcome-active .smart-signal span::after {
    content: 'SİSTEM ÇEVRİMİÇİ';
    font-size: 8px;
  }

  .welcome-active .smart-clock {
    gap: 7px;
    white-space: nowrap;
  }

  .welcome-active .smart-clock b {
    font-size: 14px;
  }

  .welcome-active .smart-clock span {
    font-size: 8px;
  }

  .welcome-active .smart-primary-panel {
    grid-column: 1;
    display: block;
    width: 100%;
    min-height: 312px;
    padding: 24px 20px;
    border-color: rgba(99, 218, 143, 0.24);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(27, 60, 40, 0.95), rgba(16, 29, 21, 0.97) 74%);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06), 0 18px 40px rgba(0, 0, 0, 0.18);
  }

  .welcome-active .smart-intro {
    display: block;
    width: 100%;
  }

  .welcome-active .smart-intro h2 {
    max-width: 310px;
    margin: 9px 0 18px;
    font-size: clamp(31px, 9vw, 36px);
    letter-spacing: -1.5px;
    line-height: 1.03;
  }

  .welcome-active .security-assurance {
    max-width: none;
    margin-top: 0;
    padding: 12px;
    border-radius: 10px;
  }

  .welcome-active .security-assurance p {
    font-size: 10px;
    line-height: 1.45;
  }

  .welcome-active .founder-badge {
    margin-top: 18px;
  }

  .welcome-active .finance-core {
    display: none;
  }

  .welcome-active .smart-metrics {
    grid-column: 1;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
  }

  .welcome-active .smart-metrics article,
  .welcome-active .smart-metrics article:last-child {
    grid-column: auto;
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 11px;
    border-radius: 11px;
    background: #151d18;
  }

  .welcome-active .smart-metrics article:last-child {
    grid-column: 1 / -1;
  }

  .welcome-active .metric-icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 0 9px 0 0;
    font-size: 14px;
  }

  .welcome-active .smart-metrics small {
    font-size: 7px;
    line-height: 1.2;
  }

  .welcome-active .smart-metrics strong {
    margin-top: 3px;
    font-size: 12px;
  }

  .welcome-active .smart-metrics p {
    display: none;
  }

  .welcome-active .smart-bottom-bar {
    grid-column: 1;
    min-height: 48px;
    margin: 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: #131b16;
  }

  .welcome-active .smart-bottom-bar span {
    display: none;
  }

  .welcome-active .smart-bottom-bar b {
    display: block !important;
    color: #cbd8cf;
    font-size: 10px;
    line-height: 1.4;
  }
}

@media (max-width: 380px) {
  .welcome-active .smart-primary-panel {
    padding: 21px 18px;
  }

  .welcome-active .smart-intro h2 {
    font-size: 30px;
  }

  .welcome-active .smart-metrics {
    gap: 8px;
  }
}

/* Mobil marka ve menü alanı */
.mobile-nav-stack,
.mobile-finance-graph {
  display: none;
}

@media (max-width: 640px) {
  .topbar {
    height: 84px;
    margin-bottom: 14px;
    align-items: center;
  }

  .topbar > .mobile-nav-stack {
    display: flex;
    flex: 0 0 42px;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin: 0 12px 0 0 !important;
  }

  .mobile-brand-home {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border: 1px solid #61d990;
    border-radius: 9px;
    color: #a4f4c2;
    background: linear-gradient(145deg, #234a31, #14251a);
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 16px rgba(33,151,76,.16);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .7px;
    text-decoration: none;
  }

  .mobile-menu {
    display: grid;
    width: 31px;
    height: 18px;
    margin: 0;
    padding: 3px 6px;
    border: 1px solid #2e4938;
    border-radius: 6px;
    background: #141d18;
    color: transparent;
    cursor: pointer;
  }

  .mobile-menu i {
    display: block;
    width: 100%;
    height: 1px;
    border-radius: 2px;
    background: #91dba9;
  }

  .topbar > .page-heading {
    margin-right: auto;
  }

  .topbar .page-heading h1 {
    font-size: 19px;
  }

  .welcome-active .topbar {
    justify-content: flex-start;
  }

  .welcome-active .page-heading {
    display: none;
  }

  .welcome-active .smart-home {
    min-height: calc(100svh - 98px);
  }

  .welcome-active .mobile-finance-graph {
    display: block;
    position: relative;
    height: 66px;
    margin-top: 18px;
    padding: 9px 11px 8px;
    overflow: hidden;
    border: 1px solid rgba(94, 222, 140, .28);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(18, 61, 36, .92), rgba(14, 31, 21, .86));
    box-shadow: inset 0 1px rgba(255,255,255,.04);
  }

  .welcome-active .mobile-finance-graph::before {
    content: '';
    position: absolute;
    inset: 24px 10px 9px;
    opacity: .45;
    background-image: linear-gradient(rgba(119, 237, 164, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(119, 237, 164, .13) 1px, transparent 1px);
    background-size: 20px 13px;
  }

  .mobile-finance-graph > div {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #91e9af;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
  }

  .mobile-finance-graph > div b {
    color: #62df90;
    font-size: 8px;
    text-shadow: 0 0 9px #62df90;
  }

  .mobile-finance-graph p {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: end;
    gap: 5px;
    height: 35px;
    margin: 3px 0 0;
  }

  .welcome-active .mobile-finance-graph i {
    flex: 1;
    min-width: 3px;
    height: 28%;
    border-radius: 4px 4px 1px 1px;
    background: linear-gradient(to top, #2ca963, #a2f3bd);
    box-shadow: 0 0 10px rgba(85, 225, 132, .35);
    transform-origin: bottom;
    animation: mobile-finance-pulse 1.45s ease-in-out infinite !important;
    animation-duration: 1.45s !important;
    animation-iteration-count: infinite !important;
  }

  .mobile-finance-graph i:nth-child(2n) { animation-delay: .18s !important; }
  .mobile-finance-graph i:nth-child(3n) { animation-delay: .42s !important; }
  .mobile-finance-graph i:nth-child(1) { height: 38%; }
  .mobile-finance-graph i:nth-child(2) { height: 66%; }
  .mobile-finance-graph i:nth-child(3) { height: 48%; }
  .mobile-finance-graph i:nth-child(4) { height: 88%; }
  .mobile-finance-graph i:nth-child(5) { height: 58%; }
  .mobile-finance-graph i:nth-child(6) { height: 77%; }
  .mobile-finance-graph i:nth-child(7) { height: 45%; }
  .mobile-finance-graph i:nth-child(8) { height: 72%; }
  .mobile-finance-graph i:nth-child(9) { height: 54%; }
}

@keyframes mobile-finance-pulse {
  50% { transform: scaleY(.48); opacity: .42; }
}

/* Hesap ve guvenlik: uygulamanin ikon diliyle uyumlu acilir kullanici kontrolu */
.user-menu-toggle {
  position: relative;
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 9px;
  overflow: hidden;
  border: 1px solid rgba(91, 196, 127, .2);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(28, 62, 41, .82), rgba(17, 29, 22, .95));
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 8px 22px rgba(0,0,0,.12);
  color: #e0eee4;
  text-align: left;
  cursor: pointer;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}

.user-menu-toggle::after {
  content: '';
  position: absolute;
  top: -35px;
  right: -18px;
  width: 76px;
  height: 76px;
  border: 1px solid rgba(121, 239, 160, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 12px rgba(101, 227, 147, .025), 0 0 0 25px rgba(101, 227, 147, .018);
  pointer-events: none;
}

.user-menu-toggle:hover,
.user-menu-toggle[aria-expanded="true"] {
  border-color: rgba(103, 226, 146, .48);
  background: linear-gradient(135deg, rgba(32, 83, 52, .92), rgba(19, 36, 26, .98));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 25px rgba(18, 122, 61, .14);
  transform: translateY(-1px);
}

.user-avatar {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid #5dd78c;
  border-radius: 10px;
  background: radial-gradient(circle at 35% 28%, #2f8050, #183b29 68%);
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 0 16px rgba(81, 224, 131, .12);
}

.user-avatar i::before,
.user-avatar i::after {
  content: '';
  position: absolute;
  left: 50%;
  border: 1.5px solid #b3f5cb;
  transform: translateX(-50%);
}

.user-avatar i::before {
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(179,245,203,.12);
}

.user-avatar i::after {
  bottom: 6px;
  width: 13px;
  height: 7px;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
}

.user-menu-name { position: relative; z-index: 1; }
.user-menu-name b { color: #e4f0e7; font-size: 11px; }
.user-menu-name small { color: #83aa90; font-size: 9px; }

.user-chevron {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(105, 218, 143, .27);
  border-radius: 8px;
  background: rgba(10, 26, 16, .34);
  transition: transform .24s cubic-bezier(.2,.8,.2,1), background .2s ease, border-color .2s ease;
}

.user-chevron i {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1.5px solid #98e9b7;
  border-bottom: 1.5px solid #98e9b7;
  transform: rotate(45deg);
}

.user-menu-toggle[aria-expanded="true"] .user-chevron {
  border-color: #66df94;
  background: rgba(68, 176, 104, .17);
  transform: rotate(180deg);
}

.user-menu-panel {
  margin-top: 7px;
  padding: 6px;
  border-color: rgba(81, 159, 108, .28);
  border-radius: 11px;
  background: linear-gradient(145deg, #17251c, #111914);
  box-shadow: 0 13px 28px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.035);
}

.user-menu-panel:not(.hidden) {
  transform-origin: top;
  animation: account-menu-in .24s cubic-bezier(.2,.8,.2,1) both !important;
  animation-duration: .24s !important;
  animation-iteration-count: 1 !important;
}

.user-menu-panel .nav-item {
  border-radius: 7px;
}

@keyframes account-menu-in {
  from { opacity: 0; transform: translateY(-6px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Karşilama alaninda borsa terminali hissi veren canli finans paneli */
.welcome-active .finance-core.market-terminal {
  position: relative;
  display: flex;
  flex: 0 0 254px;
  flex-direction: column;
  gap: 12px;
  width: 254px;
  min-height: 188px;
  margin-right: 8px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(96, 223, 139, .35);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(17, 62, 35, .96), rgba(11, 25, 17, .96));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 17px 38px rgba(0,0,0,.19), 0 0 30px rgba(52, 200, 102, .07);
}

.welcome-active .market-terminal::before {
  content: '';
  position: absolute;
  inset: 38px 12px 34px;
  opacity: .55;
  background-image: linear-gradient(rgba(109, 237, 156, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(109, 237, 156, .09) 1px, transparent 1px);
  background-size: 23px 21px;
  pointer-events: none;
}

.welcome-active .market-terminal::after {
  content: '';
  position: absolute;
  top: 0;
  left: -30%;
  width: 34%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(151, 255, 187, .07), transparent);
  transform: skewX(-18deg);
  animation: market-scan 4.6s ease-in-out infinite !important;
  animation-duration: 4.6s !important;
  animation-iteration-count: infinite !important;
  pointer-events: none;
}

.market-terminal-head,
.market-chart,
.market-terminal-data { position: relative; z-index: 1; }

.market-terminal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #9aeab5;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.1px;
}

.market-terminal-head b {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #7be8a4;
  font-size: 8px;
}

.market-terminal-head b i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6ce69a;
  box-shadow: 0 0 0 4px rgba(108, 230, 154, .11), 0 0 11px rgba(108, 230, 154, .72);
  animation: market-status 1.8s ease-in-out infinite !important;
  animation-duration: 1.8s !important;
  animation-iteration-count: infinite !important;
}

.market-chart {
  display: flex;
  align-items: end;
  gap: 5px;
  min-height: 104px;
  padding: 13px 5px 7px;
}

.welcome-active .market-chart i {
  flex: 1;
  min-width: 4px;
  height: 42%;
  border-radius: 4px 4px 1px 1px;
  background: linear-gradient(to top, #188547, #a5f3be);
  box-shadow: 0 0 11px rgba(96, 231, 143, .38);
  transform-origin: bottom;
  animation: market-bar 2.5s ease-in-out infinite !important;
  animation-duration: 2.5s !important;
  animation-iteration-count: infinite !important;
}

.market-chart i:nth-child(1) { height: 27%; animation-delay: .1s !important; }
.market-chart i:nth-child(2) { height: 43%; animation-delay: .34s !important; }
.market-chart i:nth-child(3) { height: 36%; animation-delay: .62s !important; }
.market-chart i:nth-child(4) { height: 57%; animation-delay: .16s !important; }
.market-chart i:nth-child(5) { height: 49%; animation-delay: .48s !important; }
.market-chart i:nth-child(6) { height: 69%; animation-delay: .78s !important; }
.market-chart i:nth-child(7) { height: 58%; animation-delay: .24s !important; }
.market-chart i:nth-child(8) { height: 81%; animation-delay: .93s !important; }
.market-chart i:nth-child(9) { height: 65%; animation-delay: .42s !important; }
.market-chart i:nth-child(10) { height: 88%; animation-delay: .7s !important; }
.market-chart i:nth-child(11) { height: 76%; animation-delay: .28s !important; }
.market-chart i:nth-child(12) { height: 96%; animation-delay: .56s !important; }

.market-terminal-data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.market-terminal-data span {
  display: grid;
  gap: 3px;
  padding: 7px 8px;
  border: 1px solid rgba(103, 224, 151, .17);
  border-radius: 8px;
  background: rgba(7, 21, 12, .29);
}

.market-terminal-data small {
  color: #749b80;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .6px;
}

.market-terminal-data b { color: #c3f4d2; font-size: 8px; letter-spacing: .35px; }

.welcome-active .site-footer {
  display: block;
  padding: 14px 0 2px;
}

.welcome-active .site-footer a {
  padding: 7px 10px;
  border: 1px solid rgba(101, 213, 140, .16);
  border-radius: 99px;
  background: rgba(19, 34, 25, .72);
}

@keyframes market-bar {
  50% { transform: scaleY(.52); opacity: .48; }
}

@keyframes market-status {
  50% { transform: scale(.68); opacity: .45; }
}

@keyframes market-scan {
  0%, 22% { left: -36%; }
  72%, 100% { left: 118%; }
}

@media (max-width: 720px) {
  .welcome-active .site-footer {
    padding: 10px 0 2px;
  }
}

/* Tarih seçicileri: gelir ve gider formlarında kompakt, taşmasız alan. */
#movementForm input[type="date"],
#editMovementForm input[type="date"] {
  display: block;
  width: min(100%, 188px) !important;
  inline-size: min(100%, 188px) !important;
  min-width: 0 !important;
  min-inline-size: 0 !important;
  max-width: 100% !important;
  max-inline-size: 100% !important;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  #movementForm .field:has(input[type="date"]),
  #editMovementForm .field:has(input[type="date"]) {
    min-width: 0;
    overflow: hidden;
  }
}

/* iPhone mobil gezintisi: tek sabit marka kontrolu ve kaydirilabilir menu */
@media (max-width: 640px) {
  .topbar {
    height: 70px;
    min-height: 70px;
    margin-bottom: 14px;
    padding-left: 0;
    gap: 12px;
  }

  .topbar > .mobile-nav-stack {
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
    display: block;
    flex: 0 0 auto;
    width: auto;
    margin: 0 !important;
  }

  .mobile-brand-home {
    display: inline-flex;
    align-items: center;
    min-width: 123px;
    height: 42px;
    gap: 7px;
    padding: 4px 9px 4px 5px;
    border: 1px solid rgba(94, 219, 138, .48);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(26, 64, 42, .98), rgba(16, 29, 21, .98));
    box-shadow: inset 0 1px rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.22);
    color: #c3f6d3;
    cursor: pointer;
    font: 800 10px/1 Inter, ui-sans-serif, system-ui, sans-serif;
    letter-spacing: .8px;
    text-decoration: none;
  }

  .mobile-brand-home:active { transform: scale(.98); }

  .mobile-brand-mark {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 1px solid #74e49d;
    border-radius: 8px;
    background: linear-gradient(145deg, #2a7549, #173723);
    box-shadow: inset 0 1px rgba(255,255,255,.13), 0 0 14px rgba(69, 214, 119, .14);
    color: #ccf9d9;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .55px;
  }

  .mobile-brand-label {
    white-space: nowrap;
  }

  .mobile-brand-home[aria-expanded="true"] {
    border-color: #78e6a1;
    background: linear-gradient(145deg, #285d3c, #152a1c);
  }

  .mobile-menu { display: none !important; }

  .topbar > .page-heading {
    margin: 0 auto 0 0;
  }

  .topbar .page-heading h1 {
    font-size: 18px;
  }

  .welcome-active .topbar {
    height: 70px;
    min-height: 70px;
    margin-bottom: 0;
    border-bottom-color: transparent;
  }

  .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 38;
    width: min(86vw, 310px);
    height: 100dvh;
    padding: max(20px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-right-color: rgba(91, 205, 131, .28);
    background: linear-gradient(165deg, #17271d 0%, #111914 74%);
    box-shadow: 22px 0 46px rgba(0,0,0,.35);
    transform: translateX(-104%);
    transition: transform .24s cubic-bezier(.2,.8,.2,1);
  }

  .sidebar.open { transform: translateX(0); }

  .sidebar .brand { display: none; }

  .sidebar nav {
    gap: 7px;
  }

  .sidebar .nav-item {
    min-height: 48px;
    padding: 13px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
  }

  .sidebar .nav-item.active {
    border-color: rgba(96, 219, 138, .23);
    background: linear-gradient(135deg, rgba(30, 82, 50, .82), rgba(21, 40, 28, .92));
  }

  .sidebar-bottom {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid rgba(104, 173, 126, .18);
    flex: 0 0 auto;
  }

  .storage-note {
    padding: 0 8px 12px;
  }

  .user-menu-toggle {
    min-height: 54px;
  }

  .user-menu-panel {
    margin-bottom: 8px;
  }

  .user-menu-panel .nav-item {
    min-height: 42px;
    padding: 10px 8px;
  }
}