@charset "UTF-8";
/* V3 新增的样式：一级分类在上面一排，二级分类在左边；以及排序、每页条数、条形排行等组件。
   ui.css 是 V1 的原样式，ui-v2.css 是 V2 的新增样式，这两个文件都没有改动。 */

/* ---------- 上面一排：一级分类 ---------- */
.desktop.v3 .topnav{height:56px;flex:none;background:var(--nav);display:flex;align-items:center;gap:20px;padding:0 18px 0 24px;color:#a8b8ce}
.topnav .wordmark{font-size:20px;flex:none}
.pnav-row{display:flex;gap:3px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.pnav-row::-webkit-scrollbar{display:none}
.pnav{background:transparent;color:#a8b8ce;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:8px;font-size:13px;white-space:nowrap;flex:none}
.pnav svg{width:16px;height:16px}
.pnav:hover{background:#ffffff0d;color:#fff}
.pnav.active{background:#2c5fd4;color:#fff;box-shadow:0 4px 14px #0a162326}
.pnav-count{font-style:normal;font-size:10px;line-height:1.5;background:#e5484d;color:#fff;border-radius:8px;padding:0 5px}
.topnav .top-tools{color:#a8b8ce;gap:12px;flex:none}
.topnav .top-tools button{color:#a8b8ce}
.topnav .top-tools button:hover{color:#fff}
.topnav .top-tools .pop .pop-item{color:#51637b}
.topnav .owner-label{color:#e6edf7;border-left-color:#ffffff1f}
.topnav .owner-label span{background:#ffffff14;color:#b9c7da}
.topnav .notice-pop{right:-90px;top:42px}

/* ---------- 左边一列：当前分类的二级分类 ---------- */
.desktop.v3 .app-layout{grid-template-columns:204px minmax(0,1fr);height:calc(100% - 91px)}
.desktop.v3 .sidebar{background:#fff;color:#6d7d94;border-right:1px solid var(--line);padding:18px 12px 14px}
.side-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;color:#2b405b;padding:6px 12px 14px}
.side-title svg{width:17px;height:17px;color:#5d83d6}
.desktop.v3 .nav-item{color:#5d6f88;padding:10px 12px;margin:2px 0;font-size:13px;justify-content:space-between}
.desktop.v3 .nav-item:not(.active):hover{background:#f3f6fb;color:#2b405b}
.desktop.v3 .nav-item.active{background:#eef4ff;color:#2859c5;font-weight:600;box-shadow:inset 3px 0 0 #3b6fe0}
.desktop.v3 .nav-count{background:#eef1f6;color:#7b8ba1;margin-left:8px}
.desktop.v3 .nav-count.hot{background:#e5484d;color:#fff}
.desktop.v3 .sidebar-bottom{color:#9aa7b9}
.desktop.v3 .sidebar-status{border-top-color:var(--line)}

/* ---------- 内容区上方：当前位置 + 按 ID / SN 直接查 ---------- */
.subbar{height:56px;flex:none;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 32px}
.subbar .breadcrumb{gap:8px;min-width:0}
.subbar .breadcrumb svg{width:13px;height:13px;color:#c2cbd7}
.subbar .breadcrumb button{background:none;padding:0;color:#929dad;font-size:12px;white-space:nowrap}
.subbar .breadcrumb button:hover{color:#2f5fd0}
.subbar .breadcrumb strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subbar .quick{margin:0;max-width:350px}

/* ---------- 表格：排序、每页条数、跳页 ---------- */
.th-sort{background:none;padding:0;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.th-sort i{font-style:normal;color:#c5cdd9;font-size:10px}
.th-sort:hover,.th-sort.on,.th-sort.on i{color:#3565c9}
.pager-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.page-size,.page-jump{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a0b1;cursor:default}
.page-size select{padding:4px 6px;font-size:11px}
.page-jump input{width:46px;padding:4px 6px;font-size:11px;text-align:center}
.panel-toolbar{flex-wrap:wrap}
.filters{flex-wrap:wrap;justify-content:flex-end}
.filters input[type=date]{padding:7px 8px;font-size:12px;color:#68798f}
.link.mono{font-weight:500}
td.small{font-size:10px;color:#8a98ab;min-width:210px}
.sum-line{padding:12px 20px;font-size:12px;color:#7d8fa7;border-bottom:1px solid var(--line);background:#fafbfd}
.sum-line b{color:#34506f;font-weight:600}
.sum-line b.positive{color:#1b9677}
.head-actions{display:flex;gap:16px;align-items:center}
.result-line{font-size:12px;color:#7d8fa7;margin:0 0 14px}

/* ---------- 条形排行、并排面板、小统计 ---------- */
.bars{display:grid;gap:3px}
.bar-row{display:grid;grid-template-columns:minmax(96px,36%) minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 8px;border-radius:7px;background:none;text-align:left;font-size:12px;color:#51637b;width:100%}
button.bar-row:hover{background:#f4f7fc}
.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-track{height:8px;border-radius:4px;background:#eef2f7;overflow:hidden}
.bar-track i{display:block;height:100%;border-radius:4px;background:#6d94ee}
.bar-value{font-size:12px;color:#34506f;min-width:60px;text-align:right}
.grid-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.grid-even .panel{margin-bottom:0}
.mini-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}

/* ---------- 按代理看用户：左右两栏 ---------- */
.split-pane{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
.split-pane>*{min-width:0}
.pane-list{margin-bottom:0}
.pane-list .panel-head small{font-size:11px;color:#94a0b1}
.pane-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;background:none;text-align:left;padding:12px 18px;border-bottom:1px solid #f0f3f7}
.pane-item:last-child{border-bottom:0}
.pane-item strong{display:block;font-size:12px;color:#34506f;font-weight:550}
.pane-item small{display:block;font-size:10px;color:#93a2b6;margin-top:4px}
.pane-item em{font-style:normal;font-size:11px;color:#7b8ba1;white-space:nowrap}
.pane-item:hover{background:#f6f9ff}
.pane-item.active{background:#eef4ff;box-shadow:inset 3px 0 0 #3b6fe0}

/* ---------- SN 查询 ---------- */
.lookup .search.big{min-width:0;max-width:600px;padding:0 14px}
.search.big svg{width:17px;height:17px}
.search.big input{font-size:15px;padding:13px 0;font-family:Consolas,"Cascadia Code",monospace;letter-spacing:.5px}
.lookup .caption-note{margin-top:12px}

@media(max-width:1280px){.pnav{padding:8px 9px;font-size:12px;gap:5px}.pnav svg{width:14px;height:14px}.desktop.v3 .topnav{gap:12px;padding-left:18px}.topnav .wordmark{font-size:18px}.topnav .owner-label span{display:none}}
@media(max-width:1200px){.desktop.v3 .app-layout{grid-template-columns:176px minmax(0,1fr)}.subbar{padding:0 23px}}
@media(max-width:900px){.desktop.v3 .app-layout{grid-template-columns:142px minmax(0,1fr)}.desktop.v3 .sidebar{padding-left:8px;padding-right:8px}.desktop.v3 .nav-item{font-size:12px;padding:9px 9px}.grid-even,.split-pane,.grid-two{grid-template-columns:minmax(0,1fr)}.topnav .owner-label,.pnav svg{display:none}.subbar{padding:0 16px}}
@media(max-width:650px){.desktop.v3 .topnav{height:48px;padding:0 8px;gap:6px}.topnav .wordmark{display:none}.desktop.v3 .app-layout{grid-template-columns:minmax(0,1fr);height:calc(100% - 83px)}.desktop.v3 .sidebar{padding:8px;border-right:0;border-bottom:1px solid var(--line);min-width:0}.side-title{display:none}.desktop.v3 .nav-item{padding:7px 10px;margin:0}.desktop.v3 .nav-item.active{box-shadow:none}.subbar{height:50px;padding:0 12px}.subbar .quick{max-width:none}.topnav .notice-pop{position:fixed;left:8px;right:8px;top:140px;width:auto}.pager-wrap{justify-content:flex-start}.bar-row{grid-template-columns:minmax(80px,40%) minmax(0,1fr) auto;gap:8px}}

/* 没有分页签的抽屉（任务、PSID记录）：标题和内容之间不要空一大块 */
.drawer-id+.drawer-body{padding-top:6px}
.head-actions .badge+.badge{margin-left:-8px}