@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&display=swap");

/* الأساسيات */
.gradio-container {
    background: #f9fafb !important;
    font-family: "Noto Sans Arabic", sans-serif !important;
}

/* البلوكات والحاويات */
.block.svelte-11xb1hd {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    overflow: visible !important;
}

/* العناوين */
span.svelte-1gfkn6j {
    color: #5046e5 !important;
    font-size: 15px !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* حقول النص */
textarea.svelte-173056l {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 15px !important;
    direction: rtl !important;
}

/* مربعات الأرقام */
input[type="number"].svelte-10lj3xl {
    background: #28ae66 !important;
    color: white !important;
    border: none !important;
    border-radius: 10px !important;
    width: 60px !important;
    text-align: center !important;
}

/* زر الريست */
.reset-button.svelte-10lj3xl {
    padding: 3px 8px !important;
    font-size: 14px !important;
    background: transparent !important;
    border: 1px solid #5046e5 !important;
    color: #5046e5 !important;
    border-radius: 5px !important;
}

/* السلايدر */
input[type="range"] {
    accent-color: #5046e5 !important;
}

/* معالجة مشكلة الحاوية المتكررة */
.form.svelte-633qhp {
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* نص العنوان */
.gradio-container h1 {
    color: #5046e5 !important;
    text-align: center !important;
}

/* الأزرار */
button.lg.primary {
    background-color: #5046e5 !important;
}

button.lg.secondary {
    background-color: #6b7280 !important;
}

/* معالجة ظهور الحاويات المتكررة */
.block.svelte-11xb1hd.padded.auto-margin {
    overflow: hidden !important;
    margin-bottom: 20px !important;
}