/* =========================================================================
   Finance Tools — shared styles for all calculators (زكاة/ضريبة/إهلاك/نهاية خدمة/قروض/ضريبة قيمة مضافة)
   Palette matches the site: button/CTA red #e53935, brand accent orange #ec6a2b.
   Prefix: ft- (finance-tools). Mirrors the .lc- classes built for the loan calculator.
   ========================================================================= */
.ft-wrap{max-width:980px;margin:0 auto;}
.ft-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,0.05);margin-bottom:24px;}
.ft-label{font-weight:600;margin-bottom:8px;display:block;font-size:14px;color:#333;}
.ft-hint{font-size:12px;color:#999;margin-top:6px;display:block;}
.ft-input, .ft-select{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .15s;background:#fff;color:#212121;}
.ft-input:focus, .ft-select:focus{outline:none;border-color:#ec6a2b;box-shadow:0 0 0 3px rgba(236,106,43,0.12);}
.ft-row{display:flex;gap:10px;}
.ft-row .ft-input{flex:1;}
.ft-row .ft-select{flex:0 0 120px;}
.ft-field{margin-bottom:20px;}
.ft-checkbox-line{font-size:13px;color:#666;margin-top:8px;display:flex;align-items:center;gap:6px;}
.ft-btn{display:inline-block;padding:14px 40px;border:2px solid #e53935;background:#e53935;color:#fff;font-weight:700;font-size:15px;border-radius:8px;cursor:pointer;transition:all .25s ease;font-family:'DroidKufi',sans-serif;}
.ft-btn:hover{background:transparent;color:#e53935;}
.ft-btn-outline{display:inline-block;padding:11px 22px;border:1px solid #ddd;background:#fff;color:#444;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s;}
.ft-btn-outline:hover{border-color:#ec6a2b;color:#ec6a2b;}
.ft-btn-outline:disabled{opacity:.6;cursor:default;}
.ft-err{color:#c0392b;font-size:14px;margin-top:14px;padding:12px 16px;background:#fdecea;border-radius:8px;display:none;}
.ft-main-result{background:linear-gradient(135deg,#fff8f2,#fff2e8);border:1px solid #ffe1c9;border-radius:12px;padding:28px;text-align:center;margin-bottom:20px;}
.ft-main-result .ft-mr-label{font-size:14px;color:#888;margin-bottom:6px;}
.ft-main-result .ft-mr-value{font-size:38px;font-weight:800;color:#ec6a2b;line-height:1.2;}
.ft-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;}
.ft-metrics.ft-metrics-2{grid-template-columns:repeat(2,1fr);}
.ft-metric{background:#fafafa;border-radius:10px;padding:16px;text-align:center;}
.ft-metric .ft-m-label{font-size:12px;color:#999;margin-bottom:6px;}
.ft-metric .ft-m-value{font-size:18px;font-weight:700;color:#212121;}
.ft-chart-row{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:center;margin-bottom:10px;}
.ft-legend{display:flex;align-items:center;gap:8px;font-size:14px;color:#444;margin-bottom:8px;}
.ft-legend .dot{width:12px;height:12px;border-radius:50%;display:inline-block;}
.ft-note-box{border-radius:10px;padding:16px 20px;margin-bottom:20px;font-size:14px;line-height:1.8;}
.ft-note-green{background:#f0fff4;border:1px solid #c8f0d4;color:#1e7e34;}
.ft-note-gray{background:#f7f7f7;border:1px solid #eee;color:#555;}
.ft-alert-warning{background:#fff9e6;border:1px solid #ffe58f;border-radius:8px;padding:15px 18px;margin-bottom:25px;font-size:14px;color:#5c4a00;line-height:1.8;}
.ft-alert-info{background:#f7f9ff;border:1px solid #dde5ff;border-radius:8px;padding:15px 18px;margin-bottom:25px;font-size:14px;color:#444;line-height:1.8;}
.ft-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;}
.ft-accordion-head{cursor:pointer;background:#f7f7f7;padding:14px 18px;border-radius:8px;font-weight:700;display:flex;justify-content:space-between;align-items:center;user-select:none;}
.ft-accordion-body{display:none;overflow-x:auto;margin-top:12px;}
.ft-table{width:100%;border-collapse:collapse;font-size:13px;}
.ft-table th{background:#f7f7f7;padding:10px;text-align:center;border-bottom:2px solid #eee;position:sticky;top:0;}
.ft-table td{padding:9px 10px;text-align:center;border-bottom:1px solid #f2f2f2;}
.ft-table tbody tr:hover{background:#fffaf5;}
.ft-progress-wrap{margin-bottom:22px;}
.ft-progress-labels{display:flex;justify-content:space-between;font-size:13px;color:#666;margin-bottom:6px;}
.ft-progress-track{background:#f0f0f0;border-radius:20px;height:14px;overflow:hidden;}
.ft-progress-fill{background:linear-gradient(90deg,#ec6a2b,#e53935);height:100%;border-radius:20px;transition:width .3s ease;}
.ft-preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.ft-preset-btn{padding:8px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;font-size:13px;cursor:pointer;color:#444;transition:all .15s;}
.ft-preset-btn:hover, .ft-preset-btn.active{border-color:#ec6a2b;color:#ec6a2b;background:#fff8f2;}
.ft-legal-footnote{margin-top:10px;font-size:13px;color:#999;}
.ft-related{margin:28px 0 10px;}
.ft-related-title{font-size:14px;font-weight:700;color:#555;margin-bottom:12px;}
.ft-related-row{display:flex;gap:10px;flex-wrap:wrap;}
.ft-related-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #eee;border-radius:20px;background:#fafafa;color:#444;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;}
.ft-related-link:hover{border-color:#ec6a2b;color:#ec6a2b;background:#fff8f2;text-decoration:none;}
@media (max-width:767px){
    .ft-metrics{grid-template-columns:1fr;}
    .ft-row{flex-wrap:wrap;}
    .ft-table{font-size:12px;}
    .ft-table th, .ft-table td{padding:6px 4px;}
}
@media print{
    .no-print{display:none !important;}
    .breadcrumbs-area, header, footer{display:none !important;}
    .ft-accordion-body{display:block !important;}
}