/* /hesapla dizin sayfası (CC-234: index.php <style>'ından BİREBİR). Slug'sız tek sayfa — CSSManager özel durum. */
.calc-hero { background:linear-gradient(135deg,#0061ff 0%,#003db8 100%); color:#fff; padding:64px 0 48px; text-align:center; }
.calc-hero h1 { font-size:clamp(2rem,4vw,2.75rem); font-weight:700; margin:0 0 12px; }
.calc-hero p { font-size:clamp(1rem,2vw,1.125rem); opacity:.95; max-width:720px; margin:0 auto; }
.calc-grid-section { padding:48px 0 80px; }
.calc-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr)); gap:24px; }
.calc-card { background:#fff; border:2px solid #e8eef5; border-radius:14px; padding:28px; transition:all .2s; text-decoration:none; color:inherit; display:flex; flex-direction:column; }
.calc-card:hover { border-color:#0061ff; transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,97,255,.12); }
.calc-card-icon { width:54px; height:54px; border-radius:12px; background:linear-gradient(135deg,#0061ff,#33c181); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.calc-card-icon i { color:#fff; font-size:24px; }
.calc-card h3 { font-size:1.125rem; font-weight:600; color:#0061ff; margin:0 0 10px; }
.calc-card p { font-size:.9375rem; color:#5b6b7d; line-height:1.5; flex-grow:1; margin:0 0 18px; }
.calc-card-link { font-weight:600; color:#0061ff; display:inline-flex; align-items:center; gap:6px; }
.calc-card-link i { transition:transform .2s; }
.calc-card:hover .calc-card-link i { transform:translateX(4px); }
.calc-empty { padding:48px; text-align:center; color:#5b6b7d; background:#f5f9fd; border-radius:12px; }
/* GTİP ipucu şeridi (CC-61): araçların hepsi GTİP kodu istiyor; kodu
         olmayan kullanıcı listeye bakıp geri dönüyordu. AYNI SEKME — burada
         doldurulmuş bir form yok, kaybedilecek bir şey yok (bkz. _shared.php).
         ⚠ PHP yorumu, CSS yorumu DEĞİL: <style> bloğundaki bir yorum servis
         edilen HTML'e AYNEN basılır. Aynı hata alt bilgide düzeltilmişti,
         burada gözden kaçmıştı (CC-62 §4). */
.calc-gtip-ipucu { background:#f5f9fd; border-left:3px solid #0061ff; border-radius:0 8px 8px 0; padding:14px 18px; margin-bottom:28px; color:#3a4a5d; font-size:.9375rem; line-height:1.6; }
.calc-gtip-ipucu a { color:#0061ff; font-weight:600; }