.faraid-app .faraid-app-container{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr;gap:16px}.faraid-app .card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 20px rgb(0 0 0 / .08)}@media (min-width:768px){.faraid-app .faraid-app-container{grid-template-columns:1fr}}.faraid-app #resultCard{display:none;grid-column:1 / -1}.faraid-app label{font-weight:600;font-size:14px;color:#374151;display:block;margin-bottom:6px}.faraid-app input[type="number"]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.faraid-app input[type="number"]:focus{outline:none;border-color:#10b981}.faraid-app .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.faraid-app .gender-toggle{display:flex;gap:12px;margin-bottom:12px}.faraid-app .gender-toggle label{display:flex;align-items:center;gap:6px;background:#f3f4f6;padding:8px 12px;border-radius:999px;cursor:pointer}.faraid-app .gender-toggle input{accent-color:#36a2eb}.faraid-app input[type="checkbox"]{accent-color:#36a2eb}.faraid-app button{width:100%;margin-top:14px;padding:10px;background:linear-gradient(135deg,#36a2eb,#36a2eb);color:#fff;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.faraid-app button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgb(54 162 235 / .35)}.faraid-app .lang-switch{display:flex;gap:8px;margin:10px 0}.faraid-app .lang-btn{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;padding:6px 10px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.faraid-app .lang-btn:hover{background:#e2e8f0}.faraid-app .lang-btn.active{background:#36a2eb;color:#fff;border-color:#36a2eb;font-weight:700}.faraid-app .result-title{font-weight:800;margin-bottom:10px;color:#065f46}.faraid-app .heir{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #e5e7eb;font-size:14px}.faraid-app .amount{font-weight:700}.faraid-app .amount.spouse{color:#047857}.faraid-app .amount.child{color:#1d4ed8}.faraid-app .amount.parent{color:#b45309}.faraid-app .amount.sibling{color:#be123c}.faraid-app .explain{background:#f0fdf4;border-left:4px solid #10b981;padding:10px;margin-top:12px;font-size:13px}.faraid-app .explain ul{padding-left:18px;margin:6px 0 0}.faraid-app .ayat{margin-top:12px;font-size:13px;font-style:italic;color:#374151}.faraid-app .disclaimer{margin-top:12px;padding:10px;background:#fff7ed;font-style:;border-left:3px solid #f59e0b;font-size:12px;line-height:1.5;color:#78350f}.faraid-app canvas{max-width:100%;margin-bottom:12px}