/* vergino.ai — ortak araç stili (vergiegitim2 araçlarının marka uyarlaması) */
@import url('/assets/css/fonts.css');

:root{
  --brand:#534AB7; --brand-ink:#3E369A; --brand-2:#7F77DD; --brand-3:#AFA9EC;
  --brand-soft:#ECEBF7;
  /* araçların kullandığı isimler → marka karşılıkları */
  --navy:#534AB7; --navy-deep:#3E369A; --navy-soft:#ECEBF7;
  --orange:#C0790F; --orange-deep:#8A5600; --orange-soft:#F7EDD9;
  --ink:#1F1F1D; --ink-soft:#5F5E5A; --line:#E4E2DA; --ok:#1E7A44;
  --paper:#F6F5F2; --card:#FFFFFF;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--body); color:var(--ink); background:var(--paper);
     line-height:1.55; -webkit-font-smoothing:antialiased}
a{color:var(--brand); text-decoration:none}
:focus-visible{outline:3px solid var(--brand); outline-offset:2px; border-radius:3px}

/* ---- nav (site.js enjekte eder) ---- */
.ve-nav{position:sticky; top:0; z-index:50; background:rgba(246,245,242,.9);
        backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.ve-in{max-width:1040px; margin:0 auto; padding:0 22px; height:60px;
       display:flex; align-items:center; gap:12px}
.ve-marka{display:flex; align-items:center; gap:9px}
.ve-marka .ad{font-weight:600; font-size:20px; letter-spacing:-.015em; color:var(--ink)}
.ve-marka .ad .ai{color:var(--brand)}
.ve-sec{display:inline-flex; background:#fff; border:1px solid var(--line);
        border-radius:999px; padding:3px; gap:2px; margin-left:12px; margin-right:auto}
.ve-sec a{font-size:13px; font-weight:600; color:var(--ink-soft); padding:6px 13px;
          border-radius:999px; white-space:nowrap}
.ve-sec a:hover{color:var(--ink)}
.ve-sec a.on{background:var(--brand); color:#fff}
.ve-nav .giris{font-size:13.5px; font-weight:600; color:var(--brand)}
.ve-cta{font-size:13.5px; font-weight:600; background:var(--brand); color:#fff;
        border-radius:999px; padding:9px 16px}
.ve-cta:hover{box-shadow:0 5px 16px rgba(83,74,183,.32)}
@media(max-width:700px){ .ve-nav .giris{display:none}
  .ve-sec a{padding:6px 10px; font-size:12px} .ve-marka .ad{font-size:18px} }

.ve-footer{background:var(--ink); color:#B7B6B0; padding:34px 22px 40px; margin-top:44px; font-size:13px}
.ve-fin{max-width:1040px; margin:0 auto; display:flex; justify-content:space-between;
        gap:20px; flex-wrap:wrap}
.ve-footer a{color:#B7B6B0} .ve-footer a:hover{color:#fff}
.ve-footer .ad{color:#fff; font-weight:600; font-size:17px}
.ve-footer .ad .ai{color:var(--brand-3)}

/* ---- sayfa iskeleti ---- */
.wrap{max-width:1040px; margin:0 auto; padding:0 22px 30px}
.crumb{font-size:12.5px; color:var(--ink-soft); padding:18px 0 4px;
       display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.crumb a{color:var(--ink-soft)} .crumb a:hover{color:var(--brand)}
.crumb span{color:#C9C7BE}
.page-hero{padding:12px 0 22px; border-bottom:1px solid var(--line); margin-bottom:26px}
.eyebrow{display:inline-block; font-family:var(--mono); font-size:12px;
         color:var(--brand-ink); background:var(--brand-soft); padding:5px 11px;
         border-radius:999px; margin-bottom:12px}
.page-hero h1{font-family:var(--display); font-weight:800; letter-spacing:-.02em;
              font-size:clamp(26px,4vw,38px); line-height:1.1}
.lead{margin-top:10px; font-size:16px; color:var(--ink-soft); max-width:74ch; line-height:1.6}

/* ---- hesap ızgarası ---- */
.calc-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start}
@media(max-width:820px){ .calc-grid{grid-template-columns:1fr} }

.panel{background:var(--card); border:1px solid var(--line); border-radius:14px; overflow:hidden}
.panel-h{display:flex; align-items:center; gap:9px; padding:15px 18px;
         border-bottom:1px solid var(--line); font-family:var(--display); font-weight:700;
         font-size:15px; letter-spacing:-.01em}
.panel-h .ic{font-size:17px; line-height:1}
.panel-b{padding:18px}

.field{margin-bottom:15px}
.field>label{display:block; font-size:12.5px; font-weight:600; margin-bottom:6px; color:var(--ink)}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.hint{font-size:11.5px; color:var(--ink-soft); margin-top:6px; line-height:1.5}

.input,.select{width:100%; font:inherit; font-size:15px; padding:10px 12px;
       border:1px solid #D6D3E8; border-radius:9px; background:#fff; color:var(--ink)}
.input:focus,.select:focus{outline:3px solid rgba(83,74,183,.2); outline-offset:1px;
       border-color:var(--brand)}
input[type=date].input{font-family:inherit}
.input-group{position:relative; display:flex; align-items:center}
.input-group .input{padding-right:40px}
.input-group .suffix{position:absolute; right:12px; color:var(--ink-soft); font-size:13px;
       pointer-events:none}
.input-money{text-align:right; font-variant-numeric:tabular-nums}

.seg{display:inline-flex; background:#EFEEF8; border-radius:10px; padding:3px; gap:2px; flex-wrap:wrap}
.seg button{font:inherit; font-size:13px; font-weight:600; color:var(--ink-soft); border:0;
       background:none; padding:8px 13px; border-radius:8px; cursor:pointer}
.seg button.on{background:#fff; color:var(--brand); box-shadow:0 1px 3px rgba(0,0,0,.08)}

.btn{font:inherit; font-weight:600; font-size:14px; cursor:pointer; border:1px solid transparent;
     border-radius:999px; padding:11px 20px; transition:box-shadow .15s, background .15s}
.btn-primary{background:var(--brand); color:#fff}
.btn-primary:hover{box-shadow:0 6px 18px rgba(83,74,183,.32)}
.btn-primary:active{transform:translateY(1px)}
.btn-block{display:block; width:100%}

/* ---- sonuç ---- */
.result-hero{background:var(--brand-soft); padding:20px; text-align:center;
       border-bottom:1px solid var(--line)}
.result-hero .lbl{font-size:11.5px; font-weight:600; letter-spacing:.05em;
       text-transform:uppercase; color:var(--brand-ink)}
.result-hero .val{font-family:var(--display); font-weight:800; font-size:34px;
       color:var(--brand); letter-spacing:-.02em; margin-top:4px; line-height:1.1}
.rows{padding:8px 4px}
.row{display:flex; justify-content:space-between; gap:12px; padding:9px 14px;
     font-size:13.5px; border-bottom:1px solid #F1F0EB}
.row:last-child{border-bottom:0}
.row .k{color:var(--ink-soft)}
.row .v{font-family:var(--mono); font-weight:600; text-align:right; white-space:nowrap}
.row.total{background:var(--brand-soft); border-radius:9px; margin:5px 6px; padding:11px 12px}
.row.total .k{color:var(--ink); font-weight:700} .row.total .v{color:var(--brand)}
.row.neg .v{color:#B42318} .row.pos .v{color:var(--ok)}
.result-empty{padding:34px 18px; text-align:center; color:var(--ink-soft); font-size:13.5px}
.result-empty .em{display:block; font-size:26px; margin-bottom:8px}

/* ---- not / uyarı ---- */
.note{display:flex; gap:10px; font-size:12.5px; line-height:1.55; padding:12px 14px;
      border-radius:10px; margin:16px 0}
.note .ni{flex:none}
.note.info{background:var(--brand-soft); border:1px solid #D8D4EE; color:var(--ink)}
.note.warn{background:var(--orange-soft); border:1px solid #EAD8B0; color:var(--orange-deep)}
.disc{font-size:12px; color:var(--ink-soft); margin-top:16px; line-height:1.6; max-width:80ch}

/* ---- kart / tablo ---- */
.card{background:var(--card); border:1px solid var(--line); border-radius:14px}
.card-pad{padding:18px}
.tbl-wrap{overflow-x:auto}
.tbl{width:100%; border-collapse:collapse; font-size:12.5px; font-variant-numeric:tabular-nums}
.tbl th{background:var(--brand); color:#fff; padding:8px 9px; font-size:11px; font-weight:600; text-align:right}
.tbl th:first-child{text-align:left}
.tbl td{border-bottom:1px solid var(--line); padding:7px 9px; text-align:right}
.tbl td:first-child{text-align:left}
.tbl tr:nth-child(even) td{background:#FAFAF8}