/* ERP 工作台样式 — 深色侧栏 + 浅色画布 + 卡片化 */
.erp-app { --ink:#0f172a; --muted:#64748b; --line:#e6ebf2; --brand:#2563eb; --bg:#f5f7fb;
  display:block; min-height:calc(100vh - 64px); background:var(--bg); color:var(--ink); font-size:13.5px; }
.erp-side { width:196px; flex:0 0 196px; background:#0b1220; color:#c7d2e4; padding:18px 12px; display:flex; flex-direction:column; gap:4px; }
.erp-brand { display:flex; align-items:center; gap:10px; padding:2px 6px 18px; }
.erp-logo { width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,#2563eb,#7c3aed); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:16px; box-shadow:0 6px 18px rgba(37,99,235,.35); }
.erp-brand b { display:block; color:#fff; font-size:15px; letter-spacing:.5px; }
.erp-brand i { display:block; color:#7f8da5; font-size:11px; font-style:normal; margin-top:2px; }
.erp-side-label { color:#5f6d84; font-size:10px; letter-spacing:1.4px; padding:6px 8px; text-transform:uppercase; }
.erp-nav { display:flex; align-items:center; gap:9px; width:100%; background:transparent; border:0; color:#aab8cf; padding:9px 10px; border-radius:9px; cursor:pointer; font-size:13px; text-align:left; }
.erp-nav:hover { background:#131d31; color:#fff; }
.erp-nav.on { background:linear-gradient(90deg,rgba(37,99,235,.25),rgba(37,99,235,.08)); color:#fff; box-shadow:inset 2px 0 0 #3b82f6; }
.erp-nav .erp-ni { width:18px; text-align:center; color:#6f86a8; font-size:13px; }
.erp-nav.on .erp-ni { color:#93c5fd; }
.erp-nav em { margin-left:auto; font-style:normal; font-size:10.5px; color:#6f819d; background:#162034; padding:1px 6px; border-radius:999px; }
.erp-nav.on em { color:#bfdbfe; background:#1e3a66; }
.erp-side-foot { margin-top:auto; padding:12px 8px 4px; color:#5f6d84; font-size:10.5px; line-height:1.7; border-top:1px solid #162034; }
.erp-side-foot i { font-style:normal; color:#4b5a72; }
.erp-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#22c55e; margin-right:5px; }
.erp-main { flex:1; min-width:0; display:flex; flex-direction:column; }
.erp-top { height:58px; display:flex; align-items:center; gap:18px; padding:0 24px; background:rgba(255,255,255,.86); border-bottom:1px solid var(--line); backdrop-filter:blur(8px); position:sticky; top:0; z-index:5; }
.erp-crumb { color:#94a3b8; font-size:12px; white-space:nowrap; }
.erp-crumb span { margin:0 5px; color:#cbd5e1; }
.erp-crumb b { color:#334155; font-weight:600; }
.erp-search { flex:1; max-width:430px; display:flex; align-items:center; gap:8px; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:9px; padding:7px 10px; color:#94a3b8; }
.erp-search input { flex:1; border:0; background:transparent; outline:0; font-size:12.5px; color:#0f172a; }
.erp-search kbd { font-size:10px; color:#94a3b8; background:#fff; border:1px solid #e2e8f0; border-radius:4px; padding:1px 5px; }
.erp-actions { margin-left:auto; display:flex; gap:8px; }
.erp-btn { border:1px solid #e2e8f0; background:#fff; color:#334155; padding:7px 12px; border-radius:8px; font-size:12.5px; cursor:pointer; white-space:nowrap; }
.erp-btn:hover { border-color:#cbd5e1; background:#f8fafc; }
.erp-btn.primary { background:var(--brand); border-color:var(--brand); color:#fff; box-shadow:0 4px 12px rgba(37,99,235,.25); }
.erp-btn.primary:hover { background:#1d4ed8; }
.erp-body { padding:20px 24px 38px; max-width:1440px; width:100%; box-sizing:border-box; }

.erp-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; border-radius:16px; color:#fff;
  background:radial-gradient(1200px 200px at 10% 0%,#1e3a8a 0%,#0f172a 60%),#0f172a; box-shadow:0 14px 34px rgba(15,23,42,.18); margin-bottom:16px; }
.erp-hero-k { color:#93c5fd; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; }
.erp-hero h1 { margin:6px 0 4px; font-size:26px; letter-spacing:.3px; }
.erp-hero p { margin:0; color:#94a3b8; font-size:12px; }
.erp-ring { width:92px; height:92px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; }
.erp-ring:after { content:''; position:absolute; inset:8px; background:#0f172a; border-radius:50%; }
.erp-ring b, .erp-ring i { position:relative; z-index:1; }
.erp-ring b { font-size:19px; }
.erp-ring i { font-style:normal; font-size:10px; color:#94a3b8; margin-top:2px; }

.erp-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.erp-kpi { background:#fff; border:1px solid var(--line); border-radius:13px; padding:14px 16px; position:relative; overflow:hidden; }
.erp-kpi:before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:#e2e8f0; }
.erp-kpi.blue:before { background:#2563eb; } .erp-kpi.violet:before { background:#7c3aed; }
.erp-kpi.green:before { background:#10b981; } .erp-kpi.amber:before { background:#f59e0b; }
.erp-kpi-h { display:flex; justify-content:space-between; color:#64748b; font-size:12px; }
.erp-kpi-h i { font-style:normal; color:#cbd5e1; }
.erp-kpi-v { font-size:24px; font-weight:750; letter-spacing:.2px; margin:7px 0 3px; }
.erp-kpi-s { color:#94a3b8; font-size:11px; }

.erp-grid3 { display:grid; grid-template-columns:1.55fr 1fr; gap:12px; margin-bottom:14px; }
.erp-grid2 { display:grid; grid-template-columns:1.35fr 1fr; gap:12px; }
.erp-panel { background:#fff; border:1px solid var(--line); border-radius:13px; padding:14px 16px; min-width:0; }
.erp-panel.span2 { min-width:0; }
.erp-ph { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:11px; }
.erp-ph b { font-size:13px; }
.erp-ph span { color:#94a3b8; font-size:11px; }
.erp-link { border:0; background:transparent; color:var(--brand); font-size:12px; cursor:pointer; padding:0; }
.erp-funnel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; }
.erp-fn-h { display:flex; justify-content:space-between; align-items:center; margin-bottom:5px; font-size:12px; }
.erp-fn-h b { color:#0f172a; }
.erp-prog { height:7px; background:#eef2f8; border-radius:999px; overflow:hidden; }
.erp-prog i { display:block; height:100%; background:#2563eb; border-radius:999px; }
.erp-prog i.rose { background:#ef4444; }
.erp-prog i.amber { background:#f59e0b; } .erp-prog i.green { background:#10b981; } .erp-prog i.violet { background:#7c3aed; } .erp-prog i.teal { background:#14b8a6; }
.erp-todo { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.erp-todo > div { background:#f8fafc; border:1px solid #eef2f8; border-radius:9px; padding:10px; }
.erp-todo b { display:block; font-size:20px; }
.erp-todo span { color:#64748b; font-size:11px; }
.erp-recent { display:flex; flex-direction:column; }
.erp-recent-r { display:grid; grid-template-columns:88px 1fr auto auto; gap:8px; align-items:center; background:transparent; border:0; border-bottom:1px dashed #eef2f8; padding:9px 2px; text-align:left; cursor:pointer; font-size:12px; color:#334155; }
.erp-recent-r:hover { background:#f8fafc; }
.erp-recent-r:last-child { border-bottom:0; }
.erp-rc { color:#94a3b8; font-size:10.5px; }
.erp-rn { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.erp-recent-r b { color:#0f172a; font-size:12px; }
.erp-top-r { display:grid; grid-template-columns:22px 1fr auto; gap:8px; align-items:center; padding:8px 0; border-bottom:1px dashed #eef2f8; font-size:12px; }
.erp-top-r:last-child { border-bottom:0; }
.erp-top-r i { width:19px; height:19px; border-radius:6px; background:#eff6ff; color:#2563eb; font-style:normal; font-size:10.5px; display:flex; align-items:center; justify-content:center; }
.erp-top-r b { color:#0f172a; }

.erp-page-h { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; }
.erp-page-h h2 { margin:0; font-size:20px; }
.erp-page-h p { margin:4px 0 0; color:#64748b; font-size:12px; }
.erp-chips { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.erp-fchip { border:1px solid #e2e8f0; background:#fff; color:#475569; padding:5px 10px; border-radius:999px; font-size:11.5px; cursor:pointer; }
.erp-fchip.on { background:#0f172a; border-color:#0f172a; color:#fff; }
.erp-tablewrap { background:#fff; border:1px solid var(--line); border-radius:13px; overflow:auto; }
.erp-table { width:100%; border-collapse:collapse; font-size:12px; min-width:760px; }
.erp-table th { position:sticky; top:0; background:#f8fafc; color:#64748b; font-weight:600; text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); white-space:nowrap; font-size:11px; }
.erp-table td { padding:10px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle; color:#334155; }
.erp-table tr:last-child td { border-bottom:0; }
.erp-table td b { display:block; color:#0f172a; font-weight:600; }
.erp-table td i { display:block; color:#94a3b8; font-style:normal; font-size:10.5px; margin-top:2px; }
.erp-table .r { text-align:right; white-space:nowrap; }
.erp-table .strong { font-weight:700; color:#0f172a; }
.erp-table tr.erp-click { cursor:pointer; }
.erp-table tr.erp-click:hover td { background:#f8fafc; }
.erp-progcell { min-width:120px; }
.erp-progcell em { display:block; color:#94a3b8; font-style:normal; font-size:10px; margin-top:3px; }

.erp-back { border:0; background:transparent; color:#64748b; font-size:12px; cursor:pointer; padding:0 0 10px; }
.erp-back:hover { color:#2563eb; }
.erp-bizhero { display:flex; justify-content:space-between; gap:20px; padding:20px 22px; border-radius:14px; background:linear-gradient(120deg,#0f172a,#1e293b); color:#fff; }
.erp-bizcode { color:#93c5fd; font-size:10.5px; letter-spacing:1px; }
.erp-bizhero h1 { font-size:21px; margin:7px 0 5px; line-height:1.35; }
.erp-bizhero p { margin:0; color:#94a3b8; font-size:12px; }
.erp-bizhero p span { margin:0 5px; color:#475569; }
.erp-bizright { text-align:right; display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.erp-bizright b { font-size:22px; }
.erp-bizright i { font-style:normal; color:#94a3b8; font-size:10.5px; }
.erp-bizstats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-top:0; border-radius:0 0 13px 13px; overflow:hidden; margin-bottom:14px; }
.erp-bizstats > div { background:#fff; padding:12px 15px; }
.erp-bizstats i { display:block; color:#64748b; font-style:normal; font-size:11px; }
.erp-bizstats b { display:block; margin-top:4px; font-size:16px; }
.erp-bizstats b.g { color:#059669; } .erp-bizstats b.a { color:#d97706; }
.erp-tabs { display:flex; gap:4px; border-bottom:1px solid var(--line); margin-bottom:14px; overflow:auto; }
.erp-tabs button { border:0; background:transparent; color:#64748b; padding:9px 12px; font-size:12.5px; cursor:pointer; border-bottom:2px solid transparent; white-space:nowrap; }
.erp-tabs button.on { color:#2563eb; border-bottom-color:#2563eb; font-weight:600; }
.erp-biz-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:12px; margin-bottom:12px; }
.erp-info { display:grid; grid-template-columns:1fr 1fr; gap:9px 14px; }
.erp-info div { min-width:0; }
.erp-info i { display:block; color:#94a3b8; font-style:normal; font-size:10.5px; margin-bottom:2px; }
.erp-info span { display:block; color:#334155; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.erp-bigprog p { margin:8px 0 10px; color:#64748b; font-size:11.5px; }
.erp-bigprog p b { color:#0f172a; font-size:16px; }
.erp-mini3 { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.erp-mini3 > div { background:#f8fafc; border-radius:8px; padding:8px 10px; }
.erp-mini3 i { display:block; color:#94a3b8; font-style:normal; font-size:10px; }
.erp-mini3 b { font-size:12px; }
.erp-timeline { display:flex; flex-direction:column; }
.erp-timeline > div { display:grid; grid-template-columns:8px 76px 1fr auto; gap:8px; align-items:center; padding:7px 0; border-bottom:1px dashed #eef2f8; font-size:11.5px; }
.erp-timeline > div:last-child { border-bottom:0; }
.erp-timeline i { width:7px; height:7px; border-radius:50%; background:#2563eb; }
.erp-timeline i.green { background:#10b981; } .erp-timeline i.violet { background:#7c3aed; }
.erp-timeline span { color:#94a3b8; }
.erp-timeline b { color:#334155; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.erp-timeline em { font-style:normal; color:#0f172a; }
.erp-note { white-space:pre-wrap; font-family:inherit; font-size:11.5px; color:#475569; margin:0; max-height:220px; overflow:auto; }
.erp-follows > div { padding:9px 0; border-bottom:1px dashed #eef2f8; }
.erp-follows > div:last-child { border-bottom:0; }
.erp-follows span { color:#94a3b8; font-size:10.5px; margin-right:8px; }
.erp-follows b { font-size:12.5px; }
.erp-follows p { margin:4px 0 0; color:#475569; font-size:12px; white-space:pre-wrap; }
.erp-tasks > div { display:flex; gap:8px; align-items:center; padding:8px 0; border-bottom:1px dashed #eef2f8; }
.erp-tasks > div:last-child { border-bottom:0; }
.erp-taskdot { width:7px; height:7px; border-radius:50%; background:#2563eb; }
.erp-tasks b { font-size:12px; }
.erp-tasks em { margin-left:auto; font-style:normal; color:#94a3b8; font-size:11px; }

.erp-chip { display:inline-flex; align-items:center; gap:4px; border-radius:999px; padding:2px 8px; font-size:10.5px; white-space:nowrap; background:#f1f5f9; color:#475569; }
.erp-chip:before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; opacity:.7; }
.erp-chip.blue { background:#eff6ff; color:#1d4ed8; } .erp-chip.violet { background:#f5f3ff; color:#6d28d9; }
.erp-chip.amber { background:#fffbeb; color:#b45309; } .erp-chip.green { background:#ecfdf5; color:#047857; }
.erp-chip.teal { background:#f0fdfa; color:#0f766e; } .erp-chip.rose { background:#fff1f2; color:#be123c; }
.erp-chip.gray { background:#f1f5f9; color:#64748b; }
.erp-empty { color:#94a3b8; padding:26px 10px; text-align:center; font-size:12px; }
.erp-loading { padding:60px; text-align:center; color:#94a3b8; }

.erp-modal { position:fixed; inset:0; background:rgba(15,23,42,.45); z-index:80; display:flex; align-items:center; justify-content:center; padding:20px; }
.erp-modal-b { width:min(540px,100%); background:#fff; border-radius:15px; padding:20px 22px; position:relative; box-shadow:0 24px 70px rgba(15,23,42,.3); }
.erp-modal-x { position:absolute; right:12px; top:10px; border:0; background:transparent; font-size:16px; color:#94a3b8; cursor:pointer; }
.erp-modal-h b { font-size:17px; }
.erp-modal-h p { margin:4px 0 14px; color:#64748b; font-size:12px; }
.erp-form label { display:block; font-size:11.5px; color:#64748b; margin-bottom:10px; }
.erp-form input, .erp-form select, .erp-form textarea { display:block; width:100%; box-sizing:border-box; margin-top:5px; border:1px solid #e2e8f0; border-radius:8px; padding:8px 10px; font-size:12.5px; color:#0f172a; background:#fff; outline:0; font-family:inherit; }
.erp-form input:focus, .erp-form select:focus, .erp-form textarea:focus { border-color:#93c5fd; box-shadow:0 0 0 3px rgba(37,99,235,.1); }
.erp-form2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.erp-form-a { display:flex; justify-content:flex-end; gap:8px; margin-top:4px; }

@media (max-width:1080px) { .erp-kpis { grid-template-columns:repeat(2,1fr); } .erp-grid3, .erp-grid2, .erp-biz-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .erp-side { width:56px; flex:0 0 56px; padding:12px 6px; } .erp-brand div, .erp-side-label, .erp-nav span:not(.erp-ni), .erp-nav em, .erp-side-foot { display:none; } .erp-nav { justify-content:center; } .erp-top { padding:0 12px; } .erp-crumb, .erp-search kbd { display:none; } .erp-body { padding:14px 12px 30px; } .erp-hero h1 { font-size:19px; } .erp-funnel { grid-template-columns:1fr; } .erp-bizstats { grid-template-columns:1fr 1fr; } .erp-info { grid-template-columns:1fr; } }

.erp-docstats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.erp-docstats > div { background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 12px; }
.erp-docstats i { display:block; font-style:normal; color:#94a3b8; font-size:10.5px; }
.erp-docstats b { display:block; margin-top:3px; font-size:15px; }
.erp-docstats b.g { color:#059669; } .erp-docstats b.r { color:#dc2626; }
@media (max-width:760px) { .erp-docstats { grid-template-columns:1fr 1fr; } }

.erp-table.docs { min-width:0; }
.erp-table.docs td:nth-child(2) b { white-space:normal; }
.erp-table.docs td:nth-child(2) i { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:240px; }
.erp-table.docs td:nth-child(3) { max-width:220px; }
.erp-table.docs td:nth-child(3) .erp-link { text-align:left; white-space:normal; line-height:1.35; }

.erp-table.docs td:nth-child(3), .erp-table.docs th:nth-child(3) { width:96px; }
.erp-table.docs td:nth-child(4), .erp-table.docs th:nth-child(4) { width:74px; }
.erp-docbiz { display:block; margin-top:3px; font-style:normal; }
.erp-docbiz .erp-link { font-size:10.5px; color:#64748b; }
.erp-docbiz .erp-link:hover { color:#2563eb; }

.erp-picklist { max-height:340px; overflow:auto; border:1px solid #e2e8f0; border-radius:10px; margin-top:4px; }
.erp-pick { display:block; width:100%; text-align:left; border:0; border-bottom:1px solid #f1f5f9; background:#fff; padding:9px 11px; cursor:pointer; }
.erp-pick:hover { background:#eff6ff; }
.erp-pick b { display:block; font-size:12.5px; color:#0f172a; font-weight:600; }
.erp-pick i { display:block; font-style:normal; font-size:10.5px; color:#94a3b8; margin-top:2px; }

/* 右侧详情抽屉：点行滑出，再点另一行原位替换，点空白收起 */
.erp-drawer { position:fixed; top:0; right:0; height:100vh; width:min(460px,94vw); background:#fff; border-left:1px solid #e2e8f0; box-shadow:-18px 0 48px rgba(15,23,42,.14); transform:translateX(102%); transition:transform .18s ease; z-index:80; display:flex; flex-direction:column; }
.erp-drawer.on { transform:none; }
.erp-drawer-h { height:46px; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid #eef2f7; font-size:11px; letter-spacing:.12em; color:#64748b; text-transform:uppercase; }
.erp-drawer-x { border:0; background:transparent; font-size:16px; color:#64748b; cursor:pointer; padding:4px 6px; }
.erp-drawer-x:hover { color:#0f172a; }
.erp-drawer-b { overflow:auto; padding:18px 18px 24px; }
.erp-drawer-b h3 { margin:6px 0 4px; font-size:19px; line-height:1.35; color:#0f172a; }
.erp-drawer-sub { margin:0 0 14px; font-size:12px; color:#64748b; }
.erp-drawer-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#eef2f7; border:1px solid #eef2f7; }
.erp-drawer-stats > div { background:#fff; padding:10px 12px; }
.erp-drawer-stats i { display:block; font-style:normal; font-size:10.5px; color:#94a3b8; letter-spacing:.04em; }
.erp-drawer-stats b { display:block; margin-top:3px; font-size:16px; color:#0f172a; font-variant-numeric:tabular-nums; }
.erp-drawer-stats b.g { color:#0f9d76; }
.erp-drawer-stats b.a { color:#c2412d; }
.erp-drawer-sec { margin-top:18px; }
.erp-drawer-sh { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.erp-drawer-sh b { font-size:11px; letter-spacing:.12em; color:#64748b; text-transform:uppercase; }
.erp-drawer-sh span { font-size:11px; color:#94a3b8; }
.erp-drawer-doc { display:grid; grid-template-columns:44px 1fr auto; gap:2px 8px; padding:8px 0; border-bottom:1px solid #f1f5f9; align-items:center; }
.erp-drawer-doc .erp-chip { grid-row:span 2; justify-self:start; font-size:10px; }
.erp-drawer-doc b { font-size:12px; font-weight:600; color:#0f172a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.erp-drawer-doc i { grid-column:2; font-style:normal; font-size:10.5px; color:#94a3b8; }
.erp-drawer-doc em { grid-row:span 2; font-style:normal; font-size:12px; font-weight:600; color:#0f172a; font-variant-numeric:tabular-nums; }
.erp-drawer-mini { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#eef2f7; border:1px solid #eef2f7; }
.erp-drawer-mini > div { background:#fff; padding:10px 8px; text-align:center; }
.erp-drawer-mini b { display:block; font-size:17px; color:#0f172a; font-variant-numeric:tabular-nums; }
.erp-drawer-mini span { display:block; margin-top:2px; font-size:10.5px; color:#94a3b8; }
.erp-drawer-full { width:100%; margin-top:20px; }
@media (max-width:760px) { .erp-drawer { width:100%; } }

.erp-drawer-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.erp-drawer-tags span { border:1px solid #e2e8f0; color:#64748b; font-size:10.5px; padding:2px 8px; border-radius:99px; }
.erp-drawer-link { width:100%; text-align:left; border:1px solid #dbeafe; background:#eff6ff; color:#1d4ed8; border-radius:6px; padding:8px 10px; font-size:12px; cursor:pointer; }
.erp-drawer-link:hover { background:#dbeafe; }
.erp-drawer-note { margin:0; font-size:12px; line-height:1.65; color:#334155; white-space:pre-wrap; }
.erp-drawer .erp-chip.amber { background:#fef3c7; color:#92400e; }

.erp-tools { display:flex; align-items:center; gap:10px; margin:2px 0 14px; }
.erp-tools .erp-search { flex:1; max-width:430px; }
.erp-tools .erp-actions { margin-left:auto; }
@media (max-width:760px) { .erp-tools { flex-wrap:wrap; } .erp-tools .erp-search { max-width:none; width:100%; } .erp-tools .erp-actions { margin-left:0; } }

.erp-top-r span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }