styled.css

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

/* الأساسيات */
body {
    background: #ffffff !important;
    color: #22228e !important;
}

.gradio-container {
    background: white !important;
    font-family: "Noto Sans Arabic", sans-serif !important;
    color: rgb(78, 46, 220) !important;

}

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

/* تعطيل خلفية div.svelte-633qhp */
div.svelte-633qhp {
    background: none !important;
    display: flex;
    flex-direction: inherit;
    flex-wrap: wrap;
    gap: var(--form-gap-width);
    box-shadow: var(--block-shadow);
    border: var(--block-border-width) solid var(--block-border-color);
    border-radius: var(--block-radius);
}

/* العناوين */
span.svelte-1gfkn6j {
    background: rgb(52 45 152) !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: #22228e !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: #22228e !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: rgb(78, 46, 220) !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;
}

input.svelte-173056l.svelte-173056l, 
textarea.svelte-173056l.svelte-173056l {
    flex-grow: 1 !important;
    outline: none !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    resize: none !important;
    z-index: 1 !important;
    display: block !important;
    position: relative !important;
    padding: var(--input-padding) !important;
    width: 100% !important;
    color: #191996 !important;
    font-weight: var(--input-text-weight) !important;
    font-size: var(--input-text-size) !important;
    line-height: var(--line-sm) !important;
    border: none !important;
}