.m11-workspace-list {
    overflow: hidden;
    border: 1px solid var(--dq-line);
    border-radius: 7px;
    background: #fff;
    box-shadow: var(--dq-shadow);
}
.m11-workspace-list-head,
.m11-workspace-row {
    display: grid;
    grid-template-columns: minmax(180px, 1.6fr) minmax(140px, 1.2fr) 90px 90px 120px 82px;
    gap: 8px;
    align-items: center;
}
.m11-workspace-list-head {
    min-width: 760px;
    padding: 8px 10px;
    background: #f7f8fa;
    color: #79838a;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.m11-workspace-row {
    min-width: 760px;
    min-height: 48px;
    padding: 7px 10px;
    border-top: 1px solid #edf0f2;
    color: #465159;
    text-decoration: none;
    font-size: 10px;
}
.m11-workspace-row:hover { background: #fafbfd; }
.m11-workspace-row > strong { color: #313a40; font-size: 10px; }
.m11-workspace-row > b { color: var(--dq-blue); font-size: 8px; text-align: right; }
.m11-workspace-row i { font-style: normal; }
.m11-workspace-client { min-width: 0; display: flex; align-items: center; gap: 8px; }
.m11-workspace-client strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #263038; }
.m11-client-mark { width: 26px; height: 26px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 6px; background: #e6f3f0; color: var(--dq-green-dark); font-size: 9px; font-weight: 900; }
@media (max-width: 820px) { .m11-workspace-list { overflow-x: auto; } }