.st-badges { display: flex; gap: 8px; margin: 12px 0; }
.st-badge { background: #EEF1EA; color: #5B5F56; font-size: 16px; padding: 5px 10px; border-radius: 7px; }
.st-badge strong { color: #20261F; font-weight: 600; }

.st-tabs { display: flex; gap: 8px; margin: 0 0 12px; }
.st-tab-btn {
    background: #FFFFFF;
    border: 1px solid #D8DAD3;
    color: #3F423B;
    padding: 7px 14px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}
.st-tab-btn:hover:not(:disabled) { border-color: #1B6B4A; color: #1B6B4A; }
.st-tab-btn:disabled {
    background: #EAEBE5;
    border-color: #EAEBE5;
    color: #9A9C94;
    cursor: not-allowed;
}

#st-grid-header, .st-row {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1.8fr 100px 130px 90px 90px 130px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
}
#st-grid-header {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #8A8D85;
    border-bottom: 1px solid #E3E5DF;
}
.st-row { border-bottom: 1px solid #EDEEE9; font-size: 16px; }
.st-row.muted { color: #A3A69D; }
.st-client { font-weight: 500; color: #20261F; }
.st-row.muted .st-client { color: #A3A69D; }
.st-pill { display: inline-flex; align-items: center; gap: 5px; font-size: 16px; font-weight: 500; padding: 3px 9px; border-radius: 20px; }
.st-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }

.st-pri-urgent { background: #DC2626; color: #fff; }
.st-pri-high   { background: #FDECEA; color: #B91C1C; }
.st-pri-normal { background: #E8F0FC; color: #1D4E8F; }
.st-pri-low    { background: #F1F2EE; color: #5B5F56; }
.st-pri-muted  { background: #EEEFEA; color: #8A8D85; }

.st-dot-high   { background: #DC2626; }
.st-dot-normal { background: #3B7ADD; }
.st-dot-low    { background: #8A8D85; }
.st-dot-muted  { background: #B4B6AE; }