/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2025 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github 代码仓库：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */

/* —— 表格用户摘要 —— */
.think-user {
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.35;
    text-align: left;
    padding: 0;
}
.think-user-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 38px;
    background: #eef2f7;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(15, 37, 64, .08);
}
.think-user-avatar-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .02em;
}
.think-user-meta {
    min-width: 0;
    flex: 1;
}
.think-user-title {
    color: #0f2540;
    font-weight: 600;
    font-size: 13.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.think-user-sub {
    color: #8a94a6;
    font-size: 12px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.think-user-id {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #6b7c93;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    max-width: 100%;
    line-height: 1.35;
}
.think-user-id .think-copy-text {
    font-family: inherit;
    font-size: 11px;
    letter-spacing: 0;
    color: inherit;
}
.think-user-id .layui-icon {
    font-size: 12px;
    color: #8ea0b8;
}
.think-user-id:hover {
    color: #0f2540;
}
.think-user-id:hover .layui-icon {
    color: #3d7eff;
}

/* 可复制文本 */
.think-copy {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #5b6b82;
    cursor: pointer;
    user-select: none;
    max-width: 100%;
}
.think-copy:hover {
    color: #0f2540;
}
.think-copy .layui-icon {
    font-size: 13px;
    color: #9aabbf;
    flex: 0 0 auto;
}
.think-copy:hover .layui-icon {
    color: #3d7eff;
}
.think-copy-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12.5px;
    letter-spacing: -.01em;
}

/* 金额 / 空值 */
.think-amount {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #0f2540;
    font-size: 13.5px;
}
.think-amount.pos { color: #158750; }
.think-amount.neg { color: #c73f27; }
.think-muted { color: #9aa8ba; }

/* 统一状态标签 */
.think-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
    white-space: nowrap;
    letter-spacing: .01em;
}
.think-tag.ok { background: #e8f7ef; color: #158750; }
.think-tag.warn { background: #fff4e8; color: #c45d12; }
.think-tag.info { background: #eef4ff; color: #2f5fbf; }
.think-tag.danger { background: #fdecea; color: #c73f27; }
.think-tag.neutral { background: #f1f3f6; color: #64748b; }
.think-tag.cyan { background: #eef8ff; color: #0f7a9c; }

.order-progress {
    margin-left: 6px;
    color: #8a98ad;
    font-size: 12px;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
}

.think-stack {
    line-height: 1.35;
    min-width: 0;
    text-align: center;
}
.think-stack-main {
    color: #0f2540;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.think-stack-sub {
    margin-top: 3px;
    color: #8a94a6;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.layui-table-view.think-table-user .layui-table-body .layui-table-cell[align="center"] .think-stack {
    width: 100%;
}

.think-points {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #0f2540;
    font-size: 13.5px;
}

/* 含用户摘要的表格：行高适配三行信息 */
.layui-table-view.think-table-user .layui-table-body td {
    vertical-align: middle;
}
.layui-table-view.think-table-user .layui-table-body .layui-table-cell {
    height: 84px !important;
    min-height: 84px;
    line-height: normal !important;
    white-space: normal !important;
    overflow: hidden;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
/* layui 把 align 写在 .layui-table-cell 上，不是 td */
.layui-table-view.think-table-user .layui-table-body .layui-table-cell[align="center"] {
    justify-content: center;
    text-align: center;
}
.layui-table-view.think-table-user .layui-table-body .layui-table-cell[align="left"] {
    justify-content: flex-start;
    text-align: left;
}
.layui-table-view.think-table-user .layui-table-body .layui-table-cell .think-user {
    width: 100%;
}
.layui-table-view.think-table-user .layui-table-header .layui-table-cell {
    height: 42px !important;
    line-height: 30px !important;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #5b6b82;
    font-weight: 600;
}
.layui-table-view.think-table-user .layui-table-body tr:hover td {
    background: #f7f9fc !important;
}

/* 无用户栏的普通列表：表头/居中列统一居中 */
.layui-table-view.think-table-center .layui-table-header .layui-table-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #5b6b82;
    font-weight: 600;
}
.layui-table-view.think-table-center .layui-table-body .layui-table-cell[align="center"] {
    text-align: center;
}
.layui-table-view.think-table-center .layui-table-body .layui-table-cell[align="left"] {
    text-align: left;
    justify-content: flex-start;
}
.layui-table-view.think-table-center .layui-table-body tr:hover td {
    background: #f7f9fc !important;
}

/* 双字段堆叠（如名称+slug、金额+划线价）时加大行高 */
.layui-table-view.think-table-stack .layui-table-body td {
    vertical-align: middle;
}
.layui-table-view.think-table-stack .layui-table-body .layui-table-cell {
    height: 58px !important;
    min-height: 58px;
    line-height: normal !important;
    white-space: normal !important;
    overflow: hidden;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.layui-table-view.think-table-stack .layui-table-body .layui-table-cell[align="center"] {
    justify-content: center;
    text-align: center;
}
.layui-table-view.think-table-stack .layui-table-body .layui-table-cell[align="left"] {
    justify-content: flex-start;
    text-align: left;
}
.layui-table-view.think-table-stack .layui-table-header .layui-table-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #5b6b82;
    font-weight: 600;
}
