::placeholder{
    font-size: 10px;
}
BODY{
    font-size: 13px;
}
.tk__authenticate__form {
    padding: 80px 0 50px;
    background: var(--bs-gray-dark);
}
.tk__authenticate__form .container{
    max-width: 350px;
    border-radius: 10px;
}
.tk__authenticate__form form{
    padding: 10px 0 0;
}
.tk__authenticate__form .wrapper p {
    font-size: 11px;
    margin-bottom: 30px;
}
.tk__authenticate__form input[type=email],
.tk__authenticate__form input[type=text],
.tk__authenticate__form input[type=password]{
    font-size: 14px;
    line-height: 2.3;
}

.app-page-contents input[type=text],
.app-page-contents input[type=tel],
.app-page-contents input[type=email],
.app-page-contents textarea,
.app-page-contents select{
    font-size: 13px;
    line-height: 2.3;
}


/* ========================================
   حل السكرول الأفقي للداشبورد
   ======================================== */

/* السكرول الأفقي للمحتوى الرئيسي */
.app-main__outer {
    overflow-x: auto;
    overflow-y: visible;
}

.app-main__inner {
    min-width: fit-content;
}

/* تحسين شكل السكرول بار */
.app-main__outer::-webkit-scrollbar {
    height: 8px;
}

.app-main__outer::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.app-main__outer::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.app-main__outer::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* للتأكد من أن المحتوى لا يتقطع */
.app-page-title,
.app-page-contents {
    min-width: fit-content;
}

/* حل للجداول - تأكد من عدم الضغط */
.table-responsive-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* للشاشات الصغيرة */
@media (max-width: 768px) {
    .app-main__inner {
        min-width: 100%;
        width: 100%;
    }

    .app-page-contents {
        min-width: 100%;
    }
}