/* ===============================
   TAB BAR — ID override (must match spa.css height)
================================= */

#acc-tabbar {
    /* ارث‌بری از .acc-tabbar در spa.css */
}


/* ===============================
   TAB ITEM — فوق‌فشرده
================================= */

.acc-tab {
    display:     inline-flex;
    direction:   rtl;             /* داخل تب هم RTL — عنوان راست، × چپ */
    align-items: center;
    gap:         4px;

    background:    #2d3748;
    border:        1px solid #374151;
    border-bottom: none;
    border-radius: 4px 4px 0 0;

    padding:    2px 7px;
    font-size:  11px;
    height:     24px;
    box-sizing: border-box;
    white-space:nowrap;
    max-width:  160px;

    cursor:     pointer;
    transition: background .12s;
    flex-shrink:0;
}

.acc-tab:hover {
    background: #374151;
}


/* ===============================
   ACTIVE TAB
================================= */

.acc-tab.active {
    background: #f0f6ff;
    border-color: #3b82f6;
    color: #1e40af;
}

.acc-tab.active .tab-title {
    color: #1e40af;
}


/* ===============================
   TAB TITLE
================================= */

.tab-title {
    font-weight:   600;
    color:         #cbd5e1;
    font-size:     11px;
    max-width:     110px;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
    flex-shrink:   0;
}


/* دکمه‌های close/refresh به هدر ویو (bv-hdr) منتقل شدند */