/* ============================================================
 * CareBox 后台 SP 模块美化 + 弹窗样式
 * 由 app/Admin/bootstrap.php 全局注册（Admin::css）
 * ============================================================ */

/* ----- 详情弹窗尺寸与滚动 ----- */
.cb-modal .modal-dialog {
    max-width: 960px;
}
.cb-modal .modal-body {
    max-height: 74vh;
    overflow-y: auto;
    padding: 18px 22px;
}
.cb-modal .modal-title {
    font-weight: 700;
    color: var(--cb-text);
}

/* ----- 弹窗内下钻面包屑 ----- */
.cb-crumb {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #eee;
}
.cb-crumb a {
    color: var(--cb-primary);
    cursor: pointer;
}
.cb-crumb .cb-crumb-sep {
    color: #ccc;
}
.cb-crumb .cb-crumb-cur {
    color: var(--cb-text);
    font-weight: 600;
}

/* ----- 分区卡片（在弹窗内时增加卡片感） ----- */
.cb-modal .mt-3.mb-4 {
    background: #fff;
    border: 1px solid var(--cb-border);
    border-radius: var(--cb-radius-sm);
    padding: 12px 14px 4px;
    box-shadow: var(--cb-shadow-sm);
}
.cb-modal .mt-3.mb-4 h5 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

/* ----- 表格统一 ----- */
.cb-modal .table th,
.cb-modal .table td {
    vertical-align: middle;
}
.cb-modal .table-bordered th[style*="fafafa"] {
    color: #666;
    font-weight: 600;
}

/* ----- 关联信息区 ----- */
.cb-related-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cb-related-group {
    border: 1px solid var(--cb-border);
    border-radius: var(--cb-radius-sm);
    padding: 10px 12px;
    background: #fcfcfd;
}
.cb-related-title {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
}
.cb-related-title .badge-light {
    border: 1px solid #e5e5e5;
}
.cb-related-empty {
    font-size: 12px;
    padding: 2px 0;
}
.cb-related-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cb-related-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #fff;
    border: 1px solid var(--cb-border);
    border-radius: 6px;
    padding: 6px 10px;
}
.cb-related-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}
.cb-related-label {
    font-weight: 600;
    color: #333;
    word-break: break-all;
}
.cb-related-meta {
    font-size: 12px;
    color: #999;
    word-break: break-all;
}
.cb-drill {
    white-space: nowrap;
    flex-shrink: 0;
}

/* ----- 弹窗加载/错误态 ----- */
.cb-loading,
.cb-error {
    text-align: center;
    color: #999;
    padding: 48px 12px;
}
.cb-error {
    color: #d9534f;
}

/* ----- 列表页 badge 轻微增强 ----- */
.badge {
    font-weight: 500;
}