/* cabpc-crm 后台样式（零依赖） */
:root{
  --primary:#2563eb; --primary-dark:#1d4ed8; --danger:#dc2626; --success:#16a34a;
  --warn:#d97706; --text:#1f2937; --muted:#6b7280; --border:#e5e7eb; --bg:#f3f4f6;
  --sidebar-bg:#111827; --sidebar-text:#cbd5e1; --sidebar-active:#2563eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:14px;color:var(--text);background:var(--bg)}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.layout{display:flex;min-height:100vh}
.sidebar{width:230px;background:var(--sidebar-bg);color:var(--sidebar-text);flex:0 0 230px;transition:all .2s;overflow-y:auto;height:100vh;position:sticky;top:0;z-index:900}
.sidebar.collapsed{flex-basis:0;width:0;overflow:hidden}
.brand{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;font-weight:700;font-size:13px}
.brand-text{font-size:15px;font-weight:600;color:#fff}
.nav-search{padding:10px 12px 4px}
.nav-search-input{width:100%;height:32px;padding:0 10px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#e5e7eb;font-size:12.5px;outline:none}
.nav-search-input::placeholder{color:#64748b}
.nav-search-input:focus{border-color:var(--primary);background:rgba(255,255,255,.1)}
.role-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:9px;background:#eef2ff;color:#3730a3;font-size:11.5px;font-style:normal;font-weight:400}
.nav{padding:8px 0 40px}
.nav-item{display:flex;align-items:center;gap:9px;padding:9px 16px 9px 14px;color:var(--sidebar-text);font-size:13.5px;border-left:3px solid transparent;border-radius:0 6px 6px 0;margin-right:6px}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.nav-item.active{background:rgba(37,99,235,.18);color:#fff;border-left-color:var(--sidebar-active)}
.nav-item.active .nav-icon{color:#93c5fd}
.nav-item-sub{padding-left:32px;font-size:13px}
.nav-group-head{display:flex;align-items:center;gap:2px;padding-right:6px}
.nav-group-title{flex:1;min-width:0;display:flex;align-items:center;gap:9px;color:#93a3b8;padding:10px 4px 10px 14px;font-size:12.5px;letter-spacing:.5px;cursor:pointer;text-align:left;text-decoration:none;background:none;border:0;
  overflow:hidden;white-space:nowrap;border-radius:6px}
.nav-group-title:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.05)}
.nav-group.open > .nav-group-head .nav-group-title{color:#dbe4f0}
/* 当前页所在分组：只高亮，不展开（悬浮时才向右弹出子菜单） */
.nav-group.has-active > .nav-group-head{background:rgba(37,99,235,.14);border-left:3px solid var(--sidebar-active);border-radius:0 6px 6px 0;margin-right:6px;padding-right:0}
.nav-group.has-active > .nav-group-head .nav-group-title{color:#fff}
.nav-group.has-active > .nav-group-head .nav-icon{color:#93c5fd}
.nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 箭头：指向右侧，表示「悬浮向右展开」；触屏/键盘仍可点击展开 */
.nav-group-toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:34px;padding:0;border:0;border-radius:8px;background:none;color:#8b9bb2;cursor:pointer;transition:background .15s,color .15s}
.nav-group-toggle .ico-caret{width:16px;height:16px;stroke-width:2.2;transition:transform .18s ease}
.nav-group-toggle:hover{background:rgba(255,255,255,.12);color:#fff}
.nav-group-toggle:active{background:rgba(255,255,255,.2)}
.nav-group.open .nav-group-toggle .ico-caret{transform:rotate(90deg)}
.nav-group.open .nav-group-toggle{color:#cbd5e1}
.nav-children{display:none}
.nav-group.open .nav-children{display:block}

/* ================= 关联产品：Excel 式行表格 ================= */
.pr-widget{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}
.pr-widget .kd-table-wrap{border:0;border-radius:0;max-height:420px}
.pr-widget .kd-table th{background:#f8fafc}
.pr-foot{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid var(--border);background:#fbfcfe}
.pr-count{font-size:12.5px;color:var(--muted)}
.pr-empty{font-size:12.5px}
.pr-widget .kd-table td{padding-top:6px;padding-bottom:6px}

/* ================= 列表「显示列」下拉 ================= */
.kd-cols{position:relative;display:inline-block}
.kd-cols-count{display:inline-block;min-width:16px;padding:0 5px;margin-left:4px;border-radius:8px;background:var(--primary);color:#fff;font-size:11px;line-height:16px;text-align:center}
.kd-cols-panel{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:560px;max-width:86vw;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px rgba(15,23,42,.18);padding:10px 12px;text-align:left}
.kd-cols-panel.open{display:block}
.kd-cols-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--muted)}
.kd-cols-body{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:10px}
.kd-cols-group{min-width:132px}
.kd-cols-group-title{font-size:12px;color:var(--muted);margin-bottom:4px}
.kd-cols-item{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0;cursor:pointer;white-space:nowrap}
.kd-cols-item input{margin:0}
.kd-cols-foot{display:flex;gap:14px;width:100%;padding-top:8px;border-top:1px solid var(--border);font-size:12.5px}
.kd-table th[data-col],.kd-table td[data-col]{white-space:nowrap}

/* ================= 二级菜单：鼠标悬浮向右展开 ================= */
/* 悬浮时高亮整个分组行 */
.nav-group.flyout-active > .nav-group-head{background:rgba(255,255,255,.08);border-radius:8px}
.nav-group.flyout-active > .nav-group-head .nav-group-title{color:#fff;background:none}
.nav-group.flyout-active > .nav-group-head .ico-caret{transform:rotate(90deg);color:#fff}

/* 悬浮面板：fixed 定位，避免被侧边栏的 overflow 裁剪 */
.nav-children.flyout{
  display:block;position:fixed;z-index:120;
  min-width:216px;max-width:380px;padding:8px 6px;
  background:#0f172a;border:1px solid rgba(255,255,255,.14);border-radius:12px;
  box-shadow:0 18px 46px rgba(2,6,23,.6);
  overflow-y:auto;overflow-x:hidden;
  animation:navFlyout .12s ease-out;
}
@keyframes navFlyout{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
.nav-children.flyout .nav-item{margin-right:0;padding:8px 12px;border-left:0;border-radius:7px;font-size:13px}
.nav-children.flyout .nav-item.active{background:rgba(37,99,235,.42);color:#fff}
.nav-children.flyout .nav-sub{padding:9px 12px 4px 12px;color:#7c8ba1}
.nav-children.flyout .nav-item-sub{padding-left:28px;font-size:12.5px}
.nav-children.flyout::-webkit-scrollbar{width:8px}
.nav-children.flyout::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}
.nav-children.flyout::-webkit-scrollbar-track{background:transparent}
.nav-sub{display:flex;align-items:center;gap:9px;color:#6b7a90;font-size:12px;padding:9px 16px 4px 30px}
.nav-icon{flex:0 0 18px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#7c8ba1}
.nav-icon .ico{width:16px;height:16px}
.nav-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}
.nav-item:hover .nav-icon,.nav-sub .nav-icon{color:inherit}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
/* 顶部固定区：最近打开栏 + 工具栏一起吸顶 */
/* 顶部固定区：底色 #ECE4EC */
.toparea{position:sticky;top:0;z-index:5;background:#ECE4EC}
.topbar{display:flex;align-items:center;gap:12px;background:#ECE4EC;border-bottom:1px solid #DCD2DC;padding:0 18px;height:56px}
.topbar .icon-btn:hover,.topbar .topbar-link:hover{background:rgba(255,255,255,.8)}
/* 最近打开（与顶部工具栏同排） */
.page-title{flex:0 0 auto;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-wrap{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;height:100%;padding-left:10px;margin-left:2px;border-left:1px solid rgba(31,41,55,.16);color:#6b7280}
.recent-wrap>.ico{flex:0 0 auto;width:16px;height:16px}
.recent-list{display:flex;align-items:center;gap:0;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:0;scrollbar-width:thin}
.recent-list::-webkit-scrollbar{height:8px}
.recent-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}
.recent-list::-webkit-scrollbar-track{background:transparent}
/* 标签：纯文字 + 竖条分隔，点击热区铺满工具栏高度 */
.recent-chip{display:inline-flex;align-items:center;flex:0 0 auto;height:46px;padding:0 4px 0 18px;border:0;background:none;color:#334155;font-size:14px;line-height:1;cursor:pointer;transition:background .12s,color .12s}
.recent-chip + .recent-chip{border-left:1px solid rgba(31,41,55,.16)}
.recent-chip:hover{background:rgba(255,255,255,.85);color:var(--primary)}
.recent-chip.on{background:#fff;color:#1d4ed8;font-weight:600}
.recent-chip.on:hover{background:#fff}
.recent-chip .recent-chip-link{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none;padding:0 6px}
.recent-chip .recent-chip-link:hover{text-decoration:none}
/* 关闭按钮：默认隐藏（占位不塌陷，避免标签位移），悬停或当前页才显示 */
.recent-chip .recent-chip-x{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:2px;border-radius:3px;color:#94a3b8;font-size:15px;line-height:1;text-decoration:none;opacity:0;transition:opacity .12s}
.recent-chip:hover .recent-chip-x,.recent-chip.on .recent-chip-x{opacity:1}
.recent-chip .recent-chip-x:hover{background:#fecaca;color:#b91c1c;text-decoration:none}
.recent-empty{color:#9aa7b8;font-size:13px;padding-left:6px}
.page-title{font-size:16px;margin:0;font-weight:600;flex:1}
.topbar-right{display:flex;align-items:center;gap:14px;font-size:13px}
.topbar-link{color:var(--muted);position:relative;display:inline-flex;align-items:center;gap:4px}
.topbar-link:hover{color:var(--primary);text-decoration:none}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:#dc2626;color:#fff;font-size:11px;font-weight:600;line-height:1}
.user{color:var(--text);font-weight:600}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:none;border:0;font-size:18px;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}
.icon-btn:hover{background:#f1f5f9;color:var(--primary)}
/* 内联 SVG 图标：尺寸跟随字号，颜色跟随文字 */
.ico{width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;display:inline-block}
.ico-lg{width:18px;height:18px}
.ico-sm{width:14px;height:14px}
.btn .ico,.topbar-link .ico{width:15px;height:15px;margin-right:2px}
.btn,.topbar-link{display:inline-flex;align-items:center;gap:5px}
.btn.btn-icon-only{gap:0}
.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin:0 0 12px}
.card-title .ico{width:17px;height:17px;color:var(--primary)}
.content{padding:18px;flex:1}
.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}
.card h3{margin:0 0 12px;font-size:15px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.table-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.total{margin-left:auto;color:var(--muted);font-size:13px}
.input{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font-size:13.5px;background:#fff;color:var(--text);outline:none;max-width:100%}
textarea.input{height:auto;padding:8px 10px;line-height:1.5;width:100%}
.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.input-sm{height:32px}
select.input{padding-right:6px;min-width:120px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:13.5px;cursor:pointer}
.btn:hover{background:#f9fafb;text-decoration:none}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn-danger{background:#fff;border-color:var(--danger);color:var(--danger)}
.btn-danger:hover{background:#fef2f2}
.btn-plain{color:var(--muted)}
.btn-block{width:100%;margin-top:8px}
.btn-sm{height:28px;padding:0 10px;font-size:12.5px}
.table{width:100%;border-collapse:collapse;font-size:13.5px}
.table th,.table td{padding:9px 10px;border-bottom:1px solid #cfd9e6;text-align:left;vertical-align:middle}
.table th{background:#e9eef6;font-weight:600;color:#334155;white-space:nowrap;font-size:13px;border-bottom:1.5px solid #b9c6d8}
/* 隔行双色（斑马纹 #FFFFFF / #F9FAFC）+ 加深的表格线，便于逐行查看 */
.table tbody tr:nth-child(odd){background:#ffffff}
.table tbody tr:nth-child(even){background:#F9FAFC}
.table tbody tr:hover{background:#e2edfd}
/* 合计行：暖色底 #FFF1D4 */
.table tfoot td,.table tfoot th{background:#FFF1D4;border-top:1.5px solid #E7D6A8;font-weight:600;color:#8a5a08}
.table .col-check{width:36px}
.table .col-action{width:170px;white-space:nowrap}
.table .col-action a{margin-right:8px}
.table .empty{text-align:center;color:var(--muted);padding:30px}
.danger{color:var(--danger)}
.money{font-variant-numeric:tabular-nums;font-weight:600}
.thumb{width:38px;height:38px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}
.tag{display:inline-block;padding:1px 8px;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:12px}
.pagination{display:flex;gap:6px;align-items:center;margin-top:14px;flex-wrap:wrap}
.page-item{display:inline-block;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:13px;color:var(--text)}
.page-item.active{background:var(--primary);border-color:var(--primary);color:#fff}
.page-item.disabled{opacity:.45;pointer-events:none}
.page-info{color:var(--muted);margin-left:8px;font-size:13px}
.alert{padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:13.5px}
.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.form-group-title{font-size:14px;margin:18px 0 10px;padding-left:9px;border-left:3px solid var(--primary);font-weight:600}
.form-grid{display:flex;flex-wrap:wrap;gap:14px 18px}
.form-item{display:flex;flex-direction:column;gap:6px;min-width:0}
.form-item.col-12{flex:0 0 100%}
.form-item.col-6{flex:0 0 calc(50% - 9px)}
.form-item.col-4{flex:0 0 calc(33.33% - 12px)}
.form-item.col-3{flex:0 0 calc(25% - 14px)}
.form-label{font-size:13px;color:#374151;font-weight:500}
.form-label .required{color:var(--danger);margin-left:3px}
.form-control{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.form-tip{font-size:12px;color:var(--muted);flex:0 0 100%}
.form-footer{margin-top:20px;padding-top:14px;border-top:1px solid var(--border);display:flex;gap:10px}
.radio,.checkbox{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;cursor:pointer}
.switch{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;cursor:pointer}
.detail-grid{display:flex;flex-wrap:wrap;gap:12px 18px}
.detail-item{flex:0 0 calc(33.33% - 12px);min-width:0}
.detail-label{font-size:12.5px;color:var(--muted);margin-bottom:3px}
.detail-value{font-size:13.5px;word-break:break-all}
.detail-actions{display:flex;gap:8px;margin-bottom:14px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px;flex-wrap:wrap}
.tab{background:none;border:0;padding:8px 14px;font-size:13.5px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent}
.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}
.tab-panel{display:none}
.tab-panel.active{display:block}
.preview{max-width:90px;max-height:90px;border-radius:6px;border:1px solid var(--border);margin-top:6px}
.upload-single,.upload-multi{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}
.upload-multi .input{flex:1;min-width:180px}
.captcha-row img{height:36px;border-radius:6px;cursor:pointer;border:1px solid var(--border)}
.muted{color:var(--muted)}
.sep{color:var(--muted)}
.static-text{font-size:13.5px;color:var(--muted)}
/* 独立页 */
body.blank{background:linear-gradient(135deg,#1e3a8a,#2563eb);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.blank-wrap{width:100%;max-width:420px}
.blank-wrap.wide{max-width:900px}
.login-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 18px 48px rgba(15,23,42,.28);display:flex;flex-direction:column;gap:12px}
.login-title{margin:0;font-size:20px;text-align:center}
.login-sub{margin:0;text-align:center;color:var(--muted);font-size:13px}
.login-tip{text-align:center;color:var(--muted);font-size:12.5px;margin:6px 0 0;line-height:1.7}
/* 通用小弹窗（表单提交提示，出错不跳页） */
.modal-mask{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.modal-box{background:#fff;border-radius:10px;box-shadow:0 20px 50px rgba(15,23,42,.3);min-width:300px;max-width:460px;width:100%;overflow:hidden;animation:modal-in .16s ease-out}
@keyframes modal-in{from{transform:translateY(-8px);opacity:.6}to{transform:none;opacity:1}}
.modal-head{padding:14px 18px;font-size:15px;font-weight:600;border-bottom:1px solid var(--border)}
.modal-box.modal-error .modal-head{color:var(--danger);background:#fef2f2}
.modal-body{padding:18px;font-size:14px;line-height:1.7;color:var(--text);max-height:56vh;overflow:auto;white-space:pre-wrap;word-break:break-word}
.modal-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:#fafafa}
.demo-login-grid{display:flex;flex-direction:column;gap:8px}
.demo-btn{height:auto;padding:9px 12px;flex-direction:column;align-items:flex-start;line-height:1.45;text-align:left}
.demo-btn b{font-size:13.5px}
.demo-btn span{font-size:12px;color:var(--muted)}
.demo-btn:hover{background:#f9fafb}
.demo-btn:hover span{color:var(--primary)}
.error-card{background:#fff;border-radius:12px;padding:26px;box-shadow:0 18px 48px rgba(15,23,42,.28)}
.error-card h2{margin:0 0 10px;font-size:34px;color:var(--danger)}
.trace{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;font-size:12px;max-height:320px;overflow:auto;white-space:pre-wrap}
/* 工作台 */
.stat-grid{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.stat-card{flex:1 1 180px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px}
.stat-title{color:var(--muted);font-size:13px;margin-bottom:8px}
.stat-value{font-size:24px;font-weight:700;color:var(--primary)}
.stat-sub{font-size:12px;color:var(--muted);margin-top:6px}
.grid-2{display:flex;flex-wrap:wrap;gap:16px}
.grid-2 > .card{flex:1 1 420px}
.bar{height:8px;background:#eef2ff;border-radius:4px;overflow:hidden;margin-top:6px}
.bar > span{display:block;height:100%;background:var(--primary)}
@media (max-width:900px){
  .form-item.col-6,.form-item.col-4,.form-item.col-3,.detail-item{flex:0 0 100%}
  .sidebar{position:fixed;z-index:900}
}

/* Word 模板默认模板下载区 */
.word-template-helper { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:8px 0 12px; }
.word-template-helper-title { font-weight:600; color:#333; }
.word-template-helper .muted { font-size:12px; }

/* ---------- 产品编辑页（卡片式版式） ---------- */
.form-layout{display:flex;gap:16px;align-items:flex-start}
.form-layout-main{flex:1;min-width:0}
.form-layout-aside{flex:0 0 300px;min-width:0}
.card-title-tip{margin-left:auto;font-size:12px;font-weight:400;color:var(--muted)}
.product-head{display:flex;align-items:center;gap:16px}
.product-head-media{flex:0 0 72px}
.product-head-img{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--border);background:#f8fafc;display:block}
.product-head-img-empty{display:flex;align-items:center;justify-content:center;color:#cbd5e1}
.product-head-img-empty .ico{width:26px;height:26px}
.product-head-main{flex:1;min-width:0}
.product-head-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text)}
.product-head-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:12.5px;color:var(--muted)}
.product-head-item{display:inline-flex;align-items:center;gap:5px}
.product-head-actions{display:flex;gap:8px;flex:0 0 auto}
.tag-on{background:#dcfce7;color:#15803d}
.tag-off{background:#fee2e2;color:#b91c1c}
.side-list{list-style:none;margin:0;padding:0}
.side-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:13px}
.side-list li:last-child{border-bottom:0}
.side-list span{color:var(--muted)}
.side-list b{font-weight:600}
.text-danger{color:var(--danger)}
.side-note{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.6}
.side-tips{margin:0;padding-left:18px;font-size:12.5px;color:var(--muted);line-height:1.9}
.side-tips b{color:var(--text);font-weight:600}
.form-dock{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:10px;box-shadow:0 -2px 10px rgba(15,23,42,.06)}
.form-dock-info{flex:1;min-width:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.act{display:inline-flex;align-items:center;gap:3px;margin-right:8px}
@media (max-width:1100px){
  .form-layout{flex-direction:column}
  .form-layout-aside{flex:1 1 auto;width:100%}
}


/* 登录页企业信息页脚 */
.login-company{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:10px 0 0;font-size:12px;color:var(--muted)}
.login-company span{display:inline-flex;align-items:center;gap:4px}
.login-company .ico{width:13px;height:13px;opacity:.75}


/* 表格行内操作链接：用弹性布局给图标留出间距（配合行内图标使用） */
.table .col-action a{display:inline-flex;align-items:center;gap:3px}

/* ==================================================================
   金蝶风格单据页：多层分区布局（单据头 / 主区多层卡片 / 右侧信息面板 / 吸底操作条）
   用于合同、报价单等「主表 + 明细 + 附属信息」类单据
   ================================================================== */
.kd-page{padding-bottom:8px}
.kd-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;background:#fff;border:1px solid var(--border);border-radius:10px}
.kd-head-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;min-width:0}
.kd-head-sub{color:var(--muted);font-size:12.5px;font-weight:400}
.kd-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kd-tag{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:11.5px;background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff}
.kd-tag.green{background:#ecfdf5;color:#047857;border-color:#d1fae5}
.kd-tag.orange{background:#fffbeb;color:#b45309;border-color:#fef3c7}
.kd-tag.red{background:#fef2f2;color:#b91c1c;border-color:#fee2e2}
.kd-tag.gray{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}
.kd-layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:12px;align-items:start}
@media (max-width:1280px){.kd-layout{grid-template-columns:minmax(0,1fr)}}
.kd-main,.kd-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.kd-side{position:sticky;top:12px}
.kd-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.kd-sec-head{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#f8fafc;border-bottom:1px solid var(--border);cursor:pointer;user-select:none}
.kd-sec-head:hover{background:#f1f5f9}
.kd-sec-head .ico{color:var(--primary)}
.kd-sec-title{font-size:13.5px;font-weight:600}
.kd-sec-extra{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}
.kd-caret{transition:transform .18s ease}
.kd-card.collapsed .kd-caret{transform:rotate(-90deg)}
.kd-card.collapsed .kd-sec-body{display:none}
.kd-sec-body{padding:12px 14px}
.kd-sub-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12.5px;font-weight:600;color:#334155}
.kd-sub-title:not(:first-child){margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}
.kd-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px 12px}
.kd-field{grid-column:span 3;min-width:0}
.kd-field.w2{grid-column:span 2}.kd-field.w4{grid-column:span 4}.kd-field.w6{grid-column:span 6}.kd-field.w12{grid-column:span 12}
@media (max-width:1100px){.kd-field{grid-column:span 6}.kd-field.w4,.kd-field.w6{grid-column:span 6}}
.kd-label{display:block;margin-bottom:4px;font-size:12px;color:var(--muted)}
.kd-label .required{color:var(--danger);margin-left:2px}
.kd-input{width:100%;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text);background:#fff;outline:none}
select.kd-input{padding-right:4px}
textarea.kd-input{height:auto;padding:7px 9px;line-height:1.6;resize:vertical}
.kd-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.12)}
.kd-input[readonly]{background:#f9fafb;color:#374151}
.kd-static{display:flex;align-items:center;min-height:32px;padding:0 2px;font-size:13px}
.kd-hint{margin-top:4px;font-size:11.5px;color:var(--muted)}
/* 明细子表 */
.kd-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--border);background:#fff}
.kd-toolbar .kd-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}
.kd-table-wrap{overflow:auto;max-width:100%}
table.kd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:960px}
table.kd-table.kd-table-narrow{min-width:0}
table.kd-table thead th{position:sticky;top:0;z-index:1;background:#e9eef6;color:#334155;font-weight:600;text-align:left;padding:7px 8px;border-bottom:1.5px solid #b9c6d8;white-space:nowrap}
table.kd-table tbody td{padding:5px 8px;border-bottom:1px solid #cfd9e6;vertical-align:middle}
/* 隔行双色（斑马纹）：奇数行 #FFFFFF、偶数行 #F9FAFC，配合加深的表格线更易逐行查看 */
table.kd-table tbody tr:nth-child(odd) td{background:#ffffff}
table.kd-table tbody tr:nth-child(even) td{background:#F9FAFC}
table.kd-table tbody tr:hover td{background:#e2edfd}
table.kd-table tbody tr.kd-row-active td{background:#d8e8fd}
table.kd-table td.kd-no{color:var(--muted);text-align:center;width:42px}
/* 详情页明细的空白占位行：只占位不显示文字 */
table.kd-table tbody tr.kd-blank-row td{color:transparent}
table.kd-table tbody tr.kd-blank-row{height:28px}
table.kd-table .kd-cell-input{width:100%;height:28px;padding:0 6px;border:1px solid transparent;border-radius:5px;background:transparent;font-size:12.5px;color:var(--text);outline:none}
table.kd-table .kd-cell-input:hover{border-color:var(--border);background:#fff}
table.kd-table .kd-cell-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}
table.kd-table select.kd-cell-input{padding:0 2px}
table.kd-table .kd-money{text-align:right;font-variant-numeric:tabular-nums}
/* 合计行：暖色底 #FFF1D4（与隔行双色区分开） */
table.kd-table tfoot td{padding:7px 8px;background:#FFF1D4;border-top:1.5px solid #E7D6A8;font-size:12.5px;font-weight:600;color:#8a5a08}
/* 合计行文字不换行（列宽不足时向右溢出到空白单元格上） */
table.kd-table tfoot td.kd-total-label{white-space:nowrap;text-align:left;overflow:visible}
.table tfoot td.kd-total-label,.table tfoot th.kd-total-label{white-space:nowrap}
.kd-link-cell{display:flex;align-items:center;gap:6px}
.kd-link-cell .kd-sn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);cursor:pointer}
.kd-link-cell .kd-sn.empty{color:#9ca3af}
.kd-link-cell .kd-pick{flex:0 0 auto;padding:1px 6px;border:1px solid var(--border);border-radius:5px;background:#fff;color:var(--muted);font-size:11.5px;cursor:pointer}
.kd-link-cell .kd-pick:hover{border-color:var(--primary);color:var(--primary)}
.kd-empty{padding:26px 10px;text-align:center;color:var(--muted);font-size:13px}
/* 右侧信息面板 */
.kd-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #eef2f7;font-size:12.5px}
.kd-info-row:last-child{border-bottom:0}
.kd-info-row .k{color:var(--muted)}
.kd-info-row .v{font-weight:600;font-variant-numeric:tabular-nums}
.kd-info-row .v.big{font-size:15px;color:#b45309}
.kd-info-row .v .kd-inline-input{width:74px;height:26px;padding:0 6px;text-align:right}
.kd-words{margin-top:8px;padding:7px 9px;border-radius:6px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.6}
/* 吸底操作条 */
.kd-foot{position:sticky;bottom:0;z-index:6;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:11px 14px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 -6px 16px rgba(15,23,42,.06)}
.kd-foot .kd-foot-right{margin-left:auto;display:flex;align-items:center;gap:8px}

/* ==================================================================
   商品选择弹窗（对照金蝶「商品列表」F7 选择框）
   ================================================================== */
.picker-mask{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.45)}
.picker-box{display:flex;flex-direction:column;width:min(1160px,95vw);height:min(740px,92vh);background:#fff;border-radius:10px;box-shadow:0 24px 60px rgba(15,23,42,.32);overflow:hidden}
.picker-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border);background:#f8fafc}
.picker-head .picker-title{font-size:14px;font-weight:600}
.picker-head .picker-close{margin-left:auto;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.picker-head .picker-close:hover{background:#eef2f7;color:var(--text)}
.picker-body{display:flex;flex:1;min-height:0}
.picker-aside{flex:0 0 218px;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:#fbfdff}
.picker-aside-title{padding:9px 12px 6px;font-size:12.5px;font-weight:600;color:#334155}
.picker-tree{flex:1;min-height:0;overflow:auto;padding:2px 6px 10px}
.picker-tree-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;font-size:12.5px;color:#334155;cursor:pointer}
.picker-tree-item:hover{background:#eef4ff}
.picker-tree-item.on{background:#e0edff;color:#1d4ed8;font-weight:600}
.picker-tree-item .n{margin-left:auto;color:var(--muted);font-size:11.5px}
.picker-tree-item.lv2{padding-left:20px}
.picker-tree-item.lv3{padding-left:34px}
.picker-flags{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-top:1px solid var(--border);font-size:12px;color:#475569}
.picker-flags label{display:flex;align-items:center;gap:6px;cursor:pointer}
.picker-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.picker-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid var(--border)}
.picker-search{flex:1;min-width:180px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;outline:none}
.picker-search:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}
.picker-select-sm{height:30px;padding:0 6px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;background:#fff}
.picker-table-wrap{flex:1;min-height:0;overflow:auto}
table.picker-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}
table.picker-table thead th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#475569;font-weight:600;text-align:left;padding:7px 9px;border-bottom:1px solid var(--border);white-space:nowrap}
table.picker-table tbody td{padding:6px 9px;border-bottom:1px solid #f1f5f9;white-space:nowrap}
table.picker-table tbody tr{cursor:pointer}
table.picker-table tbody tr:hover td{background:#f8fafc}
table.picker-table tbody tr.on td{background:#eff6ff}
table.picker-table td.money{text-align:right;font-variant-numeric:tabular-nums}
table.picker-table .tag{font-size:11px;padding:1px 6px}
.picker-foot{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border);background:#f8fafc}
.picker-foot .picker-count{color:var(--muted);font-size:12.5px}
.picker-foot .picker-page{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}
.picker-foot .btn[disabled]{opacity:.5;cursor:not-allowed}
.picker-loading{padding:24px;text-align:center;color:var(--muted);font-size:13px}
.picker-toast{position:absolute;left:50%;top:12px;transform:translateX(-50%);padding:6px 14px;border-radius:16px;background:rgba(17,24,39,.88);color:#fff;font-size:12.5px}
/* ==================================================================
   金蝶「商品列表」版式：左侧类别树 + 紧凑明细表格（列表页专用）
   ================================================================== */
.kd-layout.with-left{grid-template-columns:248px minmax(0,1fr)}
@media (max-width:1100px){.kd-layout.with-left{grid-template-columns:minmax(0,1fr)}}
.kd-tree{padding:2px 0;max-height:56vh;overflow:auto}
.kd-tree-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12.5px;color:#334155;text-decoration:none}
.kd-tree-item:hover{background:#eef4ff;text-decoration:none}
.kd-tree-item.on{background:#e0edff;color:#1d4ed8;font-weight:600}
.kd-tree-item .n{margin-left:auto;color:var(--muted);font-size:11.5px}
.kd-tree-item.lv2{padding-left:20px}
.kd-tree-item.lv3{padding-left:34px}
.kd-tree-flags{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:12px;color:#475569}
.kd-tree-flags label{display:flex;align-items:center;gap:6px;cursor:pointer}
.kd-filter-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}
.kd-filter-form .kd-input{height:30px;width:auto}
.kd-search{flex:1;min-width:200px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;outline:none}
.kd-search:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.12)}
/* 紧凑表格：行距压到最小，一屏能看更多行 */
table.kd-table.kd-dense{font-size:12px;min-width:1080px}
table.kd-table.kd-dense thead th{padding:5px 8px;font-size:12px}
table.kd-table.kd-dense tbody td{padding:2px 8px;line-height:1.4;height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
table.kd-table.kd-dense tbody tr:hover td{background:#e2edfd}
table.kd-table.kd-dense tbody tr.on td{background:#d8e8fd}
table.kd-table.kd-dense tbody tr:nth-child(even) td{background:#F9FAFC}
table.kd-table.kd-dense tbody tr:nth-child(odd) td{background:#fff}
table.kd-table.kd-dense tfoot td{padding:5px 8px;font-size:12px}
table.kd-table.kd-dense .tag{padding:0 6px;font-size:11px;border-radius:8px;line-height:18px;display:inline-block}
table.kd-table.kd-dense input[type=checkbox]{width:14px;height:14px;vertical-align:middle}
table.kd-table.kd-dense .col-check{width:36px;text-align:center}
table.kd-table.kd-dense .col-no{width:46px;color:var(--muted);text-align:center}
table.kd-table.kd-dense .actions{white-space:nowrap}
table.kd-table.kd-dense .actions a{margin-right:6px;font-size:12px}
.kd-ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.kd-badge-stock{font-variant-numeric:tabular-nums}
.kd-badge-stock.low{color:var(--danger);font-weight:600}
.kd-pager{display:flex;align-items:center;gap:10px;padding:7px 12px;border-top:1px solid var(--border);background:#fbfdff;font-size:12.5px;color:var(--muted)}
.kd-pager .spacer{margin-left:auto}
.kd-pager a,.kd-pager span.pg{display:inline-block;min-width:26px;height:26px;line-height:24px;padding:0 7px;text-align:center;border:1px solid var(--border);border-radius:6px;background:#fff;color:#334155;text-decoration:none}
.kd-pager a:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}
.kd-pager span.pg.on{background:var(--primary);border-color:var(--primary);color:#fff}
.kd-pager span.pg.disabled{opacity:.45}
kbd.kd-kbd{display:inline-block;padding:0 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:#f8fafc;font-size:11px;color:#475569;font-family:inherit}
/* 表单设计器可用的 1/3 列宽（12 栅格） */
.kd-field.w1{grid-column:span 1}
.kd-field.w3{grid-column:span 3}
/* ==================================================================
   表单设计器（可视化拖拽式）：三栏布局 + 12 栅格画布卡片 + 属性面板
   仅追加，不影响其它页面
   ================================================================== */
.fd-page{--fd-left:240px;--fd-right:308px}
.fd-form{display:block}
.fd-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:10px}
.fd-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.fd-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.fd-title{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600}
.fd-title-ico{color:var(--primary)}
.fd-meta{color:var(--muted);font-size:12.5px}
.fd-dirty{display:inline-block;padding:1px 8px;border-radius:10px;background:#fef3c7;color:#92400e;font-size:12px}
.fd-help{margin:0 0 12px;color:var(--muted);font-size:12.5px;line-height:1.7}
.fd-help code{background:#f1f5f9;padding:0 4px;border-radius:4px;font-size:12px}
.fd-body{display:grid;grid-template-columns:var(--fd-left) minmax(0,1fr) var(--fd-right);gap:12px;align-items:start}
.fd-body.fd-collapsed{grid-template-columns:var(--fd-left) minmax(0,1fr)}
@media (max-width:1280px){.fd-body{grid-template-columns:var(--fd-left) minmax(0,1fr)}.fd-right{grid-column:1 / -1}}
.fd-left,.fd-right{display:flex;flex-direction:column;gap:12px;position:sticky;top:70px;max-height:calc(100vh - 88px);overflow:auto}
@media (max-width:1280px){.fd-left,.fd-right{position:static;max-height:none}}
.fd-panel{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px}
.fd-panel-title{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;margin-bottom:6px}
.fd-panel-title .ico{width:15px;height:15px;color:var(--primary)}
.fd-panel-num{margin-left:auto;color:var(--muted);font-weight:400;font-size:12px;background:#f1f5f9;border-radius:9px;padding:0 7px}
.fd-panel-hint{color:var(--muted);font-size:11.5px;line-height:1.6;margin-bottom:8px}
.fd-input{width:100%;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;color:var(--text);outline:none}
select.fd-input{padding-right:4px}
.fd-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.fd-textarea{height:auto;padding:7px 9px;line-height:1.55;resize:vertical;font-family:inherit}
.fd-comp-search{margin-bottom:8px}
.fd-comps{display:flex;flex-direction:column;gap:5px;max-height:38vh;overflow:auto;padding-right:2px}
.fd-comp{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:grab;font-size:12.5px}
.fd-comp:hover{border-color:var(--primary);background:#f8fbff}
.fd-comp-grip{color:#cbd5e1;display:inline-flex}
.fd-comp-grip .ico{width:13px;height:13px}
.fd-comp-name{font-weight:500}
.fd-comp-key{margin-left:auto;color:var(--muted);font-size:11px}
.fd-hidden-list{display:flex;flex-direction:column;gap:5px}
.fd-hidden-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px dashed var(--border);border-radius:6px;background:#fbfdff;cursor:grab;font-size:12.5px}
.fd-hidden-item:hover{border-color:var(--primary);background:#f4f9ff}
.fd-hidden-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-hidden-item code{margin-left:auto;color:var(--muted);font-size:11px}
.fd-hidden-add{color:var(--primary);display:inline-flex}
.fd-hidden-add .ico{width:13px;height:13px}
.fd-empty-mini{color:var(--muted);font-size:12px;padding:6px 2px}
.fd-groupnav{display:flex;flex-direction:column;gap:4px}
.fd-groupnav-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:6px;background:#f8fafc;font-size:12.5px;color:#334155;cursor:pointer;text-align:left;font-family:inherit}
.fd-groupnav-item:hover{border-color:var(--primary);color:var(--primary)}
.fd-groupnav-num{margin-left:auto;color:var(--muted);font-size:11.5px}
.fd-canvas-wrap{min-width:0}
.fd-canvas{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:12px;min-height:62vh;display:flex;flex-direction:column;gap:12px}
.fd-group{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:box-shadow .2s}
.fd-group.fd-flash{box-shadow:0 0 0 3px rgba(37,99,235,.25)}
.fd-group-head{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#f8fafc;border-bottom:1px solid var(--border)}
.fd-group-title{font-size:13px;font-weight:600}
.fd-group-count{color:var(--muted);font-size:11.5px}
.fd-group-hint{margin-left:auto;color:#94a3b8;font-size:11.5px}
.fd-group-custom .fd-group-head{background:#f5f3ff}
.fd-group-custom .fd-group-title{color:#5b21b6}
.fd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:12px;min-height:64px;position:relative}
.fd-grid.fd-drop-end::after{content:"";grid-column:1 / -1;height:3px;border-radius:2px;background:var(--primary)}
.fd-placeholder{grid-column:1 / -1;border:1px dashed var(--border);border-radius:6px;padding:14px;text-align:center;color:var(--muted);font-size:12.5px}
.fd-card{position:relative;grid-column:span 4;min-width:0;background:#fff;border:1px solid var(--border);border-radius:7px;padding:7px 9px 8px;cursor:grab;user-select:none;-webkit-user-select:none;transition:border-color .15s,box-shadow .15s}
.fd-card:hover{border-color:#93c5fd;box-shadow:0 1px 6px rgba(37,99,235,.1)}
.fd-card.fd-on{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.18)}
.fd-card.fd-w1{grid-column:span 1}
.fd-card.fd-w2{grid-column:span 2}
.fd-card.fd-w3{grid-column:span 3}
.fd-card.fd-w4{grid-column:span 4}
.fd-card.fd-w6{grid-column:span 6}
.fd-card.fd-w12{grid-column:span 12}
.fd-card.fd-drop-before::before,.fd-card.fd-drop-after::after{content:"";position:absolute;top:-2px;bottom:-2px;width:3px;border-radius:2px;background:var(--primary);z-index:2}
.fd-card.fd-drop-before::before{left:-5px}
.fd-card.fd-drop-after::after{right:-5px}
.fd-card-top{display:flex;align-items:center;gap:5px;margin-bottom:5px}
.fd-card-ops{margin-left:auto;display:flex;align-items:center;gap:2px;opacity:.35;transition:opacity .15s}
.fd-card:hover .fd-card-ops,.fd-card.fd-on .fd-card-ops{opacity:1}
.fd-op{display:inline-flex;align-items:center;gap:2px;height:20px;padding:0 5px;border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);font-size:11.5px;cursor:pointer;font-family:inherit}
.fd-op:hover{background:#f1f5f9;color:var(--primary);border-color:var(--border)}
.fd-op .ico{width:12px;height:12px}
.fd-op-del:hover{color:var(--danger);border-color:#fecaca;background:#fef2f2}
.fd-tag{display:inline-block;padding:0 6px;border-radius:8px;background:#eef2ff;color:#3730a3;font-size:11px;line-height:17px}
.fd-tag-custom{background:#f5f3ff;color:#6d28d9}
.fd-card-name{display:flex;align-items:center;gap:3px}
.fd-card-name .fd-name{flex:1;min-width:0;height:26px;padding:0 6px;border:1px solid transparent;border-radius:5px;background:#f8fafc;font-size:13px;font-weight:500;color:var(--text);outline:none;user-select:text;-webkit-user-select:text;font-family:inherit}
.fd-card-name .fd-name:hover{background:#f1f5f9}
.fd-card-name .fd-name:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.fd-req{color:var(--danger);font-weight:700}
.fd-card-meta{display:flex;align-items:center;gap:5px;margin-top:5px;flex-wrap:wrap}
.fd-card-meta code{color:var(--muted);font-size:11px;background:#f1f5f9;border-radius:4px;padding:0 4px}
.fd-chip{color:#475569;font-size:11px;background:#f8fafc;border:1px solid var(--border);border-radius:9px;padding:0 6px;line-height:16px}
.fd-empty{background:#fff;border:1px dashed var(--border);border-radius:8px;padding:26px 16px;text-align:center}
.fd-empty-title{font-size:14px;font-weight:600;margin-bottom:6px}
.fd-empty-text{color:var(--muted);font-size:12.5px;line-height:1.7}
.fd-right-body{display:flex;flex-direction:column;gap:10px}
.fd-empty-tip{color:var(--muted);font-size:12.5px;line-height:1.8;padding:6px 2px}
.fd-prop-head{display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px dashed var(--border)}
.fd-prop-head code{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.fd-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fd-label{font-size:12px;color:#374151;font-weight:500}
.fd-hint{color:var(--muted);font-size:11.5px;line-height:1.6}
.fd-hint-error{color:var(--danger)}
.fd-field-checks{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fbfdff}
.fd-check{display:flex;align-items:center;gap:6px;font-size:12.5px;cursor:pointer}
.fd-check input{width:14px;height:14px}
.fd-check-hint{color:var(--muted);font-size:11px;font-style:normal;margin-left:auto}
.fd-right-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
/* 拖拽中禁止选中文字，避免拖出蓝色选区 */
body.fd-dragging,body.fd-dragging *{user-select:none !important;-webkit-user-select:none !important;cursor:grabbing !important}
.fd-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);z-index:99;padding:7px 16px;border-radius:16px;background:rgba(17,24,39,.9);color:#fff;font-size:12.5px;box-shadow:0 6px 18px rgba(15,23,42,.25)}

/* 自定义字段与原生字段同栏时的多选/单选排布 */
.kd-checks{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}
.kd-check{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:#334155;cursor:pointer}

/* ==================================================================
   表单设计器（补充）：原生 / 自定义字段同区混排，卡片标签复用 .kd-tag
   ================================================================== */
.fd-card-top .kd-tag{font-size:11px;padding:0 7px;line-height:17px;border-radius:9px}
.fd-hidden-item .kd-tag{font-size:10.5px;padding:0 6px;line-height:16px;border-radius:8px;flex:0 0 auto}
.fd-op-out:hover{color:#b45309;border-color:#fde68a;background:#fffbeb}
.fd-groupnav-num{white-space:nowrap}

/* ==================================================================
   表单设计器 · 选项编辑器（下拉 / 单选 / 多选的文字、值、颜色、排序）
   ================================================================== */
.fd-opt-field{gap:6px}
.fd-opt-count{margin-left:6px;color:var(--muted);font-size:11.5px;font-weight:400}
.fd-opt-field .kd-tag{font-size:10.5px;padding:0 6px;line-height:16px;border-radius:8px;margin-left:6px}
.fd-opt-chips{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--border);border-radius:6px;background:#fbfdff;max-height:96px;overflow:auto}
.fd-opt-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#334155;background:#fff;border:1px solid var(--border);border-radius:9px;padding:0 7px;line-height:17px;max-width:100%}
.fd-opt-chip i{width:7px;height:7px;border-radius:50%;background:#cbd5e1;flex:0 0 auto}
.fd-opt-chip em{color:var(--muted);font-style:normal;font-size:10.5px}
.fd-opt-chip.fd-opt-more{color:var(--muted)}
.fd-opt-empty{color:var(--muted);font-size:11.5px}
.fd-opt-btns{display:flex;flex-wrap:wrap;gap:6px}
.fd-opt-btns .btn{display:inline-flex;align-items:center;gap:4px}
.fd-opt-btns .btn .ico{width:13px;height:13px}

.fd-opt-mask{z-index:10001}
.fd-opt-box{max-width:780px;width:min(780px,94vw);display:flex;flex-direction:column;max-height:90vh}
.fd-opt-head-bar{display:flex;align-items:center;gap:8px}
.fd-opt-head-bar .ico{width:15px;height:15px;color:var(--primary)}
.fd-opt-close{margin-left:auto}
.fd-opt-body{display:flex;flex-direction:column;gap:10px;padding:14px 18px;max-height:64vh;white-space:normal}
.fd-opt-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fd-opt-toolbar .btn{display:inline-flex;align-items:center;gap:4px}
.fd-opt-toolbar .btn .ico{width:13px;height:13px}
.fd-opt-tip{margin-left:auto;color:var(--muted);font-size:11.5px}
.fd-opt-bulk{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px dashed var(--border);border-radius:8px;background:#fbfdff}
.fd-opt-bulk-foot{display:flex;align-items:center;gap:8px}
.fd-opt-bulk-foot .btn{margin-left:auto}
.fd-opt-grid-head,.fd-opt-row{display:grid;grid-template-columns:58px minmax(0,1.35fr) minmax(0,1fr) 86px;gap:8px;align-items:center}
.fd-opt-grid-head{color:var(--muted);font-size:11.5px;padding:0 4px 2px}
.fd-opt-grid-head span:first-child{text-align:center}
.fd-opt-grid-head span:last-child{text-align:right}
.fd-opt-rows{display:flex;flex-direction:column;gap:6px;min-height:44px}
.fd-opt-row{border:1px solid var(--border);border-radius:7px;padding:5px 6px;background:#fff;cursor:default}
.fd-opt-row:hover{border-color:#93c5fd}
.fd-opt-row.fd-opt-dragging{opacity:.45}
.fd-opt-row.fd-opt-over{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.16)}
.fd-opt-grip{display:inline-flex;align-items:center;justify-content:center;color:#cbd5e1;cursor:grab}
.fd-opt-grip .ico{width:14px;height:14px}
.fd-opt-swatch-wrap{position:relative}
.fd-opt-swatch{width:34px;height:32px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.fd-opt-swatch i{width:16px;height:16px;border-radius:4px;background:repeating-conic-gradient(#e2e8f0 0 25%,#fff 0 50%) 50%/8px 8px;display:block}
.fd-opt-swatch.has-color i{background-image:none}
.fd-opt-palette{position:absolute;left:0;top:36px;z-index:20;display:flex;flex-wrap:wrap;gap:4px;width:186px;padding:7px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.16)}
.fd-opt-color{width:20px;height:20px;border:1px solid var(--border);border-radius:5px;background:#fff;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}
.fd-opt-color i{width:14px;height:14px;border-radius:3px;display:block}
.fd-opt-color.on{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.18)}
.fd-opt-none{color:#94a3b8;font-size:12px;line-height:1}
.fd-opt-custom{width:20px;height:20px;border:1px dashed var(--border);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}
.fd-opt-custom input[type=color]{width:26px;height:26px;border:none;padding:0;background:none;cursor:pointer}
.fd-opt-label,.fd-opt-value{height:32px;font-size:12.5px}
.fd-opt-ops{display:flex;align-items:center;justify-content:flex-end;gap:2px}
.fd-icon-btn{width:24px;height:24px;border:1px solid transparent;border-radius:5px;background:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.fd-icon-btn:hover{background:#f1f5f9;color:var(--primary);border-color:var(--border)}
.fd-icon-btn.fd-icon-danger:hover{color:var(--danger);background:#fef2f2;border-color:#fecaca}
.fd-icon-btn .ico{width:13px;height:13px}
.fd-opt-rows-empty{color:var(--muted);font-size:12px;padding:10px;text-align:center;border:1px dashed var(--border);border-radius:7px;background:#fbfdff}
.fd-opt-foot{display:flex;align-items:center;gap:8px}
.fd-opt-foot-hint{color:var(--muted);font-size:11.5px;margin-right:auto;text-align:left;max-width:60%}



/* ==================================================================
   发票：附件上传 / 发送发票
   ================================================================== */
.kd-upload-row{display:flex;align-items:center;gap:6px}
.kd-upload-row .kd-input{flex:1;min-width:0}
.kd-upload-row input[type=file]{display:none}
.kd-file-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.kd-file-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--border);border-radius:14px;background:#f8fafc;font-size:12px}
.kd-file-chip a{display:inline-flex;align-items:center;gap:4px;color:var(--primary);text-decoration:none}
.kd-file-chip a .ico{width:12px;height:12px}
.kd-file-chip em{color:var(--muted);font-style:normal;font-size:11px}
.kd-file-chip .kd-file-del{color:#94a3b8;text-decoration:none;font-size:12px;line-height:1;padding:2px 3px;border-radius:4px}
.kd-file-chip .kd-file-del:hover{color:var(--danger);background:#fef2f2}
/* 自动识别回填的字段：淡黄底提示这是识别出来的值 */
.kd-input.kd-recognized{background:#fffbeb;border-color:#fcd34d}
.kd-input.kd-recognized:focus{background:#fff}
.modal-head.modal-danger{color:var(--danger);background:#fef2f2}
.kd-send-row{display:flex;align-items:center;gap:10px}
.kd-send-row .kd-hint{margin-right:auto}
.kd-send-textarea{min-height:96px}

/* ==================================================================
   弹窗选择器（发票：选客户 / 选销售订单）
   ================================================================== */
.kd-picker-mask{z-index:1305}
.kd-picker-box{max-width:860px;width:min(860px,94vw);display:flex;flex-direction:column;max-height:88vh}
.kd-picker-head{display:flex;align-items:center;gap:8px}
.kd-picker-head .ico{width:15px;height:15px;color:var(--primary)}
.kd-picker-close{margin-left:auto}
.kd-picker-body{padding:12px 16px;max-height:62vh;white-space:normal;display:flex;flex-direction:column;gap:10px}
.kd-picker-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kd-picker-toolbar .kd-input{width:260px;height:30px}
.kd-picker-toolbar .kd-picker-count{margin-left:auto;color:var(--muted);font-size:12px}
.kd-picker-list{flex:1;min-height:180px;overflow:auto;border:1px solid var(--border);border-radius:8px}
.kd-picker-list table{width:100%;border-collapse:collapse;font-size:12.5px}
.kd-picker-list thead th{position:sticky;top:0;z-index:1;background:#e9eef6;color:#334155;font-weight:600;text-align:left;padding:6px 8px;white-space:nowrap}
.kd-picker-list tbody td{padding:6px 8px;border-top:1px solid #eef2f7;vertical-align:middle}
.kd-picker-list tbody tr{cursor:pointer}
.kd-picker-list tbody tr:hover{background:#f4f9ff}
.kd-picker-list tbody tr.on{background:#e0edff}
.kd-picker-list .num{text-align:right;font-variant-numeric:tabular-nums}
.kd-picker-foot{display:flex;align-items:center;gap:8px}
.kd-picker-foot .kd-hint{margin-right:auto}
.kd-picker-pager{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.kd-picker-pager .btn{height:24px;padding:0 8px}
.kd-picker-loading{padding:26px;text-align:center;color:var(--muted);font-size:12.5px}
/* 客户「单位信息」导入弹窗 */
.kd-unit-box{max-width:920px;width:min(920px,94vw);display:flex;flex-direction:column;max-height:88vh}
.kd-unit-head{display:flex;align-items:center;gap:8px}
.kd-unit-head .ico{width:15px;height:15px;color:var(--primary)}
.kd-unit-head .fd-icon-btn{margin-left:auto}
.kd-unit-body{padding:14px 18px;max-height:none;white-space:normal}
.kd-unit-body .kd-picker-toolbar{margin-bottom:8px}
.kd-unit-list{max-height:320px;min-height:160px}
.kd-unit-body textarea.kd-input{width:100%;font-size:12.5px;line-height:1.6;resize:vertical}
.kd-unit-tabs{margin-bottom:10px}
.kd-unit-flash{margin-left:8px}
/* 关联字段弹窗选择（客户 / 联系人 / 合同 / 商机…）：只读文本框 + 隐藏域 + 选择按钮 */
.kd-rel-picker{display:flex;gap:6px;align-items:center;width:100%}
.kd-rel-picker .kd-rel-text{flex:1;min-width:0;cursor:pointer;background:#fff}
.kd-rel-picker .kd-rel-btn{flex:0 0 auto;white-space:nowrap}
.kd-rel-picker .kd-rel-clear{flex:0 0 auto;padding:0 7px;color:#94a3b8;line-height:1}
.kd-rel-picker .kd-rel-clear:hover{color:var(--danger);border-color:#fecaca;background:#fef2f2}
.kd-rel-box{max-width:1000px;width:min(1000px,94vw)}
.kd-filter-form .kd-rel-picker,.kd-toolbar .kd-rel-picker{max-width:300px}
.kd-filter-form .kd-rel-picker .kd-rel-clear,.kd-toolbar .kd-rel-picker .kd-rel-clear{display:none}
.kd-rel-box .kd-picker-list{max-height:52vh}
.kd-picker-list table td .kd-tag{font-size:11px;padding:1px 6px}
.kd-rel-picked-hint{color:#0f766e}
/* 关联弹窗（复用商品弹窗版式）：工具条筛选组 + 加载态 */
.picker-toolbar #kd-rel-filters{display:flex;gap:8px;flex-wrap:wrap}
.kd-picker-loading,.picker-loading{padding:26px;text-align:center;color:var(--muted);font-size:12.5px}
.picker-foot #kd-rel-tip{margin-left:10px}
#kd-rel-list .picker-table tbody td .tag{font-size:11px;padding:1px 6px}
/* 带弹窗选择的字段：输入框 + 选择按钮 */
.kd-pick-row{display:flex;align-items:center;gap:6px}
.kd-pick-row .kd-pick-text{flex:1;min-width:0;height:32px;line-height:30px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:#f8fafc;color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kd-pick-row .kd-pick-text.empty{color:#94a3b8}
.kd-pick-row .btn{height:32px;white-space:nowrap}

/* 单据表单里的选项颜色标注（表单设计器「编辑选项」配的颜色） */
.kd-opt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin:0 5px;vertical-align:middle}
.kd-label .kd-opt-dot{cursor:default}
.kd-check .kd-opt-dot{margin:0 1px 0 5px;width:7px;height:7px}
.kd-opt-name{font-size:12.5px;color:#334155}
select.kd-select-colored{font-weight:500}
select.kd-select-colored option{font-weight:400}
.tag.kd-tag-color{border-width:1px;border-style:solid;font-weight:500}

/* ==================================================================
   产品新增 / 编辑页（金蝶风格紧凑版式）：只补充 .prod- 前缀的少量细节，
   复用页面里已有的 .kd-* 类，不改动任何既有规则。
   ================================================================== */
.prod-head-thumb{width:30px;height:30px;border-radius:6px;object-fit:cover;border:1px solid var(--border);background:#f8fafc;flex:0 0 auto}
.prod-file{font-size:12px;color:var(--muted);max-width:100%}
.prod-upload-multi .kd-input{flex:1 1 220px;min-width:180px}
.prod-textarea{min-height:62px}
.prod-editor{min-height:150px}
.prod-stock-low{color:#dc2626 !important}
/* 没有设计器布局时的「自定义字段」回落分区：与 .kd-* 的紧凑度对齐 */
.prod-custom .form-group-title{margin:0 0 8px;font-size:13px;padding-left:8px}
.prod-custom .form-grid{gap:9px 12px}
.prod-custom .form-item{gap:4px}
.prod-custom .form-label{font-size:12px;color:var(--muted)}
.prod-custom .input{height:32px}
.prod-custom textarea.input{height:auto;min-height:62px}

/* ==================================================================
   扁平化主题（Flat）：去渐变 / 去投影 / 统一小圆角
   规则集中在最后，用于覆盖前面偏立体化的写法
   ================================================================== */

/* ① 去渐变：登录/独立页背景改纯色 */
body.blank{background:#1e3a8a}

/* ② 统一圆角：容器 6px、控件 4px、标签徽标 3px */
.card,.kd-card,.kd-head,.kd-foot,.kd-toolbar,.login-card,.error-card,.modal-box,
.kd-cols-panel,.picker-box,.fd-panel,.fd-toolbar,.fd-canvas,.fd-group,.fd-empty,
.trace,.stat-card,.pr-widget,.brand-logo,.product-head-img,.preview,.thumb,
.captcha-row img,.icon-btn,.nav-group-toggle,.nav-children.flyout{border-radius:6px}
.btn,.input,.kd-input,.page-item,.kd-search,.fd-input,.kd-cols-item input{border-radius:4px}
.tag,.kd-tag,.role-tag,.badge,.kd-cols-count,.fd-tag,.fd-chip,.fd-dirty,
.fd-panel-num,.picker-toast{border-radius:3px}

/* ③ 去投影：卡片/工具条/吸底条一律不投影，靠 1px 边框区隔 */
.card,.kd-card,.kd-head,.kd-foot,.stat-card,.form-dock,.trace,
.fd-card,.fd-card:hover{box-shadow:none}
.login-card,.error-card,.modal-box{border:1px solid #cbd5e1;box-shadow:none}
.form-dock{background:#fff;backdrop-filter:none;box-shadow:none}

/* ④ 浮层保留极浅投影（仅用于与背景分离） */
.kd-cols-panel{box-shadow:0 6px 16px rgba(15,23,42,.10)}
.picker-box{box-shadow:0 8px 22px rgba(15,23,42,.12)}
.nav-children.flyout{box-shadow:0 6px 18px rgba(2,6,23,.35)}
.fd-toast,.picker-toast{box-shadow:0 4px 12px rgba(15,23,42,.12)}

/* ⑤ 动效收敛：弹窗只淡入、不做位移；卡片悬停不位移 */
@keyframes modal-in{from{opacity:.6}to{opacity:1}}
.modal-box{animation:modal-in .12s ease-out}
.fd-card:hover{transform:none}

/* ⑥ 焦点态统一为 2px 实心描边环（无模糊、扁平） */
.input:focus,.kd-input:focus,.kd-search:focus,.picker-search:focus,.fd-input:focus,

table.kd-table .kd-cell-input:focus{box-shadow:0 0 0 2px rgba(37,99,235,.18)}
.fd-card.fd-on,.fd-group.fd-flash{box-shadow:0 0 0 2px rgba(37,99,235,.22)}

/* ==================================================================
   扫码录入（一维码 / 二维码）：扫码枪输入框 + 摄像头识别弹窗
   ================================================================== */
.pr-scan{display:inline-flex;align-items:center;gap:6px}
.pr-scan .pr-scan-input{width:230px;height:30px}
.scan-mask{position:fixed;inset:0;z-index:1350;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.45)}
.scan-box{width:min(760px,94vw);max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 24px 60px rgba(15,23,42,.32);overflow:hidden}
.scan-head{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border);background:#f8fafc;font-size:14px}
.scan-head .scan-close{margin-left:auto;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.scan-head .scan-close:hover{background:#eef2f7;color:var(--text)}
.scan-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px 6px}
.scan-toolbar .scan-input{flex:1;min-width:180px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none}
.scan-toolbar .scan-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.12)}
.scan-hint{padding:0 16px 8px;color:var(--muted);font-size:12px}
.scan-video-wrap{padding:0 16px 8px}
.scan-video{width:100%;max-height:260px;background:#0f172a;border-radius:8px}
.scan-video-tip{padding-top:4px;color:var(--muted);font-size:12px;text-align:center}
.scan-body{flex:1;min-height:120px;overflow:auto;padding:0 16px 14px}
.scan-empty{padding:26px 10px;text-align:center;color:var(--muted);font-size:13px}
.scan-empty.error{color:var(--danger)}
.scan-count{padding:6px 0;color:var(--muted);font-size:12.5px}
table.scan-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}
table.scan-table thead th{background:#e9eef6;color:#334155;font-weight:600;text-align:left;padding:6px 8px;border-bottom:1.5px solid #b9c6d8;white-space:nowrap}
table.scan-table tbody td{padding:5px 8px;border-bottom:1px solid #cfd9e6;white-space:nowrap}
table.scan-table tbody tr{cursor:pointer}
table.scan-table tbody tr:hover td{background:#e2edfd}
table.scan-table .scan-money{text-align:right;font-variant-numeric:tabular-nums}
.scan-toast{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:1400;padding:7px 16px;border-radius:16px;background:rgba(17,24,39,.9);color:#fff;font-size:12.5px}
.scan-toast.error{background:rgba(185,28,28,.92)}

/* ==================================================================
   编码规则（基础设置 → 编码规则）：编号预览 + 内置单据目录
   ================================================================== */
.kd-preview-box{padding:12px 14px;border:1px dashed var(--border);border-radius:8px;background:#fbfdff}
.kd-preview-main{font-size:22px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#1f2937;word-break:break-all}
.kd-preview-main span{margin-right:2px}
.kd-preview-main #preview-prefix{color:#1d4ed8}
.kd-preview-main #preview-date{color:#b45309}
.kd-preview-main #preview-serial{color:#047857}
.kd-preview-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--muted)}
.kd-preview-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.kd-preview-legend .dot-prefix{background:#1d4ed8}
.kd-preview-legend .dot-date{background:#b45309}
.kd-preview-legend .dot-serial{background:#047857}
.kd-catalog{max-height:340px;overflow:auto;margin-top:8px}
.kd-catalog-group{margin-bottom:6px}
.kd-catalog-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;font-size:12.5px;color:#334155;text-decoration:none}
.kd-catalog-item:hover{background:#eef4ff;text-decoration:none}
.kd-catalog-item .n1{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kd-catalog-item .n2{color:var(--muted);font-size:11.5px}

/* ==================================================================
   补齐既有表单/表格用到的样式类（原先只在个别页面局部定义或漏定义）
   ================================================================== */
.form-item.col-2{flex:0 0 calc(16.66% - 15px)}
.form-item.col-8{flex:0 0 calc(66.66% - 5px)}
.form-item.col-10{flex:0 0 calc(83.33% - 2px)}
.kd-table .kd-cell-check{width:100%;height:14px;vertical-align:middle;margin:0}

/* ==================================================================
   仪表盘（工作台）：渐变 Hero + KPI 卡（带环比）+ 手写 SVG 图表 + 动态列表
   规则全部以 .dash- 前缀，放在文件最后，按需覆盖扁平化主题的观感
   ================================================================== */
@keyframes dash-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dash-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dash-page{--dash-radius:14px}

/* ① Hero */
.dash-hero{position:relative;display:flex;gap:24px;flex-wrap:wrap;align-items:stretch;
  background:linear-gradient(120deg,#1e3a8a 0%,#2563eb 46%,#0ea5e9 100%);
  border-radius:16px;padding:22px 24px;color:#fff;overflow:hidden;
  box-shadow:0 12px 30px rgba(30,58,138,.22);margin-bottom:16px;animation:dash-up .5s both}
.dash-hero::after{content:'';position:absolute;right:-60px;top:-70px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 68%);pointer-events:none}
.dash-hero-main{flex:1 1 420px;min-width:0;position:relative;z-index:1}
.dash-hello{font-size:22px;font-weight:700;letter-spacing:.4px}
.dash-hello-sub{margin-top:5px;font-size:12.5px;opacity:.85}
.dash-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.dash-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;
  color:#fff;text-decoration:none;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);transition:.16s}
.dash-chip:hover{background:rgba(255,255,255,.24)}
.dash-chip b{font-size:14.5px;font-weight:700}
.dash-chip.warn{background:rgba(251,191,36,.22);border-color:rgba(251,191,36,.55)}
.dash-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.dash-page .dash-btn-main{background:#fff;border-color:#fff;color:#1d4ed8;font-weight:600}
.dash-page .dash-btn-main:hover{background:#e0edff}
.dash-page .dash-btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);color:#fff}
.dash-page .dash-btn-ghost:hover{background:rgba(255,255,255,.22)}
.dash-hero-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:196px}
.dash-ring{position:relative;width:138px;height:138px}
.dash-ring svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 10px rgba(2,6,23,.25))}
.dash-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.dash-ring-text b{font-size:25px;font-weight:700;letter-spacing:.5px}
.dash-ring-text span{font-size:11px;opacity:.88}
.dash-hero-note{width:100%;display:flex;flex-direction:column;gap:5px;font-size:12px}
.dash-hero-note > div{display:flex;justify-content:space-between;gap:10px;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.12)}
.dash-hero-note .k{opacity:.85}
.dash-hero-note .v{font-weight:600;font-variant-numeric:tabular-nums}

/* ② KPI 卡 */
.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:14px;margin-bottom:12px}
.dash-kpi{position:relative;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);
  border-radius:var(--dash-radius);padding:14px 16px 14px 18px;text-decoration:none;color:inherit;overflow:hidden;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;animation:dash-up .5s both}
.dash-kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#93c5fd,#2563eb)}
.dash-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.10);border-color:#c7d7fe}
.dash-kpi.tone-green::before{background:linear-gradient(180deg,#6ee7b7,#059669)}
.dash-kpi.tone-violet::before{background:linear-gradient(180deg,#c4b5fd,#7c3aed)}
.dash-kpi.tone-amber::before{background:linear-gradient(180deg,#fcd34d,#d97706)}
.dash-kpi-icon{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}
.dash-kpi-icon .ico{width:20px;height:20px}
.dash-kpi.tone-green .dash-kpi-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}
.dash-kpi.tone-violet .dash-kpi-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}
.dash-kpi.tone-amber .dash-kpi-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}
.dash-kpi-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.dash-kpi-label{font-size:12.5px;color:var(--muted)}
.dash-kpi-value{font-size:22px;font-weight:700;letter-spacing:.4px;font-variant-numeric:tabular-nums;line-height:1.15}
.dash-kpi-foot{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.dash-delta{padding:1px 6px;border-radius:999px;font-weight:600;font-size:11px}
.dash-delta.up{background:#dcfce7;color:#15803d}
.dash-delta.down{background:#fee2e2;color:#b91c1c}

/* ③ 迷你指标 */
.dash-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(146px,1fr));gap:12px;margin-bottom:16px}
.dash-mini-item{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:12px;
  padding:10px 12px;text-decoration:none;color:inherit;transition:.16s}
.dash-mini-item:hover{transform:translateY(-2px);border-color:#c7d7fe;box-shadow:0 8px 18px rgba(15,23,42,.07)}
.dash-mini-icon{width:28px;height:28px;border-radius:9px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.dash-mini-value{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.dash-mini-label{font-size:11.5px;color:var(--muted);margin-left:auto}

/* ④ 卡片与图表 */
.dash-row{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:16px}
.dash-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dash-card{background:#fff;border:1px solid var(--border);border-radius:var(--dash-radius);padding:14px 16px 16px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);animation:dash-up .5s both;min-width:0}
.dash-card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.dash-card-icon{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.dash-card-icon .ico{width:15px;height:15px}
.dash-card-title{font-size:13.5px;font-weight:600}
.dash-card-extra{font-size:11.5px;color:var(--muted);margin-left:auto}
.dash-card-title + .dash-card-link{margin-left:auto}
.dash-card-link{margin-left:8px;font-size:12px;color:#2563eb;text-decoration:none;white-space:nowrap}
.dash-card-link:hover{text-decoration:underline}
.dash-legend{margin-left:auto;display:flex;gap:12px;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.dash-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}
.dash-chart{width:100%}
.dash-chart svg{width:100%;height:auto;display:block}

/* ⑤ 漏斗 */
.dash-funnel{display:flex;flex-direction:column;gap:13px;padding-top:2px}
.dash-funnel-row{display:grid;grid-template-columns:82px 1fr 128px;gap:10px;align-items:center;text-decoration:none;color:inherit}
.dash-funnel-label{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#334155;white-space:nowrap}
.dash-funnel-track{position:relative;height:26px;border-radius:8px;background:#f1f5f9;overflow:hidden}
.dash-funnel-bar{display:block;height:100%;border-radius:8px;transform-origin:left center;animation:dash-bar .7s ease-out both;
  background:linear-gradient(90deg,#1d4ed8,#60a5fa)}
.dash-funnel-row:nth-child(2) .dash-funnel-bar{background:linear-gradient(90deg,#2563eb,#7dd3fc)}
.dash-funnel-row:nth-child(3) .dash-funnel-bar{background:linear-gradient(90deg,#0891b2,#67e8f9)}
.dash-funnel-row:nth-child(4) .dash-funnel-bar{background:linear-gradient(90deg,#059669,#6ee7b7)}
.dash-funnel-value{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;font-size:11.5px}
.dash-funnel-value b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.dash-funnel-value em{font-style:normal;color:#059669}
.dash-funnel-value i{font-style:normal;color:var(--muted)}

/* ⑥ 来源分布 */
.dash-source{display:flex;flex-direction:column;gap:12px;padding-top:2px}
.dash-source-row{display:grid;grid-template-columns:92px 1fr 72px;gap:10px;align-items:center;font-size:12px}
.dash-source-label{color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-source-track{height:16px;border-radius:6px;background:#f1f5f9;overflow:hidden}
.dash-source-bar{display:block;height:100%;border-radius:6px;transform-origin:left center;animation:dash-bar .7s ease-out both;
  background:linear-gradient(90deg,#3b82f6,#93c5fd)}
.dash-source-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.dash-source-value em{font-style:normal;color:var(--muted);font-weight:400;margin-left:5px;font-size:11px}

/* ⑦ 动态列表 */
.dash-list{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow:auto}
.dash-list-item{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:9px;text-decoration:none;color:inherit;transition:.14s}
.dash-list-item:hover{background:#f8fafc}
.dash-list-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.dash-list-main b{font-size:12.8px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-list-main em{font-style:normal;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-list-meta{font-size:11px;color:#94a3b8;text-align:right;line-height:1.45;white-space:nowrap}
.dash-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:600;color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#e0e7ff)}
.dash-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#94a3b8}
.dash-dot.tone-amber{background:#f59e0b}
.dash-dot.tone-blue{background:#3b82f6}
.dash-empty{padding:20px 8px;text-align:center;color:var(--muted);font-size:12.5px}

/* ⑧ 响应式 */
@media (max-width:1280px){
  .dash-row{grid-template-columns:1fr}
  .dash-row-3{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .dash-row-3{grid-template-columns:1fr}
  .dash-hero{padding:18px}
  .dash-hero-side{align-items:flex-start;min-width:0}
  .dash-ring{width:118px;height:118px}
}