/**
 * CSGOJ 设计 token（叠在 Bootstrap 5 之上，不另起 UI 库）。
 * 气质：紧凑、小圆角、浅底细边、纯色。禁渐变、玻璃拟态、胶囊、实心大 badge 混用。
 *
 * 业务页优先用这些变量与原语（.csg-tag / .csg-cell-action / .csg-panel*），不要按列各抄一套 Bootstrap 组件。
 */

:root {
    --csg-radius: 2px;
    --csg-radius-tight: 1px;

    --csg-text: #212529;
    --csg-text-muted: #6c757d;
    --csg-line: var(--bs-border-color, #dee2e6);
    --csg-surface: #fff;
    --csg-surface-muted: #f8f9fa;

    --csg-ok: #146c43;
    --csg-ok-bg: #eef8f2;
    --csg-ok-bd: #8fc9a8;

    --csg-danger: #b42318;
    --csg-danger-bg: #fdf2f1;
    --csg-danger-bd: #e8a39c;

    --csg-warn: #9a3412;
    --csg-warn-bg: #fdf6ee;
    --csg-warn-bd: #e4b98a;

    --csg-info: #1e4b7a;
    --csg-info-bg: #f0f6fc;
    --csg-info-bd: #8ab0d4;

    --csg-muted: #5c6570;
    --csg-muted-bg: #f4f5f6;
    --csg-muted-bd: #c5c9ce;

    --csg-dur-fast: 160ms;
    --csg-dur: 280ms;
    --csg-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --csg-dur-fast: 1ms;
        --csg-dur: 1ms;
    }
}

/**
 * 表格里可点的正文（打开详情等）。继承单元格字色，不要做成蓝链接或按钮。
 */
.csg-cell-action {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.35;
}
a.csg-cell-action:link,
a.csg-cell-action:visited {
    color: inherit;
    text-decoration: none;
}
.csg-cell-action:hover,
.csg-cell-action:focus-visible {
    color: var(--bs-primary);
    text-decoration: none;
}
.csg-cell-action:focus-visible {
    outline: 1px solid var(--bs-primary);
    outline-offset: 1px;
}