/* Styles moved from workspace.js */

/* Tweaks Panel UI */
.twk-sec-label, .stwk-sec { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: rgba(0,0,0,.35); padding-bottom: 2px; border-bottom: .5px solid rgba(0,0,0,.08); }
.twk-seg, .stwk-seg { flex: 1; padding: 4px 0; border-radius: 5px; border: 1px solid rgba(0,0,0,.1); background: transparent; font-family: inherit; font-size: 11.5px; font-weight: 500; color: #555; cursor: pointer; transition: background-color .12s ease, color .12s ease, border-color .12s ease, opacity .12s ease; }
.twk-seg.active, .stwk-seg.active { background: var(--blue); color: #fff; border-color: var(--blue); }
.twk-color, .stwk-color { width: 24px; height: 24px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; transition: background-color .12s ease, color .12s ease, border-color .12s ease, opacity .12s ease; outline: none; }
.twk-color.active, .stwk-color.active { border-color: #fff; box-shadow: 0 0 0 2.5px var(--blue); }
.twk-toggle, .stwk-toggle { position: relative; display: inline-block; width: 34px; height: 20px; flex-shrink: 0; }
.twk-toggle input, .stwk-toggle input { opacity: 0; width: 0; height: 0; }

#twk-panel {
    display: none;
    flex-direction: column;
    position: fixed;
    z-index: 1000;
}

#twk-panel.active {
    display: flex;
}

#twk-hd {
    cursor: move;
    user-select: none;
}

/* Lead Dashboard - Full Queue Table Repair */
.full-queue-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 16px;
}

.full-queue-table th,
.full-queue-table td {
    padding: 9px 10px;
    text-align: left;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    min-width: 0;
}

/* Column Width Definitions (9-column system) */
.full-queue-table th:nth-child(1), .full-queue-table td:nth-child(1) { width: 82px; }  /* ID */
/* Column 2 (Subject) is flexible - no width set */
.full-queue-table th:nth-child(3), .full-queue-table td:nth-child(3) { width: 150px; } /* Клиент */
.full-queue-table th:nth-child(4), .full-queue-table td:nth-child(4) { width: 112px; } /* Приоритет */
.full-queue-table th:nth-child(5), .full-queue-table td:nth-child(5) { width: 92px; }  /* SLA */
.full-queue-table th:nth-child(6), .full-queue-table td:nth-child(6) { width: 108px; } /* Статус */
.full-queue-table th:nth-child(7), .full-queue-table td:nth-child(7) { width: 150px; } /* Исполнитель */
.full-queue-table th:nth-child(8), .full-queue-table td:nth-child(8) { width: 52px; text-align: center; }  /* Кан. */

.full-queue-table th:nth-child(9), 
.full-queue-table td:nth-child(9) { 
    width: 180px; 
    text-align: right; 
    overflow: visible; 
}

.full-queue-table .row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: nowrap;
}

.full-queue-table .btn-xs {
    padding: 3px 6px;
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Standardized SLA Violation Badge */
.sla-breached-badge,
.srr-timer.breached-lbl,
.status-chip.violated {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 6px;
    border-radius: 6px;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #B42318;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    box-shadow: none;
}

.full-queue-table td:nth-child(8) svg,
.full-queue-table td:nth-child(9) svg {
    display: inline-block;
    vertical-align: middle;
}