/* ============================================================
   安博巴西业务自动化系统 · 统一视觉精修
   深蓝 × 香槟金 · 简洁大气
   ============================================================ */
:root{
  --ink:#1c2b3e;
  --muted:#68788e;
  --faint:#97a4b4;
  --line:#e4e9f0;
  --line-soft:#eef1f6;
  --bg:#f4f6f9;
  --navy:#0d2440;
  --navy-2:#14375f;
  --navy-deep:#081a2e;
  --gold:#c2953f;
  --gold-2:#d9b25f;
  --gold-soft:#faf3e2;
  --green:#1f9d77;
  --red:#cf5b66;
  --amber:#c9922e;
  --card:#ffffff;
  --shadow-sm:0 1px 2px rgba(16,35,57,.05),0 6px 18px rgba(16,35,57,.04);
  --shadow-md:0 12px 34px rgba(16,35,57,.08);
}

/* ---------- 基础 ---------- */
body{background:var(--bg);color:var(--ink)}
.eyebrow{font-size:9.5px;font-weight:850;letter-spacing:2.2px}
.eyebrow.dark{color:#b08a3e}
.muted{color:var(--muted);font-size:11.5px}
.empty{color:var(--faint);font-size:12px}

/* ---------- 侧边栏 ---------- */
.sidebar{width:248px;background:linear-gradient(180deg,#0c2038,#081829);padding:26px 16px;border-right:1px solid rgba(255,255,255,.04)}
.sidebar .brand{padding:0 10px 28px;font-size:17px;letter-spacing:.2px}
.brand-mark{width:34px;height:34px;border-radius:10px;font-size:16px;box-shadow:0 4px 14px rgba(183,132,46,.25)}
.nav-section-label{margin:20px 12px 8px;color:#647d99;font-size:9.5px;font-weight:850;letter-spacing:1.8px}
.sidebar nav{gap:6px}
.nav-item{color:#94a6bc;font-size:13px;font-weight:650;padding:11px 13px;border-radius:10px;gap:12px}
.nav-item>span{font-size:15px;width:20px;color:#7891ad}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-item.active{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 3px 0 var(--gold-2)}
.submodule-item{font-size:12.5px;padding:10px 12px}
.submodule-item>span{font-size:9px;width:auto;min-width:22px;padding:2px 5px;border-color:rgba(217,178,95,.35);color:#d9b25f;background:rgba(217,178,95,.08)}
.nav-parent .nav-chevron{color:#647d99}
.nav-group{display:grid;gap:3px}
.nav-submenu{margin:2px 0 0 12px;padding-left:10px;border-left:1px solid rgba(217,178,95,.2)}
.nav-subitem{font-size:11.5px;color:#8ba0b7;padding:7px 10px;border-radius:8px}
.nav-subitem:hover{color:#fff;background:rgba(255,255,255,.05)}
.nav-subitem.active{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 3px 0 var(--gold-2)}
.nav-submenu .nav-group{min-width:0}
.nav-submenu .nav-submenu{margin-left:10px;padding-left:9px}
.nav-subitem{transition:color .15s,background .15s}

/* ---- 邮件模块 · 母/子/孙三级排版 ---- */
#emailMasterNavGroup>.nav-parent{font-size:12.8px;font-weight:750;color:#e3ebf4;letter-spacing:.3px;padding:10px 12px}
#emailMasterNavGroup>.nav-parent>span{font-size:10px;min-width:24px;color:#e2bd75;background:rgba(217,178,95,.1)}
#emailMasterNavGroup .nav-submenu .nav-subitem{font-size:11px;font-weight:500;color:#8da2b9;padding:6px 10px;border-radius:8px;letter-spacing:.2px}
#emailMasterNavGroup .nav-submenu .nav-subitem span{width:auto;border:0;padding:0;margin-right:0;background:transparent;font-size:11px;font-weight:500;color:#8da2b9;letter-spacing:.2px}
#emailMasterNavGroup .nav-submenu .nav-subitem:hover{color:#e9f0f7;background:rgba(255,255,255,.05)}
#emailMasterNavGroup .nav-submenu .nav-subitem.active{color:#f0d491;background:rgba(217,178,95,.12);box-shadow:inset 3px 0 #d6aa57;font-weight:650}
#emailMasterNavGroup .nav-submenu .nav-subitem.active span{color:#f0d491}
#emailMasterNavGroup .nav-submenu .email-child{display:flex;align-items:center;gap:8px;font-size:12.2px;font-weight:650;color:#c6d5e4;padding:8px 10px;border-radius:8px;letter-spacing:.2px;justify-content:space-between}
#emailMasterNavGroup .nav-submenu .email-child span{width:auto;min-width:0;border:0;padding:0;margin-right:auto;background:transparent;font-size:12.2px;font-weight:650;color:#c6d5e4;letter-spacing:.2px}
#emailMasterNavGroup .nav-submenu .email-child:hover{color:#fff;background:rgba(255,255,255,.05)}
#emailMasterNavGroup .nav-submenu .email-child:hover span{color:#fff}
#emailMasterNavGroup .nav-submenu .email-child .nav-chevron{color:#5f7892;font-size:9px;margin-left:6px}
#emailMasterNavGroup .nav-submenu .email-child.active{color:#f0d491;background:rgba(217,178,95,.12);box-shadow:inset 3px 0 #d6aa57}
#emailMasterNavGroup .nav-submenu .email-child.active span{color:#f0d491}
.sidebar-foot{padding-top:14px;background:none}
.system-state{color:#8ba0b7;font-size:11.5px}
.sidebar-user{font-size:10.5px;color:#647d99;margin-bottom:0}
#logoutBtn{font-size:12.5px}

/* ---------- 顶栏 ---------- */
.main{padding:0 36px 56px}
.topbar{height:88px}
.topbar p{font-size:9.5px;letter-spacing:2px;color:#9aa7b7}
.topbar h1{font-size:23px;font-weight:750;letter-spacing:.2px;color:var(--ink)}
.date-pill{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11.5px;padding:9px 13px;box-shadow:none}
.top-actions .intake-link{background:linear-gradient(135deg,var(--navy-2),var(--navy));border-radius:10px;font-size:12.5px;padding:10px 15px;box-shadow:0 6px 16px rgba(13,43,77,.18)}
.top-actions .intake-link:hover{transform:translateY(-1px)}

/* ---------- 模块页头 ---------- */
.module-view{gap:20px}
.module-hero{position:relative;min-height:0;padding:26px 32px;border-radius:16px;background:radial-gradient(680px 220px at 92% -30%,rgba(217,178,95,.16),transparent 55%),linear-gradient(128deg,#0c223b,#14345b 60%,#0e2b4e);border:1px solid rgba(217,178,95,.22);box-shadow:0 16px 40px rgba(9,26,47,.16);display:flex;align-items:center;justify-content:space-between;gap:26px;overflow:hidden}
.module-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,rgba(217,178,95,.75),transparent)}
.module-hero>*{position:relative;z-index:1}
.module-number{width:auto;height:auto;padding:5px 9px;margin:0 10px 0 0;border:1px solid rgba(217,178,95,.55);background:rgba(217,178,95,.1);border-radius:7px;color:#e6c887;font-size:10px;font-weight:900;letter-spacing:1px}
.module-hero .eyebrow{color:#d3b57c;font-size:9.5px;letter-spacing:2.2px}
.module-hero h2{font-family:"SF Pro Display","PingFang SC",system-ui,sans-serif;font-size:25px;font-weight:750;letter-spacing:.3px;margin:7px 0 0;color:#fff;text-shadow:none}
.module-hero-pickers{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.module-client-picker{width:auto;min-width:225px;display:grid;gap:6px;color:#c9d8e7;font-size:10.5px;font-weight:750;letter-spacing:.4px}
.module-client-picker select{width:100%;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.96);color:var(--navy);font-weight:650;outline:none;box-shadow:0 6px 18px rgba(6,18,34,.22)}
.module-client-picker select:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(217,178,95,.2)}
.inbox-sync-box{width:auto;justify-items:end;gap:8px}
.inbox-sync-box span{color:#b9c9da;font-size:11px;line-height:1.5;text-align:right}
.inbox-sync-actions{display:flex;gap:8px}

/* CPF 页头账号区：白色毛玻璃卡片 */
.cpf-hero-account{width:min(520px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:16px 18px;border:1px solid rgba(226,196,130,.55);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.cpf-hero-account .module-client-picker{grid-column:1/-1;min-width:0}
.cpf-hero-account label{display:grid;gap:5px;font-size:10.5px;font-weight:750;color:#e2d4b4}
.cpf-hero-account select,.cpf-hero-account input{width:100%;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.95);color:#23344a;padding:0 11px;outline:none;font-weight:600}
.cpf-hero-account select:focus,.cpf-hero-account input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(217,178,95,.22)}
.cpf-hero-account select option{color:var(--ink)}
.cpf-hero-account .hero-remember{grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;color:#d9c9a8;cursor:pointer}
.cpf-hero-account .hero-remember input{width:auto;height:auto;accent-color:#d9b25f}
.cpf-hero-account .btn.gold{grid-column:1/-1;display:block;background:linear-gradient(135deg,#e4bd72,#bd8f3d);color:#14263d;border:0;border-radius:10px;padding:10px 14px;font-weight:850;text-align:center;box-shadow:0 6px 16px rgba(10,24,44,.35)}
.cpf-hero-account .btn.gold:hover{background:linear-gradient(135deg,#edc982,#c99c48);transform:translateY(-1px)}

/* ---------- 子页签 ---------- */
.cpf-subtabs,.download-subtabs,.hague-subtabs,.inbox-subtabs{display:flex;gap:6px;margin:0;padding:0;border-bottom:1px solid var(--line)}
.cpf-subtab,.download-subtab,.hague-subtab,.inbox-subtab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:10px 10px 0 0;padding:11px 18px;font-size:13px;font-weight:650;color:#6a7a8f;letter-spacing:.3px;transition:color .15s,background .15s,border-color .15s}
.cpf-subtab:hover,.download-subtab:hover,.hague-subtab:hover,.inbox-subtab:hover{background:#eef2f7;color:var(--navy)}
.cpf-subtab.active,.download-subtab.active,.hague-subtab.active,.inbox-subtab.active{color:var(--navy);background:#fff;border-bottom-color:var(--gold)}

/* ---------- 卡片 ---------- */
.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:var(--shadow-sm)}
.panel-head{margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--line-soft)}
.panel-head h3{font-size:16.5px;font-weight:750;margin:5px 0 0;letter-spacing:.2px;color:var(--ink)}
.panel-head .eyebrow.dark{font-size:9px;letter-spacing:2px}
.module-grid,.appointment-module-grid{gap:16px}

/* CPF 面板：去掉过度装饰 */
#cpfModuleView .panel{position:relative;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);padding:22px 24px}
#cpfModuleView .panel::before{display:none}
#cpfModuleView .panel-head{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
#cpfModuleView .panel-head h3{font-size:16.5px}
#cpfModuleView .panel-head .eyebrow.dark{color:#b08a3e}
#cpfModuleView .cpf-step-note{font-size:10px;font-weight:750;letter-spacing:.6px;color:#8a6214;background:var(--gold-soft);border:1px solid #ecd9ac;border-radius:99px;padding:4px 11px}

/* ---------- 按钮 ---------- */
.btn{border-radius:10px;font-size:13px;font-weight:700;padding:10px 16px}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,#15426f,#0d2b4d);color:#fff;box-shadow:0 6px 16px rgba(13,43,77,.18)}
.btn.primary:hover{background:linear-gradient(135deg,#1a4e82,#11365f)}
.btn.secondary{background:var(--gold-soft);color:#8a6214;border:1px solid #ecd9ac}
.btn.secondary:hover{background:#f6e7c6}
.btn.ghost{background:#fff;color:#48586d;border:1px solid var(--line)}
.btn.ghost:hover{background:#f3f6f9}
.btn.light{background:#fff;color:var(--navy);align-self:end;box-shadow:0 6px 16px rgba(6,18,34,.2)}
.btn.gold{background:linear-gradient(135deg,#e4bd72,#bd8f3d);color:#14263d;border:0;box-shadow:0 8px 20px rgba(189,143,61,.3)}
.btn.danger{background:#fdf1f2;color:#b23b48;border:1px solid #f2d3d6}
.btn.danger:hover{background:#b23b48;color:#fff}
.btn.disabled{pointer-events:none;opacity:.45}
.btn.small{padding:7px 11px;font-size:11.5px}
.btn.wide{padding:12px}

/* ---------- 徽章 / 状态 ---------- */
.badge{border-radius:999px;font-size:10.5px;font-weight:750;padding:4px 10px;background:#eef1f5;color:#5a6a7e}
.badge.review,.badge.running,.badge.queued{background:#fdf3dc;color:#96691e}
.badge.done,.badge.review_ready,.badge.verified{background:#e3f5ee;color:#13785f}
.badge.failed,.badge.needs_human,.badge.poa{background:#fdebed;color:#ac3946}
.badge.review_ready{background:#e3f5ee;color:#13785f}

/* ---------- 表单 ---------- */
.module-form{gap:12px}
.module-form label{display:grid;gap:6px;font-size:11.5px;font-weight:700;color:#4e5f73}
.module-form input,.module-form select,.email-editor input,.email-editor textarea{border:1px solid var(--line);border-radius:10px;background:#fbfcfe;color:var(--ink);padding:11px 13px;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}
.module-form input:focus,.module-form select:focus,.email-editor input:focus,.email-editor textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,69,.13)}
.module-form small{color:var(--muted);font-size:10.5px;line-height:1.6}
#cpfModuleView .module-form label{color:#4e5f73}
#cpfModuleView .module-form input,#cpfModuleView .module-form select{background:#fbfcfe;border-color:var(--line)}
#cpfModuleView .cpf-extra-row label{color:#6b5b3a}
#cpfModuleView .cpf-extra-row select{background:#fff;border-color:var(--line)}
.cpf-reset-note{color:#9a6a2a!important;background:#fdf6e7;border:1px solid #f0dfb8;border-radius:9px;padding:9px 12px}
.selected-client-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.selected-client-summary b{font-size:15px;color:var(--navy)}
.selected-client-summary span{font-size:11.5px;color:var(--muted)}
.selected-client-summary .badge{margin-left:auto}

/* ---------- 进度 / 状态文字 ---------- */
.module-stage{color:#5d6e82;font-size:12.5px;line-height:1.6;margin:10px 0;min-height:20px}
.module-progress{position:relative;height:10px;border-radius:99px;background:#e8edf3;overflow:hidden;margin-top:10px}
.module-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a97b28,#d9b25f);border-radius:inherit;box-shadow:none}
.module-progress span{position:absolute;inset:0;display:grid;place-items:center;color:var(--navy);font-size:10.5px;font-weight:800}
.module-progress.compact{height:8px;margin-top:12px;border-radius:99px}
.module-progress.compact span{top:12px;display:block;text-align:right}

/* ============================================================
   自动申请CPF · 高端排版（深蓝 × 香槟金 · 克制整齐）
   ============================================================ */
#cpfModuleView .module-hero{min-height:196px;padding:34px 42px;border-radius:22px;background:radial-gradient(860px 300px at 86% -22%,rgba(201,164,92,.28),transparent 55%),radial-gradient(700px 320px at -14% 130%,rgba(92,148,198,.32),transparent 58%),linear-gradient(132deg,#081c33,#10365b 52%,#0a2745);border:1px solid rgba(201,164,92,.42);box-shadow:0 26px 64px rgba(8,24,44,.4),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
#cpfModuleView .module-hero::after{content:"";position:absolute;right:-140px;bottom:-180px;width:460px;height:460px;border:1px solid rgba(201,164,92,.16);border-radius:50%;box-shadow:0 0 0 68px rgba(201,164,92,.026),0 0 0 136px rgba(201,164,92,.018);pointer-events:none}
#cpfModuleView .module-hero .hero-copy{position:relative;z-index:1;min-width:0;flex:1 1 auto}
#cpfModuleView .module-hero h2{font-size:34px;letter-spacing:.3px;margin:10px 0 6px}
#cpfModuleView .module-hero .eyebrow{color:#d3b57c;letter-spacing:2.2px}
#cpfModuleView .module-hero p{margin:0;max-width:430px;color:#a9bccc;font-size:12.5px;line-height:1.75;letter-spacing:.2px}
#cpfModuleView .module-number{width:38px;height:27px;border-color:rgba(226,189,117,.8);background:rgba(201,164,92,.14);color:#ecd29a;font-size:11px}

#cpfModuleView .cpf-hero-account{position:relative;z-index:1;width:min(660px,100%);display:grid;grid-template-columns:1fr;gap:13px;padding:18px 20px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.05));backdrop-filter:blur(16px);box-shadow:0 20px 44px rgba(5,18,34,.4),inset 0 1px 0 rgba(255,255,255,.22)}
#cpfModuleView .cpf-account-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#cpfModuleView .cpf-account-fields .module-client-picker{grid-column:auto}
#cpfModuleView .cpf-account-fields label{display:grid;gap:6px;min-width:0;font-size:10.5px;font-weight:850;letter-spacing:.7px;color:#c6d3e1}
#cpfModuleView .cpf-account-fields select,#cpfModuleView .cpf-account-fields input{width:100%;min-width:0;height:auto;border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:10px 12px;background:rgba(255,255,255,.96);color:#14233a;font-size:12.5px;font-weight:650;outline:0;box-shadow:0 3px 10px rgba(6,20,38,.2),inset 0 1px 0 #fff;transition:border-color .15s,box-shadow .15s}
#cpfModuleView .cpf-account-fields select:focus,#cpfModuleView .cpf-account-fields input:focus{border-color:#d9b25f;box-shadow:0 3px 12px rgba(6,20,38,.22),0 0 0 3px rgba(217,178,95,.25)}
#cpfModuleView .cpf-account-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
#cpfModuleView .hero-remember{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#c6d3e1;cursor:pointer;user-select:none}
#cpfModuleView .hero-remember input{width:15px;height:15px;margin:0;accent-color:#d9b25f;cursor:pointer}
#cpfModuleView .cpf-hero-account .btn.gold{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e4bd72,#bd8f3d);color:#14263d;border:1px solid rgba(255,255,255,.35);border-radius:9px;padding:10px 16px;font-weight:850;text-align:center;box-shadow:0 8px 20px rgba(20,38,61,.35);transition:transform .15s,box-shadow .15s}
#cpfModuleView .cpf-hero-account .btn.gold:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(20,38,61,.42)}

#cpfModuleView .cpf-subtabs{gap:6px;margin-top:24px;padding:0 8px;border-bottom:1px solid #e4e9ef}
#cpfModuleView .cpf-subtab{font-size:13.5px;font-weight:750;letter-spacing:.5px;padding:13px 24px;border-radius:10px 10px 0 0;border-bottom:3px solid transparent;color:#64748b;position:relative;transition:color .18s,background .18s}
#cpfModuleView .cpf-subtab:hover{background:#f3f6f9;color:#173f64}
#cpfModuleView .cpf-subtab.active{color:#0b2340;background:linear-gradient(180deg,#f7f9fb,#fff)}
#cpfModuleView .cpf-subtab.active::after{content:"";position:absolute;left:18px;right:18px;bottom:-3px;height:3px;border-radius:99px;background:linear-gradient(90deg,#b99247,#e0bb6d)}

#cpfModuleView .cpf-module-grid{grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr);gap:20px;align-items:start;margin-top:22px}
#cpfModuleView .panel{position:relative;border:1px solid #e5eaf0;border-radius:18px;background:#fff;box-shadow:0 20px 48px rgba(16,35,57,.07),0 2px 10px rgba(16,35,57,.03);padding:26px 28px}
#cpfModuleView .panel::before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,92,.5),transparent)}
#cpfModuleView .panel-head{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #edf1f5}
#cpfModuleView .panel-head h3{font-size:17px;letter-spacing:.2px;color:#14233a}
#cpfModuleView .panel-head .eyebrow.dark{color:#a97b28;letter-spacing:2.2px}
#cpfModuleView .cpf-step-note{align-self:flex-start;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.8px;color:#8a6214;background:rgba(201,164,92,.12);border:1px solid rgba(201,164,92,.3);border-radius:99px;padding:5px 12px}

#cpfModuleView .cpf-person-tabs{display:flex;gap:4px;margin:0 0 16px;padding:5px;background:#eef1f5;border:1px solid #e7ebf0;border-radius:12px}
#cpfModuleView .cpf-person-tab{flex:1;border:0;background:transparent;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:750;color:#64748b;letter-spacing:.2px;transition:color .15s,background .15s,box-shadow .15s}
#cpfModuleView .cpf-person-tab:hover:not(:disabled){color:#0b2340}
#cpfModuleView .cpf-person-tab.active{background:#fff;color:#0b2340;box-shadow:0 2px 8px rgba(16,35,57,.12),0 0 0 1px #e0e6ed}
#cpfModuleView .cpf-person-tab:disabled{opacity:.5;cursor:not-allowed}

#cpfModuleView .selected-client-summary{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid #e6ebf1;border-radius:13px;background:linear-gradient(135deg,#f8fafc,#f2f6fa)}
#cpfModuleView .cpf-client-avatar{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#163c68,#0b2340);color:#e6c88a;font-size:15px;font-weight:850;letter-spacing:.5px;box-shadow:0 6px 14px rgba(11,35,64,.22)}
#cpfModuleView .cpf-client-meta{min-width:0;flex:1;display:grid;gap:3px}
#cpfModuleView .cpf-client-meta b{font-size:14px;color:#0b2340;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cpfModuleView .cpf-client-meta span{font-size:11px;color:#7b8a9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cpfModuleView .selected-client-summary .badge{margin-left:auto}

#cpfModuleView .module-form{gap:14px}
#cpfModuleView .cpf-consulate-row label{display:grid;gap:6px;font-size:11px;font-weight:750;letter-spacing:.4px;color:#4e5f70}
#cpfModuleView .cpf-consulate-row select{width:100%;border:1px solid #dde4eb;border-radius:10px;padding:10px 12px;background:#fff;color:#14233a;font-weight:650;outline:0;transition:border-color .15s,box-shadow .15s}
#cpfModuleView .cpf-consulate-row select:focus{border-color:#c99a45;box-shadow:0 0 0 3px rgba(201,154,69,.14)}
#cpfModuleView .cpf-action-row{display:flex;gap:10px;align-items:stretch}
#cpfModuleView .cpf-action-row .btn.primary{flex:1;margin:0}
#cpfModuleView .btn.primary{background:linear-gradient(135deg,#17426f,#0c2544);border:1px solid rgba(201,164,92,.45);color:#fff;border-radius:11px;box-shadow:0 12px 26px rgba(11,35,64,.28),inset 0 1px 0 rgba(255,255,255,.08);padding:13px 18px;font-weight:800;letter-spacing:.2px;transition:transform .15s,box-shadow .15s,background .15s}
#cpfModuleView .btn.primary:hover{background:linear-gradient(135deg,#1b4c80,#0e2b4d);transform:translateY(-1px);box-shadow:0 15px 32px rgba(11,35,64,.34)}
#cpfModuleView .btn.primary:disabled{opacity:.55;transform:none;cursor:not-allowed}
#cpfModuleView .btn.secondary{background:#fff;border:1px solid #d8c39a;color:#7a5a16;border-radius:11px;box-shadow:0 4px 12px rgba(120,85,20,.08);font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
#cpfModuleView .btn.secondary:hover{background:linear-gradient(135deg,#fdf8ec,#f7ecd2);border-color:#c8ab70}
#cpfModuleView .btn.ghost{background:#fff;border:1px solid #e0e5ec;color:#5b6b80;border-radius:11px;font-weight:750}
#cpfModuleView .btn.ghost:hover{background:#f3f6f9}

#cpfModuleView .cpf-other-zone{margin-top:4px;padding:18px;border:1px solid #eee3c8;border-radius:14px;background:linear-gradient(180deg,#fdfbf5,#f9f4e8)}
#cpfModuleView .cpf-section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}
#cpfModuleView .cpf-section-title span{font-size:11.5px;font-weight:850;letter-spacing:2px;color:#8a6214;text-transform:uppercase}
#cpfModuleView .cpf-section-title em{font-style:normal;font-size:10px;letter-spacing:.8px;color:#a98a4c;background:rgba(201,164,92,.12);border:1px solid rgba(201,164,92,.28);border-radius:99px;padding:3px 10px}
#cpfModuleView .cpf-extra-row{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}
#cpfModuleView .cpf-extra-row label{display:grid;gap:7px;font-size:11px;font-weight:750;letter-spacing:.4px;color:#6b5b3a}
#cpfModuleView .cpf-extra-row select{width:100%;border:1px solid #e2d4b0;border-radius:10px;padding:11px 12px;background:#fffdf6;color:#3a2c10;font-weight:650;outline:0;transition:border-color .15s,box-shadow .15s}
#cpfModuleView .cpf-extra-row select:focus{border-color:#b88734;box-shadow:0 0 0 3px rgba(184,135,52,.16)}
#cpfModuleView .cpf-extra-btns{display:grid;grid-template-columns:1fr;gap:10px}
#cpfModuleView .cpf-extra-btns .btn{white-space:nowrap;min-width:0}

#cpfModuleView .cpf-reset-note{margin-top:2px;padding:9px 12px;background:#faf7ef;border:1px solid #f0e8d4;border-radius:9px;color:#8d7a52 !important;font-size:10.5px;line-height:1.65}
#detailView .doc-group + .doc-group{margin-top:20px}
#detailView .doc-group h4{margin:0 0 10px;font-size:11px;letter-spacing:.8px;color:#8a6214;text-transform:uppercase;font-weight:850}
#detailView .doc-same-note{margin:16px 0 0;padding:10px 12px;border:1px solid #e8dcbe;border-radius:9px;background:#fdf8ec;color:#8a6a2e;font-size:11px;line-height:1.6}
#detailView .apostille-upload{display:flex;gap:10px;align-items:center;margin-bottom:10px}
#detailView .apostille-upload input{flex:1;min-width:0;border:1px dashed #c9b98d;border-radius:9px;padding:10px;background:#fffdf6;font-size:12px}
#detailView .apostille-upload .btn{flex:none}
#detailView .apostille-status{min-height:18px;margin-bottom:8px;color:#8a6214;font-size:11px}
#detailView .apostille-chips{display:grid;gap:7px;margin-bottom:8px}
#detailView .apostille-chip{display:block;padding:8px 10px;border:1px solid #e2e8ef;border-radius:9px;background:#fafbfc;color:#7b8a9c;font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#detailView .apostille-chip.ready{border-color:#e2cf9b;background:#fdf8ec;color:#7a5a16}

#cpfModuleView .module-stage{margin:14px 0 10px;font-size:13px;color:#47586b;line-height:1.7;display:flex;align-items:center;gap:9px}
#cpfModuleView .module-stage::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:linear-gradient(135deg,#e0bb6d,#b99247);box-shadow:0 0 0 4px rgba(201,164,92,.14)}
#cpfModuleView .module-progress{height:16px;border-radius:99px;background:#edf1f5;border:1px solid #eef2f6;box-shadow:inset 0 1px 3px rgba(16,35,57,.08);margin-top:4px}
#cpfModuleView .module-progress i{background:linear-gradient(90deg,#a97b28,#e2bc6f,#f0d491);box-shadow:0 0 14px rgba(201,154,69,.4)}
#cpfModuleView .module-progress span{font-size:10.5px;font-weight:900;color:#0b2340}

#cpfModuleView .cpf-result-area{margin-top:22px;padding-top:20px;border-top:1px solid #edf1f5}
#cpfModuleView .cpf-result-area .empty{padding:46px 10px;color:#9aa6b4;font-size:12.5px}
#cpfModuleView .cpf-result-card .notice{border-radius:12px;background:linear-gradient(135deg,#f0faf6,#e4f4ed);border:1px solid #cfe8dc;color:#176d58}
#cpfModuleView .cpf-result-card .notice.warning{background:linear-gradient(135deg,#fff9ea,#fdf0d2);border:1px solid #eeddb0;color:#8a611c}
#cpfModuleView .cpf-result-card .btn.secondary{box-shadow:none;border-radius:10px}
#cpfModuleView .cpf-result-shot{border-radius:14px;box-shadow:0 12px 28px rgba(16,35,57,.12)}

#cpfModuleView .cpf-run-picker{gap:10px}
#cpfModuleView #cpfRunSelect{max-width:230px;padding:8px 12px;border-radius:10px;border:1px solid #d8e0e8;background:#fff;box-shadow:0 3px 8px rgba(16,35,57,.05);font-weight:700}

@media(max-width:1050px){#cpfModuleView .module-hero{align-items:center}#cpfModuleView .cpf-module-grid{grid-template-columns:1fr}}
@media(max-width:900px){#cpfModuleView .module-hero{display:grid;align-items:start;padding:28px 26px;gap:18px}#cpfModuleView .cpf-hero-account{width:100%}#cpfModuleView .cpf-account-fields{grid-template-columns:1fr}}
@media(max-width:760px){#cpfModuleView .module-hero{padding:24px 20px}#cpfModuleView .module-hero h2{font-size:27px}#cpfModuleView .cpf-action-row{flex-direction:column}#cpfModuleView .cpf-run-picker{flex-wrap:wrap}#cpfModuleView #cpfRunSelect{max-width:none}#cpfModuleView .module-hero p{display:none}}

/* ---------- 预约 / 提醒 ---------- */
.appointment-book-panel,.cpf-guide-panel{margin-top:16px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.cpf-guide-text{font-size:12px;line-height:1.8}
#cpfModuleView .cpf-reminder-stats{grid-template-columns:repeat(4,1fr);gap:12px}
#cpfModuleView .cpf-reminder-stat{padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm);display:grid;gap:4px;position:relative;overflow:hidden}
#cpfModuleView .cpf-reminder-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c2953f,#e2bc6f)}
#cpfModuleView .cpf-reminder-stat b{font:600 26px Georgia,serif;color:var(--navy)}
#cpfModuleView .cpf-reminder-stat span{font-size:10.5px;color:var(--muted);font-weight:700;letter-spacing:.6px}
#cpfModuleView .cpf-reminder-panel{padding:0;overflow:hidden}
#cpfModuleView .cpf-reminder-panel .panel-head{padding:20px 24px 14px;margin-bottom:0}
#cpfModuleView .reminder-row{grid-template-columns:minmax(220px,1.2fr) minmax(200px,.9fr) auto;padding:15px 24px;border-top:1px solid var(--line-soft)}

/* ---------- 海牙核对 ---------- */
.module-upload{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}
.notarial-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}
.notarial-description{display:none}
.review-summary{border-radius:12px}
.review-docs{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.review-docs th{background:#f3f6f9;color:#5a6a7e}
.issue-card{border-radius:10px}
.review-note{color:var(--faint);font-size:10.5px}

/* ---------- 下载模块 ---------- */
.export-module-card{min-height:190px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:24px}
.export-module-card h3{font-size:20px;font-weight:750}
.export-icon{width:64px;height:64px;border-radius:15px;font-size:12px}
.export-picker-bar{display:flex;align-items:flex-end;gap:14px;margin-bottom:14px}
.export-picker-bar .module-client-picker{width:min(340px,100%);min-width:0;color:#4e5f73}
.export-picker-bar select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:650;outline:none;transition:border-color .15s,box-shadow .15s}
.export-picker-bar select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,69,.13)}

/* ---------- 邮件模块 ---------- */
.email-module-grid{gap:16px}
.email-attachment-summary{border-radius:10px}
.email-editor label{font-size:11.5px;color:#4e5f73}
.email-files ul{color:var(--muted)}

/* ---------- 邮件分类 ---------- */
.inbox-grid{gap:16px}
.inbox-list-panel{border-radius:14px}
.inbox-list-panel .panel-head{padding:20px 20px 0}
.inbox-row{padding:14px 18px;border-top:1px solid var(--line-soft)}
.inbox-row:hover,.inbox-row.active{background:#f4f8fb}
.inbox-row.active{box-shadow:inset 3px 0 #c2953f}
.inbox-detail-head h3{font-size:18px}
.inbox-analysis>div{padding:11px 12px;border:1px solid var(--line-soft);border-radius:10px;background:#f8fafc}
.inbox-analysis span{font-size:9.5px}
.inbox-analysis b{font-size:11.5px;line-height:1.55}
.inbox-review-box{border:1px solid var(--line);border-radius:12px;background:#f6f9fb}
.inbox-review-box label{font-size:11px;color:#4e5f73}
.inbox-body{border:1px solid var(--line);border-radius:10px;font-size:12px}
.inbox-toolbar select,.inbox-review-box select{height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:0 11px}
.poa-direction-group{border-radius:9px}
.inbox-attachments{border-radius:10px}
.inbox-attachments.prominent{border-color:var(--line);background:#f4f8fb}
.progress-event i{border-color:#dcebe5;background:#1f9d77}

/* ---------- 统计 / 总览 ---------- */
.stats-grid{gap:14px;margin:0 0 20px}
.stat-card{padding:20px 22px;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;display:grid;gap:8px}
.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c2953f,#e6c887)}
.stat-card span{font-size:11.5px;font-weight:650;letter-spacing:.5px;color:var(--muted)}
.stat-card strong{font:600 30px/1.15 Georgia,serif;color:var(--navy)}
.dash-grid{gap:16px}
.dash-panel{padding:20px 22px}
.dash-panel .panel-head{margin-bottom:14px;padding-bottom:11px}
.dash-panel h3{font-size:15.5px}
.quick-grid{gap:10px}
.quick-link{padding:13px 8px;border-radius:11px;background:#fafbfd;border:1px solid var(--line);color:#2c4d72;font-size:11.5px}
.quick-link span{font-size:19px}
.dash-job{border-radius:10px;border-color:var(--line);background:#fbfcfd}
.dash-status-track{background:#eef1f4}

/* ---------- 客户中心 ---------- */
.clients-toolbar .search{height:42px;border-radius:11px;border:1px solid var(--line);background:#fff}
.clients-toolbar-right select{height:42px;border-radius:11px;border:1px solid var(--line);background:#fff;color:#2c4d72}
.clients-count{font-size:12.5px;padding:9px 14px;border-radius:11px;background:#f0f4f8;border:1px solid var(--line)}
.table-panel{border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.table-panel table th{background:linear-gradient(180deg,#14375f,#0d2440);color:#dce7f2;font-size:10.5px;font-weight:800;letter-spacing:1.4px;padding:13px 16px;border-bottom:1px solid rgba(217,178,95,.5)}
.table-panel table td{padding:14px 16px;font-size:12.5px;color:var(--ink);border-top:1px solid var(--line-soft)}
.table-panel tbody tr:hover{background:#f6f9fc}
.client-cell .avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#eef2f7,#e2e9f0);color:#1d527e;border:1px solid #e6ecf2}
.row-action{border-radius:9px;font-size:12px;padding:7px 11px}

/* 客户中心 · 页面头（与其它业务子模块统一）＋ 工具条卡片化 */
#clientsView .clients-hero{min-height:0;padding:20px 28px;margin-bottom:16px;border-radius:16px}
#clientsView .clients-hero h2{font-size:23px;margin:5px 0 0}
.clients-hero-stat{display:flex;align-items:baseline;gap:10px;padding:11px 18px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(217,178,95,.3)}
.clients-hero-stat strong{font:600 21px Georgia,serif;color:#e8ce93;letter-spacing:.3px;line-height:1}
.clients-hero-stat span{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#9db2c8}

/* 工具条卡片化（客户中心与「下载POA文件」共用同一套外观） */
.clients-toolbar{gap:16px;margin-bottom:16px;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);flex-wrap:wrap}
#clientsView .clients-toolbar .search{flex:1 1 240px;min-width:180px;height:40px;max-width:430px;border:1px solid #e6ebf2;border-radius:11px;background:#fbfcfe}
#clientsView .clients-toolbar .search:focus-within{background:#fff;border-color:#c99a45;box-shadow:0 0 0 3px rgba(201,154,69,.12)}
#clientsView .clients-toolbar .search input{font-size:13px}
#clientsView .clients-toolbar .search>span{color:#9aa7b6;font-size:14px}
#clientsView .clients-toolbar-right{margin-left:auto;align-items:center;gap:16px;flex-wrap:nowrap}
#clientsView .owner-filter{gap:7px;font-size:9.5px;letter-spacing:1.1px;color:#8794a6}
#clientsView .owner-filter select{height:40px;min-width:156px;font-size:12.5px;font-weight:700;border-radius:11px;border:1px solid #e6ebf2;background:#fbfcfe}
#clientsView .owner-filter select:focus{border-color:#c99a45;background:#fff;box-shadow:0 0 0 3px rgba(201,154,69,.12)}
#clientsView .owner-filter[data-tone="delivery"] select:focus{border-color:#2e6f9e;box-shadow:0 0 0 3px rgba(46,111,158,.12)}

#clientsView .table-panel table th{padding:12px 18px;font-size:10.5px;letter-spacing:1.3px}
#clientsView .table-panel table td{padding:13px 18px;font-size:12.5px;vertical-align:middle}
#clientsView .table-panel tbody tr:hover{background:#f7fafd}
#clientsView .table-panel .badge{font-size:10.5px;padding:5px 11px}

@media(max-width:760px){
  #clientsView .clients-hero{padding:20px}
  #clientsView .clients-hero-stat{width:100%;justify-content:space-between;border-radius:12px}
  #clientsView .clients-toolbar{padding:12px}
}

/* ---------- 客户档案（浅色统一） ---------- */
#detailView{background:transparent;border-radius:0;padding:0;color:var(--ink)}
#detailView .detail-heading h2{color:var(--ink)}
#detailView .detail-heading p{color:var(--muted)}
#detailView .back-btn{background:#fff;border:1px solid var(--line);color:var(--ink)}
#detailView .back-btn:hover{border-color:var(--gold);color:#b7842e}
#detailView .client-avatar{background:linear-gradient(145deg,#eef2f7,#e2e9f0);color:#1d527e;border:1px solid #e6ecf2}
#detailView .btn.secondary{background:var(--gold-soft);color:#8a6214;border:1px solid #ecd9ac}
#detailView .btn.secondary:hover{background:#f6e7c6}
#detailView .btn.danger{background:#fdf1f2;color:#b23b48;border:1px solid #f2d3d6}
#detailView .btn.danger:hover{background:#b23b48;color:#fff}
#detailView .steps{background:#fff;border:1px solid var(--line);border-radius:12px}
#detailView .step{color:#8a96a5}
#detailView .step b{background:#eef1f4;color:#536377;border:1px solid transparent}
#detailView .step.active{color:#173d61}
#detailView .step.active b{background:var(--navy);color:#fff}
#detailView .steps i{background:#d9e0e7}
#detailView .panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
#detailView .panel-head h3{color:var(--ink)}
#detailView .eyebrow.dark{color:#b08a3e}
#detailView .muted{color:var(--muted)}
#detailView .badge{background:#eef1f5;color:#5a6a7e}
#detailView .badge.done,#detailView .badge.review_ready{background:#e3f5ee;color:#13785f}
#detailView .badge.review,#detailView .badge.queued,#detailView .badge.running{background:#fdf3dc;color:#96691e}
#detailView .badge.needs_human,#detailView .badge.failed{background:#fdebed;color:#ac3946}
#detailView .form-grid label{color:#566477}
#detailView .form-grid input,#detailView .form-grid select{background:#fbfcfe;border:1px solid var(--line);color:var(--ink)}
#detailView .form-grid input:focus,#detailView .form-grid select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,69,.13);background:#fff}
#detailView .form-grid select option{background:#fff;color:var(--ink)}
#detailView .form-hint{color:#b7842e}
#detailView .doc-slot{background:#fbfcfd;border:1px dashed #ccd5de}
#detailView .doc-slot.ready{border-style:solid;border-color:#cfe0d8;background:#f6faf8}
#detailView .doc-slot:hover{border-color:var(--gold);box-shadow:0 4px 12px rgba(16,35,57,.06)}
#detailView .doc-icon{background:#edf2f6;color:#2c5f8a}
#detailView .doc-info b{color:var(--ink)}
#detailView .doc-info small{color:var(--muted)}
#detailView .btn.primary{background:linear-gradient(135deg,#15426f,#0d2b4d);color:#fff;box-shadow:0 6px 16px rgba(13,43,77,.18)}
#detailView .btn.primary:hover{background:linear-gradient(135deg,#1a4e82,#11365f)}
#refreshRecognitionStatus{color:var(--muted)}
#detailView .intake-summary section{background:#fbfcfd;border:1px solid var(--line);border-radius:10px}
#detailView .intake-summary h4{color:#b08a3e}
#detailView .intake-summary dt{color:var(--muted)}
#detailView .intake-summary dd{color:var(--ink)}
#detailView .detail-side .module-progress{background:#eef1f4}
#detailView .detail-side .module-progress i{background:linear-gradient(90deg,#7d94ac,#a9bbcc)!important}

/* ---------- TO-DO-LIST ---------- */
.todo-stats{gap:10px;margin-top:0}
.todo-stat{min-width:110px;padding:11px 16px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.todo-stat span{color:#9fb4ca;font-size:9.5px;letter-spacing:1.2px}
.todo-stat strong{font:600 20px Georgia,serif;color:#e6c887;margin-top:4px}
.sheet-clone-toolbar{margin-top:0;border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.sheet-clone-wrap{border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.sheet-clone-table th{background:linear-gradient(180deg,#14375f,#0d2440);color:#dce7f2;font-size:10px;letter-spacing:1.2px;border-bottom:1px solid rgba(217,178,95,.5)}
.sheet-clone-search,.sheet-clone-filters select{border-radius:9px;border:1px solid var(--line);background:#f7f9fc}

/* ---------- 系统设置 ---------- */
.settings-grid{grid-template-columns:minmax(0,1fr)}
.settings-table-wrap{border-radius:12px;overflow:hidden}

/* 系统设置 · 面板与成员分组卡片化 */
#settingsView .settings-grid{gap:16px}
#settingsView .panel{padding:22px 24px;border-radius:14px}
#settingsView .panel-head{margin-bottom:16px}
#settingsView .panel-head h3{font-size:17px;letter-spacing:.2px;margin-top:5px}
#settingsView .panel-head .muted{font-size:12px}

#settingsView .team-block{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 2px 8px rgba(16,35,57,.03)}
#settingsView .team-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:linear-gradient(180deg,#fbfcfe,#f4f7fa);border-bottom:1px solid var(--line)}
#settingsView .team-head h4{margin:0;font-size:13.5px;font-weight:750;color:#16324f;letter-spacing:.2px}
#settingsView .team-head span{display:block;margin-top:4px;font-size:11.5px;line-height:1.55;color:#7b8a9c}
#settingsView .team-head .btn{padding:9px 14px;font-size:12.5px;white-space:nowrap;border-radius:9px}

#settingsView .settings-table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px}
#settingsView .team-block .settings-table-wrap{border:0;border-radius:0}
#settingsView .settings-table-wrap table th{padding:12px 16px;font-size:10.5px;font-weight:800;letter-spacing:1.2px;color:#8290a3;background:#f7f9fc;text-transform:uppercase;border-bottom:1px solid var(--line)}
#settingsView .settings-table-wrap table td{padding:13px 16px;font-size:12.5px;color:#25384f;border-top:1px solid #eef1f5;word-break:break-word}
#settingsView .settings-table-wrap tbody tr:first-child td{border-top:0}
#settingsView .settings-table-wrap tbody tr:hover{background:#f8fafc}
#settingsView .settings-table-wrap .empty-state{font-size:12.5px;color:#96a1af}
#settingsView .settings-intro{margin:12px 0 0;font-size:11.5px;line-height:1.7;color:#7b8a9c}

@media(max-width:900px){
  #settingsView .team-head{flex-wrap:wrap}
  #settingsView .team-head .btn{width:100%;text-align:center}
}

/* ---------- 弹窗 / 提示 ---------- */
.modal{border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 90px rgba(5,20,38,.25)}
.modal form{padding:26px 28px}
.modal h2{font-size:19px}
.modal label{font-size:12px;color:#4e5f73}
.modal input,.modal select,.modal textarea{border-radius:10px;border:1px solid var(--line);background:#fbfcfe}
.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,69,.13)}
.modal small{color:var(--muted)}
.modal-actions{margin-top:22px}
.toast{background:#102c49;border-radius:10px}

/* ---------- 登录页微调 ---------- */
.login-card{border-radius:18px}
.login-submit{border-radius:11px!important}
.mobile-brand{font-weight:800}

/* ---------- TO-DO-LIST 表格细节 ---------- */
.sheet-clone-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:#fff}
.sheet-clone-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sheet-clone-filters label{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:#4a5a70}
.sheet-clone-filters select{height:38px;padding:0 11px;color:#1c2e46}
.sheet-clone-search{width:230px;height:38px;padding:0 12px;color:#1c2e46}
.sheet-clone-wrap{overflow:auto;max-height:calc(100vh - 280px);margin-top:0}
.sheet-clone-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:12.5px}
.sheet-clone-table th{position:sticky;top:0;z-index:2;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;padding:11px 12px;text-align:left;white-space:nowrap;box-shadow:0 3px 10px rgba(8,26,48,.14)}
.sheet-clone-table td.sheet-cell{border-bottom:1px solid #edf1f6;border-right:1px solid #f0f3f7;padding:8px 12px;white-space:nowrap;min-width:96px;max-width:320px;overflow:hidden;text-overflow:ellipsis;color:#1c2e46;transition:background .15s}
.sheet-clone-table tbody tr:nth-child(even) td.sheet-cell{background:#f9fbfd}
.sheet-clone-table tbody tr:hover td.sheet-cell{background:#f0f6fd}
.sheet-clone-table td.sheet-cell:hover{background:#eaf3fc}
.sheet-clone-table td.sheet-cell:focus{outline:2px solid #c99a45;outline-offset:-2px;background:#fffdf5;white-space:normal;overflow:visible;min-width:180px}
.sheet-clone-wrap::-webkit-scrollbar{height:10px;width:10px}
.sheet-clone-wrap::-webkit-scrollbar-thumb{background:#c7d2dd;border-radius:8px;border:2px solid #fff}
.sheet-clone-wrap::-webkit-scrollbar-thumb:hover{background:#9fb0c2}

/* ---------- 响应式 ---------- */
@media(max-width:1180px){
  .module-hero{flex-wrap:wrap}
  .module-hero-pickers{width:100%;justify-content:flex-start}
  .cpf-hero-account{width:100%}
}
@media(max-width:1050px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .module-grid,.appointment-module-grid,.email-module-grid,.inbox-grid{grid-template-columns:1fr}
  .export-module-card{grid-template-columns:64px 1fr}
  .export-module-card .btn{grid-column:1/-1;text-align:center}
}
@media(max-width:900px){
  #cpfModuleView .module-hero{display:grid;align-items:start;padding:26px 24px}
  #cpfModuleView .cpf-hero-account{width:100%}
  #cpfModuleView .cpf-reminder-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .main{padding:0 15px 40px}
  .topbar{height:84px}
  .module-hero{padding:22px 20px;display:grid;align-items:start}
  .module-hero h2{font-size:21px}
  .module-hero-pickers{width:100%}
  .module-client-picker{width:100%;min-width:0}
  .cpf-hero-account{grid-template-columns:1fr}
  .cpf-hero-account .module-client-picker,.cpf-hero-account .hero-remember,.cpf-hero-account .btn.gold{grid-column:auto}
  .cpf-subtabs,.download-subtabs,.hague-subtabs,.inbox-subtabs{overflow-x:auto}
  .cpf-subtab,.download-subtab,.hague-subtab,.inbox-subtab{white-space:nowrap}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-card{padding:16px 18px}
  #cpfModuleView .cpf-reminder-stats{grid-template-columns:repeat(2,1fr)}
  #cpfModuleView .reminder-row{grid-template-columns:1fr}
  .module-hero-pickers{justify-content:stretch}
  .inbox-sync-box{justify-items:stretch}
  .inbox-sync-box span{text-align:left}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   POA 对接 · 高端排版（深蓝 × 香槟金 · 克制整齐）
   ============================================================ */
#nemePoaModuleView .module-hero{position:relative;min-height:180px;padding:32px 40px;border-radius:22px;background:radial-gradient(820px 280px at 86% -20%,rgba(201,164,92,.28),transparent 55%),radial-gradient(680px 300px at -12% 130%,rgba(92,148,198,.32),transparent 58%),linear-gradient(132deg,#081c33,#10365b 52%,#0a2745);border:1px solid rgba(201,164,92,.42);box-shadow:0 26px 64px rgba(8,24,44,.4),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
#nemePoaModuleView .module-hero::after{content:"";position:absolute;right:-140px;bottom:-180px;width:460px;height:460px;border:1px solid rgba(201,164,92,.16);border-radius:50%;box-shadow:0 0 0 68px rgba(201,164,92,.026),0 0 0 136px rgba(201,164,92,.018);pointer-events:none}
#nemePoaModuleView .module-hero .hero-copy{position:relative;z-index:1;min-width:0;flex:1 1 auto}
#nemePoaModuleView .module-hero h2{font-size:32px;letter-spacing:.3px;margin:10px 0 6px}
#nemePoaModuleView .module-hero .eyebrow{color:#d3b57c;letter-spacing:2.2px}
#nemePoaModuleView .module-hero p{margin:0;max-width:460px;color:#a9bccc;font-size:12.5px;line-height:1.75;letter-spacing:.2px}
#nemePoaModuleView .module-number{width:38px;height:27px;border-color:rgba(226,189,117,.8);background:rgba(201,164,92,.14);color:#ecd29a;font-size:11px}
#nemePoaModuleView .neme-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.05));backdrop-filter:blur(14px);box-shadow:0 16px 36px rgba(5,18,34,.35),inset 0 1px 0 rgba(255,255,255,.2)}
#nemePoaModuleView .neme-hero-actions span{font-size:11px;font-weight:700;color:#c6d3e1;max-width:230px;line-height:1.55}
#nemePoaModuleView .neme-hero-actions .btn.gold{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e4bd72,#bd8f3d);color:#14263d;border:1px solid rgba(255,255,255,.35);border-radius:9px;padding:10px 16px;font-weight:850;box-shadow:0 8px 20px rgba(20,38,61,.35);transition:transform .15s,box-shadow .15s}
#nemePoaModuleView .neme-hero-actions .btn.gold:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(20,38,61,.42)}
#nemePoaModuleView .neme-poa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
#nemePoaModuleView .neme-poa-stat{position:relative;overflow:hidden;padding:18px 20px;border:1px solid #e2e8ef;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f9fb);box-shadow:0 8px 22px rgba(16,35,57,.05);display:grid;gap:5px}
#nemePoaModuleView .neme-poa-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c2953f,#e2bc6f)}
#nemePoaModuleView .neme-poa-stat b{font:600 28px Georgia,serif;color:#0b2340}
#nemePoaModuleView .neme-poa-stat span{font-size:11px;color:#7b8a9c;font-weight:700;letter-spacing:.6px}
#nemePoaModuleView .neme-poa-subtabs{display:flex;gap:6px;margin-top:22px;padding:0 8px;border-bottom:1px solid #e4e9ef}
#nemePoaModuleView .neme-poa-subtab{font-size:13.5px;font-weight:750;letter-spacing:.5px;padding:13px 24px;border-radius:10px 10px 0 0;border-bottom:3px solid transparent;color:#64748b;background:transparent;position:relative;transition:color .18s,background .18s}
#nemePoaModuleView .neme-poa-subtab:hover{background:#f3f6f9;color:#173f64}
#nemePoaModuleView .neme-poa-subtab.active{color:#0b2340;background:linear-gradient(180deg,#f7f9fb,#fff)}
#nemePoaModuleView .neme-poa-subtab.active::after{content:"";position:absolute;left:18px;right:18px;bottom:-3px;height:3px;border-radius:99px;background:linear-gradient(90deg,#b99247,#e0bb6d)}
#nemePoaModuleView .panel{position:relative;border:1px solid #e5eaf0;border-radius:18px;background:#fff;box-shadow:0 20px 48px rgba(16,35,57,.07),0 2px 10px rgba(16,35,57,.03);padding:26px 28px;margin-top:22px}
#nemePoaModuleView .panel::before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,92,.5),transparent)}
#nemePoaModuleView .panel-head{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #edf1f5}
#nemePoaModuleView .panel-head h3{font-size:17px;letter-spacing:.2px;color:#14233a;margin:6px 0 0}
#nemePoaModuleView .panel-head .eyebrow.dark{color:#a97b28;letter-spacing:2.2px}
#nemePoaModuleView .cpf-step-note{align-self:flex-start;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.8px;color:#8a6214;background:rgba(201,164,92,.12);border:1px solid rgba(201,164,92,.3);border-radius:99px;padding:5px 12px}
#nemePoaModuleView .neme-poa-list{display:grid;gap:12px}
#nemePoaModuleView .neme-poa-card{position:relative;overflow:hidden;display:grid;gap:10px;padding:18px 20px;border:1px solid #e5eaf0;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(16,35,57,.05)}
#nemePoaModuleView .neme-poa-card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:99px;background:linear-gradient(180deg,#c2953f,#e2bc6f)}
#nemePoaModuleView .neme-poa-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#nemePoaModuleView .neme-poa-type{font-size:9.5px;font-weight:900;letter-spacing:1.4px;padding:4px 10px;border-radius:99px}
#nemePoaModuleView .neme-poa-type.received{color:#8a6214;background:rgba(201,164,92,.14);border:1px solid rgba(201,164,92,.3)}
#nemePoaModuleView .neme-poa-type.sent{color:#1d527e;background:rgba(77,139,190,.12);border:1px solid rgba(77,139,190,.28)}
#nemePoaModuleView .neme-poa-card h4{font-size:14px;line-height:1.55;color:#14233a;margin:0;overflow-wrap:anywhere}
#nemePoaModuleView .neme-poa-client{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#nemePoaModuleView .neme-poa-meta{display:flex;align-items:center;gap:14px;color:#7b8a9c;font-size:11px;flex-wrap:wrap}
#nemePoaModuleView .neme-poa-meta span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nemePoaModuleView .neme-poa-card[data-email-id]:not([data-email-id=""]){cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
#nemePoaModuleView .neme-poa-card[data-email-id]:not([data-email-id=""]):hover{border-color:#d9c084;box-shadow:0 8px 22px rgba(16,35,57,.09)}
#nemePoaModuleView .unread-dot{width:9px;height:9px;border-radius:50%;background:#f43f4f;flex:0 0 auto;margin-left:auto;box-shadow:0 0 0 3px rgba(244,63,79,.16)}
#nemePoaModuleView .neme-poa-attachments{display:flex;flex-wrap:wrap;gap:8px;border-top:1px dashed #e7ebf0;padding-top:11px}
#nemePoaModuleView .neme-poa-att{font-size:11px;font-weight:700;color:#7a5a16;background:rgba(201,164,92,.12);border:1px solid rgba(201,164,92,.28);border-radius:99px;padding:4px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){#nemePoaModuleView .neme-poa-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){#nemePoaModuleView .module-hero{display:grid;align-items:start;padding:28px 26px;gap:18px}#nemePoaModuleView .neme-hero-actions{width:100%}}
@media(max-width:760px){#nemePoaModuleView .module-hero{padding:24px 20px}#nemePoaModuleView .module-hero h2{font-size:27px}#nemePoaModuleView .module-hero p{display:none}#nemePoaModuleView .neme-poa-subtabs{overflow-x:auto}#nemePoaModuleView .neme-poa-subtab{white-space:nowrap}#nemePoaModuleView .neme-poa-stats{grid-template-columns:1fr 1fr}}
.notarial-person-badge{display:inline-block;margin-top:9px;padding:3px 9px;border-radius:999px;background:#e9f0f5;color:#245176;font-size:10px;font-weight:800}
.reminder-person{display:inline-block;margin-right:6px;padding:2px 7px;border-radius:999px;background:#e9f0f5;color:#245176;font-size:10px;font-weight:800;vertical-align:1px}
/* 客户负责人：签单 / 交付 */
.owner-cell{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:112px}
.owner-cell.empty,.owner-chip.empty{color:#9aa6b4;font-size:11px;font-weight:650}
.owner-chip{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid var(--line);background:#fff;box-shadow:0 2px 8px rgba(16,35,57,.05);white-space:nowrap;font-weight:750;font-size:11.5px}
.owner-chip i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;letter-spacing:.3px;color:#fff;font-weight:800}
.owner-chip em{font-style:normal;font-size:8px;letter-spacing:.9px;opacity:.7;text-transform:uppercase}
.owner-chip.sales{border-color:#e5c98f;background:linear-gradient(180deg,#fffdf5,#fff8e7);color:#7a5a15}
.owner-chip.sales i{background:linear-gradient(145deg,#e6bd6b,#b7842e)}
.owner-chip.delivery{border-color:#bcd8ee;background:linear-gradient(180deg,#f5faff,#e9f3fb);color:#1c4a72}
.owner-chip.delivery i{background:linear-gradient(145deg,#4d8abf,#1d527e)}
.detail-owners{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.detail-owners .owner-chip{padding:5px 13px 5px 6px}
.detail-owners .owner-chip i{width:26px;height:26px;font-size:10px}
.selected-owners{display:block;color:#8a6a1f!important;font-size:11px;font-weight:700}
/* 客户中心：签单 / 交付人员过滤器 */
.clients-toolbar-right{flex-wrap:wrap}
.owner-filter{display:grid;gap:5px;font-size:9.5px;font-weight:800;letter-spacing:1px;color:#8190a2;text-transform:uppercase}
.owner-filter>span{display:flex;align-items:center;gap:7px}
.owner-filter i{width:7px;height:7px;border-radius:50%;background:linear-gradient(145deg,#e6bd6b,#b7842e);box-shadow:0 0 0 3px rgba(201,154,69,.14)}
.owner-filter[data-tone="delivery"] i{background:linear-gradient(145deg,#5a97c8,#1d527e);box-shadow:0 0 0 3px rgba(46,111,158,.14)}
.owner-filter select{height:38px;min-width:150px;padding-left:13px;border-radius:11px;border:1px solid #e2e8ef;background:#fff;color:#234b6e;font-weight:750;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.owner-filter[data-tone="sales"] select:focus{border-color:#c99a45;box-shadow:0 0 0 3px rgba(201,154,69,.14)}
.owner-filter[data-tone="delivery"] select:focus{border-color:#2e6f9e;box-shadow:0 0 0 3px rgba(46,111,158,.14)}
.clients-count{height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:11px;background:linear-gradient(180deg,#fff,#f4f7fa);border:1px solid #e2e8ef;color:#5c6f85;font-weight:800;font-size:12px;white-space:nowrap}
@media(max-width:900px){.clients-toolbar-right{gap:9px}.owner-filter{flex:1 1 170px}.owner-filter select{width:100%}}