/* Settings content polish: consistent spacing and readable form layout */

/* Content padding and base line-height */
.tk-area-settings > .tk-tab > .tk-content {
    padding: 24px !important;
    line-height: 1.45 !important;
}

/* Group cards breathing room */
.tk-area-settings .tk-setting-group {
    margin-bottom: 20px !important;
}

/* Individual setting rows: align label/content and reduce clutter */
.tk-area-settings .tk-input-setting {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

.tk-area-settings .tk-input-setting > .tk-setting-content {
    flex: 0 0 320px !important;
    max-width: 360px !important;
}

.tk-area-settings .tk-input-setting > .input {
    flex: 1 1 auto !important;
    min-width: 280px !important;
}

.tk-area-settings .tk-input-setting h3 {
    font-size: 15px !important;
    margin: 0 0 6px !important;
}

.tk-area-settings .tk-input-setting p {
    margin: 0 0 8px !important;
    color: #6b7280 !important;
}

/* Inputs: ensure consistent control heights */
.tk-area-settings input[type="text"],
.tk-area-settings input[type="number"],
.tk-area-settings input[type="email"],
.tk-area-settings input[type="url"],
.tk-area-settings select,
.tk-area-settings textarea {
    min-height: 38px !important;
}

/* Compact switch/checkbox lists */
.tk-area-settings .tk-select ul li,
.tk-area-settings .tk-radio ul li {
    padding: 10px 12px !important;
}

/* RTL tweaks for labels */
[dir="rtl"] .tk-area-settings .tk-input-setting > .tk-setting-content {
    text-align: right !important;
}

@media (max-width: 900px) {
    .tk-area-settings .tk-input-setting {
        flex-direction: column !important;
    }
    .tk-area-settings .tk-input-setting > .tk-setting-content,
    .tk-area-settings .tk-input-setting > .input {
        max-width: 100% !important;
        flex: 1 1 auto !important;
    }
}