/* asm-dashboard/assets/css/asm-settings-css.css (FINAL ADJUSTMENTS) */

/* Tabs को Horizontal (साइड-बाय-साइड) दिखाने के लिए */
.asm-dashboard-content .nav-tab-wrapper {
    display: flex !important; 
    flex-wrap: wrap !important; 
    margin-bottom: 15px; /* मार्जिन थोड़ा कम किया */
    border-bottom: 1px solid #ccc; 
    padding-bottom: 0 !important; 
}

/* हर टैब को लाइन में दिखाएँ */
.asm-dashboard-content .nav-tab {
    display: block !important;
    float: none !important;
    
    /* ⭐ मुख्य सुधार: पैडिंग और फ़ॉन्ट साइज़ कम करें */
    padding: 6px 12px !important; /* पैडिंग कम की (पहले 8px 15px था) */
    font-size: 14px !important; /* फ़ॉन्ट साइज़ छोटा किया */
    
    margin: 0 4px 0 0 !important; /* मार्जिन कम किया */
    text-decoration: none !important;
    border: 1px solid transparent !important; 
    border-bottom: none !important;
    background: #f7f7f7 !important;
    transition: background-color 0.2s; 
}

/* Active Tab को हाइलाइट करें */
.asm-dashboard-content .nav-tab-active {
    background-color: #fff !important;
    border-color: #ccc !important;
    border-bottom: 1px solid #fff !important;
}

/* बटन के रूप में दिखने वाले टेक्स्ट को ठीक करें */
.asm-dashboard-content h3.nav-tab-wrapper a {
    font-weight: 500 !important;
    color: #333 !important;
    line-height: normal !important; 
}