/* ============================================================
   SKANG 全站统一主题（蓝金配色）
   说明：本文件在每个页面 <head> 末尾引入，最后加载，
        覆盖各页面内联 <style> 里的旧配色变量，实现全站统一。
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');

/* ---- 统一配色变量：把所有历史变量名重映射为蓝金 ---- */
:root {
    /* 蓝金主体系（标准） */
    --vi-blue:       #013e6e;
    --vi-blue-light: #0a5a9e;
    --vi-gold:       #fabf13;
    --vi-gold-dark:  #d4a010;
    --vi-red:        #b60014;
    --vi-silver:     #595757;
    --vi-bg:         #eef1f6;
    --vi-white:      #ffffff;
    --vi-green:      #217346;

    /* 旧「红黑 NYU」体系 → 重映射为蓝金（login / potential / system） */
    --nyu-red:    #013e6e;   /* 原品牌红 → 主蓝，统一强调色 */
    --nyu-black:  #013e6e;   /* 原结构黑 → 主蓝 */
    --nyu-white:  #ffffff;
    --nyu-silver: #595757;
    --nyu-bg:     #eef1f6;

    /* 旧「橙色」体系 → 重映射为蓝金（daily_report / funnel_report 表头等） */
    --excel-orange: #013e6e; /* 原橙表头 → 主蓝 */
    --excel-bg:     #f5f8fc;
    --border-color: #d8dee8;

    /* register 无前缀体系（已蓝金，仅统一底色） */
    --blue:   #013e6e;
    --gold:   #fabf13;
    --red:    #b60014;
    --silver: #595757;
    --bg:     #eef1f6;
    --white:  #ffffff;
}

/* ---- 统一字体 ---- */
body {
    font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* ---- 统一项目切换栏（蓝金标准，供各报表/大屏页使用） ---- */
.proj-switch { display: inline-flex; gap: 6px; align-items: center; }
.proj-switch span { font-size: 13px; color: #666; font-weight: bold; }
.proj-btn {
    padding: 6px 14px; border-radius: 4px;
    border: 2px solid var(--vi-blue); background: #fff;
    color: var(--vi-blue); cursor: pointer;
    font-weight: bold; font-size: 13px; transition: 0.2s;
    font-family: inherit;
}
.proj-btn.active { background: var(--vi-blue); color: #fff; }
.proj-btn:hover:not(.active) { background: #e8f0f9; }

/* ---- 统一滚动条（细节统一感） ---- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #eef1f6; }
::-webkit-scrollbar-thumb { background: #b9c6d6; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--vi-blue); }

/* ============================================================
   移动端响应式 — 全站 Mobile / Tablet
   768px: tablet-portrait / 手机横屏
   480px: 手机竖屏
   ============================================================ */
@media (max-width: 768px) {
    /* 蓝色顶栏 header — 允许换行、自适应高度，避免右侧内容溢出/重叠 */
    .header {
        padding: 10px 14px !important;
        height: auto !important;
        min-height: 56px !important;
        flex-wrap: wrap !important;
        gap: 8px 10px !important;
    }
    .header .brand { font-size: 16px !important; }
    .header .sub   { font-size: 10px !important; letter-spacing: 1px !important; margin-left: 8px !important; }
    .header h1, .header h2 { font-size: 16px !important; line-height: 1.3 !important; }
    .btn-back, .nav-back, .back-btn { padding: 6px 12px !important; font-size: 12px !important; }

    /* 门户 / 房源录入 / 大屏等使用的 header-left + header-right 结构 */
    .header-left  { gap: 8px !important; min-width: 0 !important; }
    .brand-name   { font-size: 16px !important; letter-spacing: 1px !important; }
    .brand-divider, .brand-sub { display: none !important; }
    .header-right {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
        gap: 8px !important;
    }
    .user-badge   { font-size: 12px !important; padding: 5px 12px !important; white-space: nowrap !important; }
    .btn-profile, .btn-logout { font-size: 12px !important; padding: 6px 12px !important; }

    /* 项目切换栏（dashboard / 报表）换行不溢出 */
    .proj-switch { flex-wrap: wrap !important; gap: 6px !important; }
    .proj-btn    { padding: 5px 10px !important; font-size: 12px !important; }

    /* 白底面板式顶栏（index：标题 + 操作按钮） */
    .header-panel { flex-wrap: wrap !important; padding: 16px !important; gap: 10px !important; }
    .header-title h2 { font-size: 18px !important; }
    .action-btns { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
    .action-btns a, .action-btns button { margin-left: 0 !important; }

    /* 报表条形顶栏（daily_report / funnel_report） */
    .header-bar { flex-wrap: wrap !important; padding: 12px 14px !important; gap: 8px !important; }
    .header-bar h2 { font-size: 16px !important; }

    /* 白色顶栏 nav（potential / system / visual / changelog）
       手机端：允许换行，品牌占一行，链接整组折到下一行并自动收缩，避免溢出/重叠 */
    .nav { padding: 10px 14px !important; height: auto !important; flex-wrap: wrap !important; gap: 8px 10px !important; }
    .nav-brand { font-size: 0.95rem !important; letter-spacing: 1px !important; }
    .nav-links { width: 100% !important; gap: 8px !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
    .nav-links a, .nav-link { font-size: 11px !important; padding: 6px 10px !important; letter-spacing: 0.5px !important; }
    .nav-back { padding: 6px 12px !important; font-size: 12px !important; }

    /* Tab bar 横向滚动 */
    .sk-tabbar { padding: 0 4px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    .sk-tab    { padding: 10px 14px !important; font-size: 12px !important; flex-shrink: 0; }

    /* 内容区 */
    .wrap  { padding: 12px 10px !important; }
    .main  { padding: 16px !important; grid-template-columns: 1fr !important; gap: 16px !important; }
    .panel { padding: 20px !important; }

    /* 认购 / 合同卡片 3列→2列 */
    .grid { grid-template-columns: 1fr 1fr !important; gap: 10px 14px !important; padding: 12px !important; }

    /* 卡片头部 */
    .card-top    { flex-wrap: wrap !important; gap: 8px !important; padding: 12px 14px !important; }
    .room        { font-size: 14px !important; }
    .room-title  { font-size: 14px !important; }
    .room small, .room-title small { display: block !important; margin: 4px 0 0 0 !important; }

    /* 操作按钮 */
    .actions { flex-wrap: wrap !important; padding: 10px 14px !important; gap: 8px !important; }
    .btn     { padding: 8px 14px !important; font-size: 12px !important; }

    /* 过滤 chip */
    .filters { gap: 6px !important; }
    .chip    { padding: 5px 10px !important; font-size: 12px !important; }

    /* 搜索栏 */
    .search-bar { flex-direction: column !important; }
    .search-bar input { width: 100% !important; }

    /* 信息行 */
    .info-row { gap: 6px 14px !important; padding: 10px 14px !important; font-size: 12px !important; }
    .trail    { padding: 0 14px 10px !important; font-size: 11px !important; }

    /* 弹窗 modal */
    .modal-box     { padding: 20px !important; min-width: unset !important; width: 92vw !important; max-width: 92vw !important; }
    .modal-content { width: 92vw !important; max-width: 92vw !important; padding: 20px !important; }
    .modal-btns    { gap: 8px !important; }

    /* 表格横向滚动（system / users） */
    table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }

    /* 表单卡片（add_contract / finance） */
    .form-card    { padding: 18px !important; }
    .finance-card { padding: 20px !important; }

    /* 提示区 */
    .role-note, .tip { padding: 10px 14px !important; font-size: 12px !important; }
    .flash { padding: 10px 14px !important; font-size: 13px !important; }
    .empty { padding: 40px 20px !important; }

    /* dashboard 数据看板 4列→2列 */
    .metric-grid      { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
    .charts-container { grid-template-columns: 1fr !important; }
    .chart-box        { height: 280px !important; }
    .m-value          { font-size: 26px !important; }

    /* portal 卡片容器 */
    .welcome-banner { padding: 20px !important; }
    .container      { grid-template-columns: repeat(2, 1fr) !important; padding: 16px !important; gap: 14px !important; }

    /* potential 侧栏 + 主内容 */
    .main { grid-template-columns: 1fr !important; }

    /* house_import 表单 */
    .form-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important; }

    /* finance 付款明细 */
    .payment-grid { grid-template-columns: 1fr !important; }

    /* system 日志框 */
    .log-box { height: 220px !important; }

    /* 售后操作中心 modal */
    .overlay .modal-box { min-width: unset !important; }
}

@media (max-width: 480px) {
    /* 手机竖屏：grid 全部单列 */
    .grid      { grid-template-columns: 1fr !important; }
    .container { grid-template-columns: 1fr !important; }
    .metric-grid { grid-template-columns: 1fr 1fr !important; }

    /* 字号进一步收缩 */
    .m-value { font-size: 22px !important; }
    .card-top { padding: 10px 12px !important; }
    .actions  { padding: 8px 12px !important; }
    .grid     { padding: 10px !important; }

    /* portal 卡片全宽 */
    .card { border-radius: 10px !important; }
}
