/* İhbar Tazminatı — İş Hayatı #303F9F (lacivert) */
/* Tab + Receipt list ortak (.calc-tabs / .calc-result-list / .calc-headline-result) calculator.css'te */

.notice-calc .notice-row.calc-input-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; margin-bottom: 1.25rem; align-items: start; }
.notice-calc .calc-input-col label { display: flex; align-items: center; gap: 6px; min-height: 22px; }
.notice-calc .calc-input-col select.calc-field, .notice-calc .calc-input-col input.calc-field { width: 100%; padding: 0.75rem 1rem; font-size: 1rem; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fff; height: 46px; font-family: inherit; }
.notice-calc .calc-input-col select.calc-field { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 2rem; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23303F9F' d='M8 11L3 6h10z'/></svg>"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 14px; }
.notice-calc .calc-input-col input.calc-field:focus, .notice-calc .calc-input-col select.calc-field:focus { outline: none; border-color: var(--cat-bg, #303F9F); box-shadow: 0 0 0 3px rgba(48, 63, 159, 0.15); }
.notice-calc .calc-input-col label { display: block; margin-bottom: 0.5rem; font-weight: 700; color: #1e293b; font-size: 0.95rem; }
.notice-calc .ntc-cumulative-hint { display: block; font-size: 0.75rem; color: #64748b; margin-top: 0.4rem; line-height: 1.3; min-height: 1em; }

/* Tab/headline/result-list için kategori rengi */
.notice-calc { --cat-bg: #303F9F; --cat-bg-dark: #1A237E; }

/* EK ÖDENEKLER — kıdem ile aynı pattern */
.notice-calc .ntc-allowances { margin: 1rem 0 1.25rem; padding: 18px; background: #fff; border: 1px dashed #303F9F40; border-radius: 12px; }
.notice-calc .ntc-allowances-info { background: #FFF8E1; border: 1px solid #FFE082; border-radius: 8px; padding: 10px 14px; margin-bottom: 12px; font-size: 0.88rem; color: #5d4037; line-height: 1.55; }
.notice-calc .ntc-allowances-info strong { display: block; color: #303F9F; margin-bottom: 4px; }
.notice-calc .ntc-allowances-info em { color: #303F9F; font-style: normal; font-weight: 600; }
.notice-calc #ntc-allowances-list { display: flex; flex-direction: column; gap: 10px; }
.notice-calc .allowance-row { display: grid; grid-template-columns: 2fr 1fr 1.3fr 40px; gap: 10px; align-items: center; padding: 10px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; animation: ntcAllowanceFadeIn 0.25s ease; }
@keyframes ntcAllowanceFadeIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
.notice-calc .allowance-row input, .notice-calc .allowance-row select { width: 100%; padding: 0.55rem 0.8rem; font-size: 0.93rem; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; height: 40px; font-family: inherit; }
.notice-calc .allowance-row .input-with-symbol { position: relative; }
.notice-calc .allowance-row .input-with-symbol .suffix { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #64748b; font-weight: 600; pointer-events: none; }
.notice-calc .allowance-row .input-with-symbol input { padding-right: 26px; }
.notice-calc .allowance-remove { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; border-radius: 6px; width: 40px; height: 40px; cursor: pointer; transition: opacity 0.15s; display: flex; align-items: center; justify-content: center; }
.notice-calc .allowance-remove:hover { opacity: 0.75; }
.notice-calc .ntc-allowances-add-wrapper { display: flex; justify-content: center; margin-top: 12px; }
.notice-calc .ntc-allowance-add-btn { background: #303F9F; color: #fff; border: none; padding: 10px 22px; font-size: 0.95rem; font-weight: 700; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: opacity 0.15s; font-family: inherit; }
.notice-calc .ntc-allowance-add-btn:hover { opacity: 0.85; }
.notice-calc .ntc-allowance-add-btn i { font-size: 1.1rem; }

/* Sonuç tab içindeki section card'lar (Vergi + GV Dilim) */
.notice-calc .ntc-section-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 0; margin-top: 1rem; overflow: hidden; }
.notice-calc .ntc-section-title { font-size: 1.05rem; font-weight: 700; color: #303F9F; margin: 0; padding: 14px 18px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 0.5rem; }

/* Ek ödenekler dökümü */
.notice-calc .ntc-breakdown { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; margin-top: 1rem; }
.notice-calc .ntc-breakdown h4 { margin: 0; padding: 12px 16px; background: #f8fafc; font-size: 0.95rem; font-weight: 700; color: #303F9F; border-bottom: 1px solid #e2e8f0; }

/* Vergi toplam satırı */
.notice-calc .ntc-tax-total { background: #fef9c3; }
.notice-calc .ntc-tax-total td { font-weight: 700; font-size: 1.02rem; }

/* GV Dilim aktif satır */
.notice-calc .bracket-active { background: rgba(48,63,159,0.07); }
.notice-calc .bracket-active td { font-weight: 700; color: #303F9F; }
.notice-calc .bracket-active td.bracket-marker { color: #16a34a; font-weight: 800; }

@media (max-width: 1024px) {
    .notice-calc .notice-row.calc-input-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .notice-calc .notice-row.calc-input-row { grid-template-columns: 1fr; gap: 1rem; }
    .notice-calc .allowance-row { grid-template-columns: 1fr 1fr; gap: 8px; }
    .notice-calc .allowance-row > .input-with-symbol { grid-column: span 2; }
    .notice-calc .allowance-remove { grid-column: span 2; height: 36px; }
}