/* Evajet brand: one palette shared by the public site and customer tools. */
:root {
  --brand-red:#c62828;
  --brand-red-hover:#a61f24;
  --brand-red-soft:#fbeeee;
  --brand-ink:#252628;
  --brand-muted:#686b70;
  --brand-canvas:#f5f5f6;
  --brand-surface:#ffffff;
  --brand-soft:#ededf0;
  --brand-line:#dedee2;
  --brand-white:#ffffff;
  --primary-red:var(--brand-red);
  --primary-red-hover:var(--brand-red-hover);
  --evajet:var(--brand-red);
  --evajet-red:var(--brand-red);
  --evajet-red-dark:var(--brand-red-hover);
  --evajet-red-light:var(--brand-red);
}
::selection{background:var(--brand-red-soft);color:var(--brand-ink)}
/* The logo keeps its original silver lettering on a charcoal masthead. */
:is(.header-wrapper,.atlas-header,.top-header){background:var(--brand-ink)!important;border-top:3px solid var(--brand-red)!important;border-bottom:1px solid #ffffff1c!important;box-shadow:0 3px 16px #15151a0c!important}
.header-wrapper{padding-left:clamp(48px,5vw,80px);padding-right:3.5%;gap:24px}
.atlas-header,.top-header{padding-left:clamp(48px,5vw,80px)}
.header-wrapper,#mobilMenu,.topbar{font-family:'Outfit','Segoe UI',system-ui,sans-serif}
.header-wrapper *,#mobilMenu *{box-sizing:border-box}
.header-wrapper .header-arama{flex:1 1 260px;max-width:340px;min-width:170px}
.topbar{display:flex;justify-content:flex-end;gap:22px;padding:6px 3.5%;font-size:11px}
.topbar a{color:#c8c9cd;text-decoration:none}
.header-wrapper .logo{height:49px}
.header-wrapper .menu,.header-wrapper.scrolled .menu{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:5px;flex-wrap:nowrap}
.header-wrapper .header-contact-strip{padding-left:22px;border-left:1px solid #ffffff26}
.header-wrapper .header-contact-strip a{color:#c8c9cd}
.header-wrapper .header-contact-strip i{color:#ee7777}
.header-wrapper .menu :is(.intent-trigger,.nav-utility){min-height:42px;padding:0 12px!important;border-radius:6px;border:1px solid transparent;background:transparent;color:#e9e9ec!important;transform:none;box-shadow:none}
.header-wrapper .menu :is(.intent-trigger,.nav-utility) strong{font-size:13px;font-weight:500;letter-spacing:.1px}
.header-wrapper .menu :is(.intent-trigger,.nav-utility):hover,.header-wrapper .menu .intent-trigger.is-primary{background:#ffffff0c;border-color:#ffffff1c;color:#fff!important}
.header-wrapper .menu .intent-trigger.is-primary{box-shadow:inset 0 -2px var(--brand-red)}
.header-wrapper .menu .user-nav-btn{min-height:40px;padding:9px 17px!important;border-radius:6px!important;background:var(--brand-red);border:1px solid var(--brand-red);color:white!important;box-shadow:none;font-size:13px}
.header-wrapper .menu .user-nav-btn:hover{background:var(--brand-red-hover)}
.header-wrapper .dropdown-content{background:var(--brand-surface);border:1px solid var(--brand-line);border-top:3px solid var(--brand-red);box-shadow:0 16px 38px #20202726;border-radius:8px;color:var(--brand-ink)}
.header-wrapper .dropdown-content :is(a,.dropdown-section-title),.header-wrapper .menu-flip-slot .dropdown-content a{color:var(--brand-ink)!important}
.header-wrapper .dropdown-content a:hover{color:var(--brand-red)!important;background:var(--brand-red-soft);padding-left:15px}
.header-wrapper .dropdown:focus-within>.dropdown-content{display:block;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.header-wrapper .dropdown:focus-within>.dropdown-content.has-side-panel{display:grid}
.header-wrapper .dropdown-side-panel{border-color:#ffffff26;background:var(--brand-ink);box-shadow:none}
.header-wrapper .dropdown-side-panel span{color:#fff;background:#c6282838;border-color:#c6282866;border-radius:5px}
.header-wrapper :is(a,button):focus-visible,.atlas-header a:focus-visible,.top-header a:focus-visible{outline:2px solid #ee7777;outline-offset:4px}
.header-wrapper .hamburger span{background:#fff}
.topbar{background:var(--brand-ink);color:#d6d6da;border-bottom:1px solid #ffffff14}
:is(.atlas-header,.top-header) :is(.brand-caption,.atlas-brand span,.header-nav-link,.logout-btn,.user-info),.atlas-header .atlas-nav a{color:#d6d6da;border-color:#ffffff26}
.atlas-header .atlas-nav a[aria-current]{color:#fff;text-decoration-color:#ef7777}
.atlas-header .atlas-nav .atlas-account,.top-header .header-avatar{background:#ffffff0b;color:#fff;border:1px solid #ffffff26;border-radius:6px}
.atlas-header .atlas-brand img,.top-header .logo-box img{height:36px}
#mobilMenu{background:var(--brand-ink)!important;border-left:1px solid #ffffff20}
#mobilMenu .mobile-user-card{background:#202124}
#mobilMenu .mobile-user-card>a,#mobilMenu .user-card-btns a:first-child{background:var(--brand-red)!important;color:white!important}
#mobilMenu .mobile-section-label{color:#d2d2d8;letter-spacing:1.5px}
#mobilMenu .mobile-mini-links a,#mobilMenu .mobile-secondary-links a{background:#ffffff05;border-color:#ffffff16;color:#efeff2}
#mobilMenu .mobile-mini-links a i{color:#ee7777}
#mobilMenu .mobile-analysis-teaser{background:#ffffff06;border:1px solid #ffffff1c}
#mobilMenu .mobile-analysis-teaser :is(strong,span){color:#f3c4c4}
/* Shared controls and selected states retain a restrained red accent. */
.notebook-page{--evajet:var(--brand-red);--ink:var(--brand-ink);--muted:var(--brand-muted);--bg:var(--brand-canvas);--card:var(--brand-surface);--paper-line:var(--brand-line);--accent:var(--brand-red)}
.notebook-page .wrap h1 em,.notebook-kicker,.notebook-page .card-icon,.atlas-page .atlas-kicker,.arsa-studio .header-tag{color:var(--brand-red)}
.notebook-page .btn-primary{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}
.notebook-page .btn-primary:hover{background:var(--brand-red-hover);color:#fff;border-color:var(--brand-red-hover)}
.notebook-page .bank-card.active{border-color:var(--brand-red)!important;background:var(--brand-red-soft)!important;box-shadow:0 0 0 1px var(--brand-red)}
.notebook-page .bank-update-btn,.notebook-page .kredi-tipi-pill{background:var(--brand-red-soft);border-color:#e8baba;color:var(--brand-red)}
.notebook-page .kredi-tipi-btn.active{color:var(--brand-red)}
.notebook-page .result-card{background:var(--brand-ink);border-color:var(--brand-ink)}
.notebook-page .result-card :is(.result-label,.legend-item){color:#d6d6da}
.notebook-page .breakdown-item.total .value{color:#fff}
.notebook-page .ratio-segment.principal,.notebook-page .legend-dot.principal{background:#d6d6da}
.notebook-page .ratio-segment.interest,.notebook-page .legend-dot.interest{background:#e86c6c}
.atlas-page .evoli-option-btn,.arsa-studio .calc-tab-btn{color:var(--brand-ink);background:var(--brand-surface);border-color:var(--brand-line)}
.atlas-page .evoli-option-btn:hover,.arsa-studio .calc-tab-btn:hover{background:var(--brand-red-soft);border-color:#dcaaaa}
.arsa-studio .calc-tab-btn.active,.arsa-studio .btn-fetch-main,.arsa-studio .btn-hesapla-main{background:var(--brand-red)!important;border-color:var(--brand-red)!important;color:white!important}
.arsa-studio .calc-tab-btn.active i{color:white!important}
.atlas-page .evoli-option-btn:focus-visible,.notebook-page .wrap :is(a,button,input,select):focus-visible{outline-color:var(--brand-red)}
.atlas-page .token-badge{width:fit-content;max-width:100%;background:var(--brand-red-soft);color:var(--brand-red);border-color:#e8baba}
.atlas-page .atlas-highlight{background:var(--brand-red-soft);border-color:#eed4d4}
.atlas-page .atlas-highlight p{color:var(--brand-muted)}
.atlas-page .wizard-btn.primary:not(:disabled),.atlas-page .btn:not(.secondary):not(:disabled),.atlas-page #confirmLocBtn:not(:disabled){background:var(--brand-red)!important;color:#fff!important;border-color:var(--brand-red);box-shadow:none!important}
.atlas-page .wizard-btn.primary:not(:disabled):hover,.atlas-page .btn:not(.secondary):not(:disabled):hover{background:var(--brand-red-hover)!important}
.arsa-studio .studio-container .btn-fetch-main,.arsa-studio #imarParametreleriSection.ai-mode-active .btn-hesapla-main{background:var(--brand-red)!important;border-color:var(--brand-red)!important;box-shadow:none!important}
.arsa-studio .studio-container .btn-fetch-main:hover,.arsa-studio #imarParametreleriSection.ai-mode-active .btn-hesapla-main:hover{background:var(--brand-red-hover)!important}
.app-container .nav-link.active{background:var(--brand-red-soft);color:var(--brand-red);border-color:#eed4d4;box-shadow:none}
.app-container .nav-link.active i{color:var(--brand-red)}
.app-container .nav-link.active::after{background:var(--brand-red)}
.app-container .sh-btn:not(.secondary),.app-container .portal-hero .sh-btn{background:var(--brand-red);border-color:var(--brand-red);color:white}
.app-container .sh-btn:not(.secondary):hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover)}
.app-container .quick-action-card .qa-icon{background:var(--brand-red-soft);color:var(--brand-red)}
.header-wrapper .tools-trigger{gap:7px}
.header-wrapper .header-menu{gap:12px}
.header-wrapper .header-menu>a,.header-wrapper .header-menu>.dropdown>a{font-size:13px;padding:9px 0}
#mobilMenu .mobile-tools-links{display:grid;gap:4px}
#mobilMenu .mobile-tools-links a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:6px;color:#efeff2;font-size:13px;text-decoration:none}
#mobilMenu .mobile-tools-links a:hover{background:#ffffff0a}
#mobilMenu .mobile-tools-links i{width:17px;color:#ee7777}
.site-footer.footer-atlas{--footer-accent:var(--brand-red);--footer-bg:var(--brand-ink);--footer-button-bg:var(--brand-red);--footer-button-hover:var(--brand-red-hover)}
@media(min-width:1025px){.header-wrapper .header-contact-strip{display:none}.header-wrapper .menu{margin-left:auto}}
@media(max-width:1024px){.topbar{display:none}.header-wrapper .logo{height:43px}.header-wrapper .hamburger{margin-left:auto}.header-wrapper .arama-alani{flex-basis:100%;max-width:none}.header-wrapper{gap:12px}}
@media(max-width:600px){.atlas-header .atlas-brand img,.top-header .logo-box img{height:30px}}
/* A separate contact line keeps the navigation compact at every width. */
:root{--header-height:104px;--header-height-mobile:90px}
.header-tools-nav{padding-top:22px}
.header-tools-nav .header-contact-strip{display:flex!important;position:absolute;top:7px;right:3.5%;gap:20px;padding:0;border:0;margin:0}
.header-tools-nav .header-contact-strip a{min-height:18px;padding:0;font-size:11px;font-weight:400;line-height:1.4}
.header-tools-nav .header-contact-strip i{font-size:10px}
@media(max-width:1024px){.header-wrapper,.atlas-header,.top-header{padding-left:24px}.header-tools-nav{padding-top:20px}.header-tools-nav .header-contact-strip{right:16px;top:6px;gap:16px}.header-tools-nav .header-contact-strip a{font-size:10px}.bosluk{height:var(--header-height-mobile)}.topbar{display:flex}}
@media(max-width:600px){.topbar{justify-content:center;gap:16px;font-size:10px}.topbar>a:last-child{display:none}}
@media(min-width:1025px){
  .header-wrapper,.atlas-header,.top-header{padding-left:clamp(72px,6.5vw,104px)}
  .header-wrapper .logo{height:64px}
  .atlas-header .atlas-brand img,.top-header .logo-box img{height:48px}
}