/* ============================================================
   居家养老运营管理系统 — 主题「暖阳关怀 Warm Care」
   加载顺序：bootstrap.min.css → bootstrap-icons → style.css → theme-warm.css
   （本文件必须最后加载，用同/高优先级覆盖 Bootstrap 默认蓝）
   设计说明：
     · 主色 暖橙 #FF7043 —— 传递关怀、温度、生命力
     · 辅色 青绿 #26A69A —— 表达健康、安心、专业
     · 背景 暖白 #FBF7F4 —— 去掉冷硬“后台感”，一眼看到温暖
   ============================================================ */

:root {
    /* —— 主色阶（暖橙）—— */
    --ec-primary:      #FF7043;
    --ec-primary-600:  #F0603A;   /* hover */
    --ec-primary-700:  #E5502A;   /* active / 文字 */
    --ec-primary-100:  #FFE9E0;   /* 浅底 */
    --ec-primary-050:  #FFF4EF;
    --ec-primary-rgb:  255, 112, 67;

    /* —— 辅色（青绿 = 健康）—— */
    --ec-teal:         #26A69A;
    --ec-teal-700:     #1E8C82;
    --ec-teal-rgb:     38, 166, 154;

    /* —— 中性色（暖调）—— */
    --ec-bg:           #FBF7F4;   /* 暖白背景 */
    --ec-surface:      #FFFFFF;
    --ec-text:         #3D3630;   /* 暖炭灰 */
    --ec-text-muted:   #8A7F78;
    --ec-border:       rgba(61, 54, 48, 0.08);
    --ec-border-strong:#EADFD7;

    /* —— 语义色 —— */
    --ec-warn:         #F5A623;
    --ec-danger:       #E5484D;

    /* —— 图表色板（与 static/js/theme-palette.js 同源）—— */
    --ec-chart-1:      #FF7043;   /* 暖橙 · 主序列 */
    --ec-chart-2:      #26A69A;   /* 青绿 · 健康/完成 */
    --ec-chart-3:      #F5A623;   /* 暖黄 · 次序列 */
    --ec-chart-4:      #E5484D;   /* 暖红 · 警示 */
    --ec-chart-5:      #8D6E63;   /* 暖褐 · 中性 */
    --ec-chart-6:      #4DB6AC;   /* 浅青 · 补充 */
    --ec-chart-grid:   rgba(61, 54, 48, 0.08);
    --ec-chart-tick:   #8A7F78;

    /* —— 阴影（暖调、柔和）—— */
    --ec-shadow-sm:    0 1px 3px rgba(120, 80, 60, 0.08);
    --ec-shadow:       0 4px 16px rgba(120, 80, 60, 0.10);
    --ec-shadow-lg:    0 12px 32px rgba(120, 80, 60, 0.14);
}

/* ---------- 覆盖 Bootstrap 5.3 主题变量 ---------- */
:root {
    --bs-primary:          var(--ec-primary);
    --bs-primary-rgb:      var(--ec-primary-rgb);
    --bs-info:             var(--ec-teal);
    --bs-info-rgb:         var(--ec-teal-rgb);
    --bs-link-color:       var(--ec-primary-700);
    --bs-link-color-rgb:   229, 80, 42;
    --bs-link-hover-color: #C74422;
}

body {
    background: var(--ec-bg);
    color: var(--ec-text);
}

/* ---------- 工具类覆盖（Bootstrap 工具类带 !important，这里必须同等对待）---------- */
.bg-primary    { background-color: var(--ec-primary) !important; }
.bg-info       { background-color: var(--ec-teal) !important; }
.text-primary  { color: var(--ec-primary-700) !important; }
.text-info     { color: var(--ec-teal-700) !important; }
.border-primary{ border-color: var(--ec-primary) !important; }

/* ---------- 按钮 ---------- */
.btn { border-radius: 10px; }

.btn-primary {
    --bs-btn-bg: var(--ec-primary);
    --bs-btn-border-color: var(--ec-primary);
    --bs-btn-hover-bg: var(--ec-primary-600);
    --bs-btn-hover-border-color: var(--ec-primary-600);
    --bs-btn-active-bg: var(--ec-primary-700);
    --bs-btn-active-border-color: var(--ec-primary-700);
    --bs-btn-disabled-bg: var(--ec-primary);
    --bs-btn-disabled-border-color: var(--ec-primary);
    box-shadow: 0 2px 8px rgba(var(--ec-primary-rgb), 0.28);
}
.btn-outline-primary {
    --bs-btn-color: var(--ec-primary-700);
    --bs-btn-border-color: var(--ec-primary);
    --bs-btn-hover-bg: var(--ec-primary);
    --bs-btn-hover-border-color: var(--ec-primary);
    --bs-btn-active-bg: var(--ec-primary-700);
    --bs-btn-active-border-color: var(--ec-primary-700);
}
.btn-success {
    --bs-btn-bg: var(--ec-teal); --bs-btn-border-color: var(--ec-teal);
    --bs-btn-hover-bg: var(--ec-teal-700); --bs-btn-hover-border-color: var(--ec-teal-700);
    --bs-btn-active-bg: var(--ec-teal-700); --bs-btn-active-border-color: var(--ec-teal-700);
}
.btn-info {
    --bs-btn-bg: var(--ec-teal); --bs-btn-border-color: var(--ec-teal);
    --bs-btn-hover-bg: var(--ec-teal-700); --bs-btn-hover-border-color: var(--ec-teal-700);
    --bs-btn-color: #fff;
}
.btn-outline-success {
    --bs-btn-color: var(--ec-teal-700); --bs-btn-border-color: var(--ec-teal);
    --bs-btn-hover-bg: var(--ec-teal);  --bs-btn-hover-border-color: var(--ec-teal);
}

/* ---------- 导航栏：暖阳渐变 ---------- */
.navbar.bg-primary {
    background: linear-gradient(135deg, #FF8A65 0%, #F4511E 100%) !important;
    box-shadow: 0 2px 12px rgba(244, 81, 30, 0.25);
}
.navbar-brand,
#nav-menu .nav-link { color: #fff !important; }
#nav-menu .nav-link:hover,
#nav-menu .nav-link.active { background: rgba(255, 255, 255, 0.22); }

/* ---------- 卡片 ---------- */
.card {
    border: none;
    border-radius: 14px;
    box-shadow: var(--ec-shadow-sm);
}
.card-header {
    background: transparent;
    border-bottom: 1px solid var(--ec-border);
    font-weight: 600;
}
.stats-card { border-radius: 16px; }
.stats-card:hover { box-shadow: var(--ec-shadow); transform: translateY(-4px); }

/* 统计卡片：改为暖调柔和渐变，避免高饱和刺眼 */
.stats-card.bg-primary { background: linear-gradient(135deg, #FF8A65, #F4511E) !important; }
.stats-card.bg-success { background: linear-gradient(135deg, #4DB6AC, #00897B) !important; }
.stats-card.bg-info    { background: linear-gradient(135deg, #D9A05B, #A9682E) !important; }   /* 铜金（原冷蓝 #0288D1 已暖化）*/
.stats-card.bg-warning { background: linear-gradient(135deg, #FFCA6B, #F5A623) !important; }
.stats-card.bg-danger  { background: linear-gradient(135deg, #FF7A7D, #E5484D) !important; }
.stats-card.bg-teal-deep { background: linear-gradient(135deg, #26A69A, #00695C) !important; } /* 深青 · 完成率卡 */

/* ---------- 表格 ---------- */
.table > :not(caption) > * > * { border-bottom-color: var(--ec-border); }
.table thead.table-light th { background: #FAF3EE; color: var(--ec-text); font-weight: 600; }
.table-hover > tbody > tr:hover > * { background: #FFF6F1; }

/* ---------- 表单 ---------- */
.form-control,
.form-select { border-radius: 10px; border-color: var(--ec-border-strong); }
.form-control:focus,
.form-select:focus {
    border-color: var(--ec-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--ec-primary-rgb), 0.15);
}
.input-group-text {
    border-radius: 10px;
    background: #FAF3EE;
    border-color: var(--ec-border-strong);
    color: var(--ec-primary-700);
}

/* ---------- 徽章 / 进度条 ---------- */
.badge { font-weight: 500; padding: 0.35em 0.7em; border-radius: 8px; }
.progress { border-radius: 10px; background: #F0E7E1; }
.progress-bar { background: var(--ec-primary); }

/* ---------- 链接 ---------- */
a { color: var(--ec-primary-700); }
a:hover { color: #C74422; }

/* ---------- 模态 / 列表组 ---------- */
.modal-content { border-radius: 14px; border: none; box-shadow: var(--ec-shadow-lg); }
.list-group-item { border-color: var(--ec-border); }

/* ---------- 分页 ---------- */
.page-link { color: var(--ec-primary-700); }
.page-item.active .page-link {
    background: var(--ec-primary); border-color: var(--ec-primary);
}

/* ===== ICP 备案号页脚（黄讯 2026-10-16）===== */
.icp-footer {
    text-align: center;
    padding: 14px 12px 18px;
    margin-top: 18px;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: #6c757d;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.icp-footer .icp-link {
    color: #6c757d;
    text-decoration: none;
    transition: color 0.15s ease;
}
.icp-footer .icp-link:hover,
.icp-footer .icp-link:focus {
    color: #0d6efd;
    text-decoration: underline;
}
/* 移动端窄屏：留足点击区域，避免与底部安全区重叠 */
@media (max-width: 576px) {
    .icp-footer {
        padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
        font-size: 0.75rem;
    }
    .icp-footer .icp-link {
        display: inline-block;
        padding: 4px 8px;
    }
}