/* accounts.css —— 原 HTML 行 2760-3096 + 3546-3636 */

  /* ─────────── 账号管理页 ─────────── */
  .acct-page{padding:6px 2px 24px}
  .acct-header{
    display:flex;justify-content:space-between;align-items:flex-end;
    gap:16px;flex-wrap:wrap;
    padding:14px 0 22px;
  }
  .acct-title{
    margin:0 0 6px;font-size:22px;font-weight:600;color:var(--text);
    letter-spacing:-0.01em;
  }
  .acct-sub{
    margin:0;font-size:13px;color:var(--text-3);font-weight:400;
  }
  .acct-sub b{color:var(--text);font-family:"Inter";font-weight:600}
  .acct-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .acct-search{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--panel);border:1px solid var(--line-mid);
    padding:7px 12px;border-radius:var(--radius-sm);
    transition:border-color .15s;width:240px;
  }
  .acct-search:focus-within{border-color:var(--primary)}
  .acct-search svg{color:var(--text-3);flex:none}
  .acct-search input{
    flex:1;border:none;outline:none;background:transparent;
    font-family:inherit;font-size:13px;color:var(--text);
    padding:0;min-width:0;
  }
  .acct-search input::placeholder{color:var(--text-4)}

  .acct-filter{
    display:flex;gap:0;background:var(--panel);
    border:1px solid var(--line-mid);border-radius:var(--radius-sm);
    overflow:hidden;
  }
  .acct-filter button{
    background:transparent;border:none;border-right:1px solid var(--line);
    color:var(--text-2);font-size:13px;font-weight:400;
    padding:6px 12px;cursor:pointer;font-family:inherit;
    transition:all .15s;white-space:nowrap;
  }
  .acct-filter button:last-child{border-right:none}
  .acct-filter button:hover:not(.active){background:var(--bg-2);color:var(--text)}
  .acct-filter button.active{background:var(--primary-soft);color:var(--primary);font-weight:500}

  /* 新增账号按钮 */
  .acct-add-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--primary);color:#fff;border:none;
    padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;
    font-family:inherit;font-size:13px;font-weight:500;
    transition:all .15s;
  }
  .acct-add-btn:hover{background:var(--primary-deep)}

  /* 列头筛选按钮 */
  .col-filter-btn{
    display:inline-flex;align-items:center;gap:5px;
    background:transparent;border:none;cursor:pointer;
    color:var(--text-3);font-size:12.5px;font-weight:400;
    font-family:inherit;padding:0;
    transition:color .15s;
  }
  .col-filter-btn:hover{color:var(--text)}
  .col-filter-btn .filter-icon{color:var(--text-4);transition:color .15s}
  .col-filter-btn:hover .filter-icon{color:var(--primary)}
  .col-filter-btn.has-filter{color:var(--primary)}
  .col-filter-btn.has-filter .filter-icon{color:var(--primary)}
  .col-filter-btn .filter-count{
    background:var(--primary);color:#fff;font-family:"Inter";font-size:10px;font-weight:600;
    padding:1px 5px;border-radius:8px;line-height:1.4;min-width:14px;text-align:center;
  }

  .col-owner{position:relative}
  .col-filter-pop{
    position:absolute;top:calc(100% + 4px);left:0;z-index:30;
    background:var(--panel);border:1px solid var(--line-mid);border-radius:var(--radius);
    box-shadow:0 4px 12px rgba(31,35,41,0.08), 0 12px 24px rgba(31,35,41,0.06);
    min-width:180px;
    display:none;
  }
  .col-filter-pop.open{display:block}
  .filter-pop-head{
    padding:8px 12px;border-bottom:1px solid var(--line);
    display:flex;justify-content:space-between;align-items:center;
    font-size:12px;color:var(--text-3);font-weight:500;
  }
  .filter-clear{
    background:transparent;border:none;color:var(--primary);cursor:pointer;
    font-family:inherit;font-size:12px;padding:0;
  }
  .filter-clear:hover{text-decoration:underline}
  .filter-pop-list{padding:4px 0;max-height:240px;overflow-y:auto}
  .filter-pop-item{
    display:flex;align-items:center;gap:8px;
    padding:7px 12px;cursor:pointer;
    font-size:13px;color:var(--text);font-weight:400;
    transition:background .12s;user-select:none;
  }
  .filter-pop-item:hover{background:var(--bg-2)}
  .filter-pop-item .check-box{
    width:14px;height:14px;border:1.5px solid var(--text-4);
    border-radius:3px;background:var(--panel);flex:none;
    display:inline-flex;align-items:center;justify-content:center;
    transition:all .15s;
  }
  .filter-pop-item.checked .check-box{
    background:var(--primary);border-color:var(--primary);
  }
  .filter-pop-item.checked .check-box::after{
    content:"";width:4px;height:7px;border:1.5px solid #fff;border-top:0;border-left:0;
    transform:translateY(-1px) rotate(45deg);
  }
  .filter-pop-item .o-dot{
    width:6px;height:6px;border-radius:50%;flex:none;
  }

  /* 账号编辑抽屉表单 */
  .acct-drawer{width:520px}
  .acct-drawer .drawer-head{padding:18px 22px 14px}
  .acct-drawer-sub{
    font-size:12.5px;color:var(--text-3);margin-top:4px;font-weight:400;
  }
  .acct-drawer .drawer-body{padding-bottom:84px}

  .form-section{
    padding:18px 22px;border-bottom:1px solid var(--line);
  }
  .form-section:last-child{border-bottom:none}
  .section-head{
    font-size:12px;color:var(--text-3);font-weight:500;
    letter-spacing:0.04em;text-transform:uppercase;
    margin:-4px 0 12px;
  }
  .form-row{margin-bottom:14px}
  .form-row:last-child{margin-bottom:0}
  .form-grid-2{
    display:grid;grid-template-columns:1fr 1fr;gap:14px;
    margin-bottom:14px;
  }
  .form-grid-2 .form-row{margin-bottom:0}

  .form-label{
    display:block;font-size:12.5px;color:var(--text-2);font-weight:400;
    margin-bottom:6px;
  }
  .form-input{
    width:100%;background:var(--panel);border:1px solid var(--line-mid);
    padding:7px 12px;border-radius:5px;
    font-family:inherit;font-size:13px;color:var(--text);
    outline:none;transition:border-color .15s;
  }
  .form-input:focus{border-color:var(--primary)}
  .form-input::placeholder{color:var(--text-4)}
  .form-textarea{resize:vertical;min-height:60px;line-height:1.5;font-family:inherit}

  /* 状态选择 - 4 按钮组 */
  .form-status-select{
    display:flex;gap:8px;flex-wrap:wrap;
  }
  .form-status-select button{
    flex:1;min-width:80px;
    background:var(--panel);border:1px solid var(--line-mid);
    padding:7px 10px;border-radius:6px;cursor:pointer;
    font-family:inherit;font-size:13px;color:var(--text-2);
    transition:all .15s;
  }
  .form-status-select button:hover:not(.active){border-color:var(--primary);color:var(--text)}
  .form-status-select button.active[data-status="normal"]{
    background:rgba(0,180,42,0.1);border-color:#00b42a;color:#00b42a;font-weight:500;
  }
  .form-status-select button.active[data-status="abnormal"]{
    background:rgba(245,63,63,0.1);border-color:#f53f3f;color:#f53f3f;font-weight:500;
  }
  .form-status-select button.active[data-status="for_sale"]{
    background:rgba(255,125,0,0.1);border-color:#ff7d00;color:#ff7d00;font-weight:500;
  }
  .form-status-select button.active[data-status="sold"]{
    background:rgba(134,144,156,0.12);border-color:#86909c;color:#86909c;font-weight:500;
  }

  /* 身份证照片上传 */
  .id-photo-grid{
    display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;
  }
  .id-photo-upload{
    display:flex;flex-direction:column;align-items:center;gap:6px;
  }
  .id-photo-thumb{
    width:100%;aspect-ratio:1.6/1;border:1.5px dashed var(--line-mid);
    border-radius:6px;background:var(--bg-2);
    background-size:cover;background-position:center;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;transition:all .15s;
    position:relative;overflow:hidden;
  }
  .id-photo-thumb:hover{border-color:var(--primary);background-color:var(--primary-softer)}
  .id-photo-thumb.has-img{border-style:solid;border-color:var(--line-mid)}
  .id-photo-thumb.is-uploading{
    opacity:.72;pointer-events:none;border-style:solid;border-color:var(--primary);
  }
  .id-photo-thumb.is-uploading::after{
    content:"上传中";
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    padding:3px 8px;border-radius:999px;
    background:rgba(255,255,255,.92);color:var(--primary);
    font-size:11px;font-weight:500;box-shadow:0 4px 14px rgba(15,23,42,.12);
  }
  .id-photo-thumb::before{
    content:"";font-size:24px;color:var(--text-4);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c9cdd4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E") no-repeat center;
    width:24px;height:24px;
  }
  .id-photo-thumb.has-img::before{display:none}
  .id-photo-thumb .remove-photo{
    position:absolute;top:3px;right:3px;
    width:18px;height:18px;border-radius:50%;background:rgba(31,35,41,0.6);color:#fff;
    border:none;cursor:pointer;font-size:12px;line-height:1;
    display:none;align-items:center;justify-content:center;
  }
  .id-photo-thumb.has-img:hover .remove-photo{display:flex}
  .id-photo-label{
    font-size:11.5px;color:var(--text-3);font-weight:400;
  }

  /* 是/否切换 */
  .form-toggle{
    display:flex;gap:0;background:var(--bg-2);
    border:1px solid var(--line-mid);border-radius:5px;
    overflow:hidden;width:fit-content;
  }
  .form-toggle button{
    background:transparent;border:none;cursor:pointer;
    padding:6px 16px;font-family:inherit;font-size:13px;
    color:var(--text-2);transition:all .15s;
    border-right:1px solid var(--line);
  }
  .form-toggle button:last-child{border-right:none}
  .form-toggle button:hover:not(.active){background:var(--bg-3)}
  .form-toggle button.active{background:var(--primary-soft);color:var(--primary);font-weight:500}

  /* 负责人选择 - 横向胶囊按钮 */
  .form-owner-select{
    display:flex;gap:8px;flex-wrap:wrap;
  }
  .form-owner-select button{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--panel);border:1px solid var(--line-mid);
    padding:6px 12px;border-radius:99px;cursor:pointer;
    font-family:inherit;font-size:13px;color:var(--text-2);
    transition:all .15s;
  }
  .form-owner-select button .o-dot{
    width:7px;height:7px;border-radius:50%;flex:none;
  }
  .form-owner-select button:hover:not(.active){
    border-color:var(--primary);color:var(--text);
  }
  .form-owner-select button.active{
    background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:500;
  }

  /* 抽屉底部操作区 */
  .drawer-foot{
    position:absolute;left:0;right:0;bottom:0;
    background:var(--panel);border-top:1px solid var(--line);
    padding:12px 22px;
    display:flex;justify-content:space-between;align-items:center;gap:8px;
  }
  .drawer-foot-right{display:flex;gap:8px}
  .btn-primary, .btn-secondary{
    border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;
    padding:7px 16px;border-radius:5px;
    transition:all .15s;
  }
  .btn-primary{background:var(--primary);color:#fff}
  .btn-primary:hover{background:var(--primary-deep)}
  .btn-secondary{background:var(--bg-2);color:var(--text-2);border:1px solid var(--line-mid)}
  .btn-secondary:hover{background:var(--bg-3);color:var(--text)}
  #acct-delete-btn{color:var(--up);border-color:var(--up-soft)}
  #acct-delete-btn:hover{background:var(--up-soft);color:var(--up)}

  /* 管理负责人按钮 */
  .acct-mgr-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--panel);color:var(--text-2);
    border:1px solid var(--line-mid);
    padding:7px 12px;border-radius:var(--radius-sm);cursor:pointer;
    font-family:inherit;font-size:13px;font-weight:400;
    transition:all .15s;
  }
  .acct-mgr-btn:hover{border-color:var(--primary);color:var(--primary)}
  .acct-mgr-btn svg{color:var(--text-3);transition:color .15s}
  .acct-mgr-btn:hover svg{color:var(--primary)}

  /* 离职标签（在表单胶囊按钮里） */
  .form-owner-select button .left-tag{
    font-size:10px;color:var(--text-4);background:var(--bg-3);
    padding:1px 5px;border-radius:3px;margin-left:4px;font-weight:400;
  }
  .form-owner-select button.is-left{opacity:.75}
  .form-owner-select button.unassigned{
    border-style:dashed;
  }
  /* 列头筛选离职标签 */
  .left-tag-sm{
    font-size:10px;color:var(--text-4);background:var(--bg-3);
    padding:0 4px;border-radius:3px;margin-left:5px;font-weight:400;
  }

  /* 负责人管理 Modal */
  .modal-backdrop{
    position:fixed;inset:0;background:rgba(31,35,41,0.32);backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:opacity .2s;z-index:90;
  }
  .modal-backdrop.open{opacity:1;pointer-events:auto}
  .modal{
    position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);
    background:var(--panel);border-radius:var(--radius);
    width:520px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);
    overflow:hidden;display:flex;flex-direction:column;
    box-shadow:0 8px 24px rgba(31,35,41,0.16), 0 16px 48px rgba(31,35,41,0.08);
    opacity:0;pointer-events:none;transition:all .2s;z-index:95;
  }
  .modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
  .modal-head{
    display:flex;justify-content:space-between;align-items:center;
    padding:18px 22px 6px;
  }
  .modal-head h2{
    margin:0;font-size:17px;font-weight:600;color:var(--text);letter-spacing:-0.005em;
  }
  .modal-close{
    background:transparent;border:none;font-size:20px;line-height:1;color:var(--text-3);
    cursor:pointer;width:28px;height:28px;border-radius:5px;
    display:flex;align-items:center;justify-content:center;
    transition:all .15s;
  }
  .modal-close:hover{background:var(--bg-2);color:var(--text)}
  .modal-sub{
    padding:0 22px 14px;font-size:12.5px;color:var(--text-3);font-weight:400;line-height:1.5;
  }
  .modal-body{
    padding:0 22px 22px;overflow-y:auto;
  }


/* ── 昵称历史抽屉 (原 3546-3636) ── */
  /* ─────────── 昵称历史抽屉 ─────────── */
  .nick-drawer{width:440px}
  .nick-drawer .uid-line{
    font-family:"Inter";font-size:12px;color:var(--text-3);
    margin-top:6px;
  }
  .nick-drawer .uid-line b{
    color:var(--text-2);font-weight:500;margin-left:4px;
  }
  .nick-section-head{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:14px;
  }
  .nick-section-head h3{
    margin:0;font-size:13px;color:var(--text);font-weight:500;
    letter-spacing:0;
  }
  .nick-add-btn{
    display:inline-flex;align-items:center;gap:5px;
    background:var(--primary-soft);color:var(--primary);
    border:none;padding:5px 10px;border-radius:5px;cursor:pointer;
    font-family:inherit;font-size:12.5px;font-weight:500;
    transition:all .15s;
  }
  .nick-add-btn:hover{background:var(--primary);color:#fff}

  .nick-history-list{display:flex;flex-direction:column;gap:8px}
  .nick-history-item{
    background:var(--bg-2);border:1px solid transparent;
    border-radius:7px;padding:10px 12px;
    transition:all .15s;
  }
  .nick-history-item.current{
    background:var(--primary-softer);border-color:rgba(22,100,255,0.2);
  }
  .nick-history-item:hover{border-color:var(--line-mid)}
  .nick-history-item.current:hover{border-color:var(--primary)}

  .nick-history-row{
    display:flex;align-items:center;gap:8px;
  }
  .nick-history-row + .nick-history-row{margin-top:8px}
  .nick-history-row .nick-input,
  .nick-history-row .nick-datetime{
    flex:1;background:var(--panel);border:1px solid var(--line-mid);
    padding:6px 10px;border-radius:5px;font-family:inherit;font-size:13px;
    color:var(--text);outline:none;min-width:0;
    transition:border-color .15s;
  }
  .nick-history-row .nick-input:focus,
  .nick-history-row .nick-datetime:focus{border-color:var(--primary)}
  .nick-history-row .nick-datetime{font-family:"Inter",inherit}

  .nick-history-actions{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    margin-top:8px;
  }
  .nick-current-tag{
    display:inline-flex;align-items:center;gap:5px;
    font-size:11px;color:var(--primary);font-weight:500;
    cursor:pointer;user-select:none;
  }
  .nick-current-tag .check-box{
    width:13px;height:13px;border:1.5px solid var(--text-4);
    border-radius:3px;background:var(--panel);
    display:inline-flex;align-items:center;justify-content:center;
    transition:all .15s;
  }
  .nick-history-item.current .nick-current-tag .check-box{
    background:var(--primary);border-color:var(--primary);
  }
  .nick-history-item.current .nick-current-tag .check-box::after{
    content:"";width:4px;height:7px;border:1.5px solid #fff;border-top:0;border-left:0;
    transform:translateY(-1px) rotate(45deg);
  }
  .nick-del-btn{
    background:transparent;border:none;cursor:pointer;
    color:var(--text-3);padding:4px 7px;border-radius:4px;
    font-family:inherit;font-size:12px;
    transition:all .15s;
  }
  .nick-del-btn:hover{background:var(--up-soft);color:var(--up)}

  .nick-empty{
    text-align:center;padding:40px 20px;color:var(--text-4);font-size:13px;
  }
  body{
    background:var(--bg);
    min-height:100vh;
  }


/* ============================================================
 * 账号管理 - 大厂风格样式升级 (2026)
 * 设计原则: 紧凑、克制、对比层次清晰
 * ============================================================ */

/* 页面整体留白调整 */
.acct-page {
  padding: 12px 4px 32px;
}

/* 顶部标题区: 更克制 */
.acct-header {
  padding: 10px 0 18px;
  border-bottom: 1px solid var(--line-soft, #f5f6f8);
  margin-bottom: 16px;
}
.acct-title {
  font-size: 18px !important;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0 0 4px !important;
}
.acct-sub {
  font-size: 12.5px !important;
  color: var(--text-3, #86909c);
}
.acct-sub b {
  font-weight: 600;
  color: var(--text, #1f2329);
  font-family: "Inter", -apple-system, sans-serif;
  padding: 0 2px;
}

/* 搜索框: 高度收紧, 更精致 */
.acct-search {
  height: 32px;
  padding: 0 10px !important;
  border-radius: 6px !important;
  background: var(--bg-2, #f7f8fa);
  border: 1px solid transparent !important;
  transition: all .15s;
}
.acct-search:focus-within {
  background: #fff;
  border-color: var(--primary, #1664ff) !important;
  box-shadow: 0 0 0 3px var(--primary-soft, #e8f1ff);
}
.acct-search input {
  font-size: 12.5px !important;
  height: 100%;
}

/* 状态筛选 Tab: 更紧凑 */
.acct-status-filter {
  display: flex; align-items: center;
  background: var(--bg-2, #f7f8fa);
  border-radius: 6px;
  padding: 2px;
  gap: 0;
}
.acct-status-filter button {
  height: 28px; padding: 0 12px !important;
  border: none !important; background: transparent;
  font-size: 12.5px !important; font-weight: 400;
  color: var(--text-2, #4e5969);
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex; align-items: center; gap: 5px;
  transition: all .15s;
  font-family: inherit;
}
.acct-status-filter button:hover:not(.active) {
  color: var(--text, #1f2329);
}
.acct-status-filter button.active {
  background: #fff;
  color: var(--text, #1f2329);
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.st-dot {
  width: 6px; height: 6px; border-radius: 50%;
  display: inline-block;
}

/* 新增/管理按钮: 更精致 */
.acct-add-btn {
  height: 32px; padding: 0 14px !important;
  font-size: 12.5px !important; font-weight: 500;
  border-radius: 6px !important;
  background: var(--primary, #1664ff);
  box-shadow: 0 1px 2px rgba(22,100,255,0.18);
  transition: all .15s;
  display: inline-flex; align-items: center; gap: 6px;
}
.acct-add-btn:hover {
  background: var(--primary-deep, #0e54e0);
  box-shadow: 0 2px 6px rgba(22,100,255,0.28);
  transform: translateY(-1px);
}
.acct-mgr-btn {
  height: 32px; padding: 0 12px;
  font-size: 12.5px; font-weight: 400;
  border: 1px solid var(--line-mid, #dfe2e8);
  background: #fff;
  color: var(--text-2, #4e5969);
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex; align-items: center; gap: 5px;
  transition: all .15s;
}
.acct-mgr-btn:hover {
  border-color: var(--primary, #1664ff);
  color: var(--primary, #1664ff);
  background: var(--primary-softer, #f4f8ff);
}

/* 表格卡片: 阴影更轻 */
.acct-table-card {
  border-radius: 8px !important;
  background: #fff;
  border: 1px solid var(--line, #eef0f3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.02);
  overflow: hidden;
}
.acct-table-toolbar {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--line-soft, #f5f6f8);
  background: #fff;
}
.acct-table-info {
  font-size: 12px;
  color: var(--text-3, #86909c);
}
.acct-stat-group {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--text-3, #86909c);
}
.acct-stat-item b {
  font-family: "Inter", -apple-system, sans-serif;
  font-weight: 600; font-size: 12.5px;
  color: var(--text-2, #4e5969);
  font-variant-numeric: tabular-nums;
}
.acct-stat-sep {
  display: inline-block; width: 1px; height: 12px;
  background: var(--line-mid, #dfe2e8); margin: 0 2px;
}

/* ========== 表格本体: 大厂风格 ========== */
.acct-table {
  font-size: 13px !important;
}
.acct-table thead th {
  background: #fafbfc !important;
  font-weight: 500 !important;
  font-size: 12.5px !important;
  color: #6b7785 !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid var(--line, #eef0f3) !important;
  letter-spacing: 0.03em;
  white-space: nowrap;
  position: sticky; top: 0; z-index: 2;
}
.acct-table tbody td {
  padding: 2px 10px !important;
  font-size: 13px !important;
  color: var(--text, #1f2329) !important;
  border-bottom: 1px solid var(--line-soft, #f5f6f8) !important;
  vertical-align: middle;
  transition: background .12s ease;
}
/* 隔行底色 - zebra (轻微) */
.acct-table tbody tr:nth-child(even) td {
  background: #fcfcfd;
}
.acct-table tbody tr:hover td {
  background: var(--primary-softer, #f4f8ff) !important;
}
.acct-table tbody tr:last-child td {
  border-bottom: none;
}

/* 昵称列: 更突出 */
.acct-table .nick-cell {
  font-weight: 500;
  color: var(--text, #1f2329);
  font-size: 13px;
  letter-spacing: -0.005em;
}
.acct-table .nick-cell .hist-badge {
  font-size: 9.5px !important;
  padding: 1px 5px !important;
  border-radius: 3px;
  background: var(--bg-3, #e8ebf0) !important;
  color: var(--text-3, #86909c) !important;
  font-weight: 500;
  margin-left: 4px;
}

/* UID 列: 等宽字体感 */
.acct-table .uid-cell {
  font-family: "SF Mono", "JetBrains Mono", "Consolas", "Inter", monospace;
  font-size: 12px !important;
  color: var(--text-3, #86909c);
  letter-spacing: -0.01em;
}

/* 副标题数字着色 */
#acct-total       { color: var(--primary, #1664ff); }
#acct-owners      { color: #7c3aed; }
#acct-price-total { color: #00824a; }
#acct-fans-total  { color: #d46b08; }

/* 粉丝数列: 数字感 */
.acct-table .col-fans,
.acct-table td.col-fans {
  font-family: "Inter", -apple-system, sans-serif;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* 状态 pill: 更细腻 */
.acct-table .status-pill {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 7px !important;
  border-radius: 10px;
  font-size: 11px !important;
  font-weight: 500;
  line-height: 1.4;
}
.acct-table .status-pill .st-dot {
  width: 5px; height: 5px;
}
.acct-table .status-pill.s-normal {
  background: #e6f7ec; color: #00824a;
}
.acct-table .status-pill.s-abnormal {
  background: #fff1f0; color: #cf1322;
}
.acct-table .status-pill.s-for_sale {
  background: #fff7e6; color: #d46b08;
}
.acct-table .status-pill.s-sold {
  background: #f5f5f5; color: #595959;
}

/* 操作列: 更轻 */
.acct-table td.col-action {
  text-align: center;
}
.acct-table td.col-action button {
  width: 24px; height: 24px;
  border: none; background: transparent;
  cursor: pointer;
  color: var(--text-3, #86909c);
  border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .15s;
}
.acct-table td.col-action button:hover {
  background: var(--primary-soft, #e8f1ff);
  color: var(--primary, #1664ff);
}

/* 负责人色块: 更克制 */
.acct-table .owner-tag {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 4px;
}
.acct-table .owner-tag .o-dot {
  width: 6px; height: 6px; border-radius: 50%;
}

/* ========== 抽屉(新增/编辑账号): 更精致 ========== */
.acct-drawer {
  width: 480px !important;
  box-shadow: -4px 0 24px rgba(0,0,0,0.08) !important;
}
.acct-drawer .drawer-head {
  padding: 18px 24px 14px !important;
  border-bottom: 1px solid var(--line-soft, #f5f6f8);
}
.acct-drawer .drawer-head h3 {
  font-size: 15px; font-weight: 600;
  letter-spacing: -0.01em;
}
.acct-drawer .drawer-section {
  padding: 14px 24px !important;
  border-bottom: 1px solid var(--line-soft, #f5f6f8) !important;
}
.acct-drawer .drawer-section-title {
  font-size: 11px !important;
  color: var(--text-3, #86909c);
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* 表单输入: 飞书风格 */
.acct-drawer .form-input,
.acct-drawer .form-textarea,
.acct-drawer select.form-input {
  height: 32px;
  padding: 0 10px !important;
  border-radius: 5px !important;
  font-size: 12.5px !important;
  background: #fff;
  border: 1px solid var(--line-mid, #dfe2e8) !important;
  transition: all .15s;
}
.acct-drawer .form-input:hover {
  border-color: var(--text-4, #c9cdd4) !important;
}
.acct-drawer .form-input:focus {
  border-color: var(--primary, #1664ff) !important;
  box-shadow: 0 0 0 3px var(--primary-soft, #e8f1ff);
  outline: none;
}
.acct-drawer .form-textarea {
  height: auto; min-height: 64px;
  padding: 8px 10px !important;
  line-height: 1.5;
}
.acct-drawer label {
  font-size: 12px !important;
  color: var(--text-2, #4e5969);
  font-weight: 400;
  margin-bottom: 6px;
}

/* 状态/归属选择按钮组 */
.acct-drawer .toggle-group {
  display: flex;
  background: var(--bg-2, #f7f8fa);
  border-radius: 6px;
  padding: 2px;
  gap: 0;
}
.acct-drawer .toggle-group button {
  flex: 1;
  height: 28px;
  border: none !important;
  background: transparent;
  font-size: 12px;
  color: var(--text-2, #4e5969);
  border-radius: 4px;
  cursor: pointer;
  transition: all .15s;
  font-family: inherit;
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
}
.acct-drawer .toggle-group button.active {
  background: #fff;
  color: var(--text, #1f2329);
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* 抽屉底部按钮: 更精致 */
.acct-drawer .drawer-foot {
  padding: 12px 24px !important;
  border-top: 1px solid var(--line-soft, #f5f6f8);
  background: #fff;
  display: flex; justify-content: flex-end; gap: 8px;
}
.acct-drawer .drawer-foot button {
  height: 32px; padding: 0 18px;
  font-size: 12.5px; font-weight: 500;
  border-radius: 5px;
  cursor: pointer;
  font-family: inherit;
  transition: all .15s;
}

/* 历史昵称记录 chip */
.history-chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 8px;
  background: var(--bg-2, #f7f8fa);
  border-radius: 12px;
  font-size: 11.5px;
  color: var(--text-2, #4e5969);
  margin: 2px;
}
.history-chip.current {
  background: var(--primary-soft, #e8f1ff);
  color: var(--primary, #1664ff);
  font-weight: 500;
}

/* ========== 负责人管理 modal ========== */
.owner-mgr-modal { width: 560px !important; }
.owner-item {
  padding: 10px 14px !important;
  border-radius: 6px;
  margin-bottom: 4px;
  transition: background .12s;
}
.owner-item:hover { background: var(--bg-2, #f7f8fa); }
.owner-name-input {
  font-size: 13px !important;
  font-weight: 500;
  border: 1px solid transparent !important;
  background: transparent;
  border-radius: 4px;
  padding: 4px 8px !important;
  transition: all .15s;
}
.owner-name-input:hover {
  background: #fff;
  border-color: var(--line-mid, #dfe2e8) !important;
}
.owner-name-input:focus {
  background: #fff;
  border-color: var(--primary, #1664ff) !important;
  box-shadow: 0 0 0 3px var(--primary-soft, #e8f1ff);
  outline: none;
}
.owner-acct-count {
  font-size: 11.5px !important;
  color: var(--text-3, #86909c);
}
.owner-acct-count b {
  font-family: "Inter";
  font-weight: 600;
  color: var(--text-2, #4e5969);
}

/* ========== 台账记录弹窗 ========== */
.ledger-modal { width: 700px !important; }
.ledger-modal-body { padding: 0 !important; }
.ledger-modal-toolbar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid var(--line-soft, #f5f6f8);
}
.ledger-sub { font-size: 12px; color: var(--text-3, #86909c); }
.ledger-sub b { font-family: "Inter"; font-weight: 600; color: var(--text-2, #4e5969); }
.ledger-add-btn {
  display: inline-flex; align-items: center; gap: 5px;
  height: 28px; padding: 0 10px;
  background: var(--primary-soft, #e8f1ff); color: var(--primary, #1664ff);
  border: none; border-radius: 5px; cursor: pointer;
  font-family: inherit; font-size: 12.5px; font-weight: 500;
  transition: all .15s;
}
.ledger-add-btn:hover { background: var(--primary, #1664ff); color: #fff; }
.ledger-wrap { overflow-x: auto; }
.ledger-table {
  width: 100%; border-collapse: collapse; font-size: 12.5px;
}
.ledger-table thead th {
  background: #fafbfc;
  font-weight: 500; font-size: 12px; color: #6b7785;
  padding: 6px 10px;
  border-bottom: 1px solid var(--line, #eef0f3);
  white-space: nowrap; text-align: left; letter-spacing: 0.03em;
}
.ledger-col-date   { width: 148px; }
.ledger-col-amount { width: 150px; }
.ledger-col-action { width: 44px; }
.ledger-table tbody td {
  padding: 3px 6px;
  border-bottom: 1px solid var(--line-soft, #f5f6f8);
  vertical-align: middle;
}
.ledger-table tbody tr:last-child td { border-bottom: none; }
.ledger-table tbody tr:hover td { background: var(--primary-softer, #f4f8ff); }
.ledger-input {
  width: 100%; background: transparent; border: 1px solid transparent;
  padding: 4px 6px; border-radius: 4px;
  font-family: inherit; font-size: 12.5px; color: var(--text, #1f2329);
  outline: none; transition: all .15s; box-sizing: border-box;
}
.ledger-input:hover { background: #fff; border-color: var(--line-mid, #dfe2e8); }
.ledger-input:focus {
  background: #fff; border-color: var(--primary, #1664ff);
  box-shadow: 0 0 0 2px var(--primary-soft, #e8f1ff);
}
.ledger-input[type="date"] { font-family: "Inter", inherit; }
.ledger-input.amount-input { text-align: right; font-family: "Inter", inherit; }
.ledger-del-btn {
  width: 26px; height: 26px; border-radius: 4px;
  background: transparent; border: none; cursor: pointer;
  color: var(--text-3, #86909c);
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .15s;
}
.ledger-del-btn:hover { background: rgba(245,63,63,0.08); color: #f53f3f; }
.ledger-empty {
  text-align: center; padding: 32px 20px;
  color: var(--text-4, #c9cdd4); font-size: 13px;
}

/* 紧凑模式下滚动条更细 */
.acct-table-wrap::-webkit-scrollbar { width: 8px; height: 8px; }
.acct-table-wrap::-webkit-scrollbar-thumb {
  background: var(--line-mid, #dfe2e8);
  border-radius: 4px;
}
.acct-table-wrap::-webkit-scrollbar-thumb:hover {
  background: var(--text-4, #c9cdd4);
}