/* 账号登录条 + 账号管理面板 —— 四个报价页共用 */
.auth-bar { position: relative; margin: 10px 0 4px; font-size: 13px; }
.auth-inner { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  background: #fafafa; border: 1px solid #e6e6e6; border-radius: 4px; padding: 6px 10px; min-height: 34px; }
.auth-id { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: #555; }
.auth-name { font-weight: bold; color: #333; }
.auth-name.dim { font-weight: normal; color: #999; }
.auth-tag { font-size: 11px; padding: 1px 6px; border-radius: 10px; border: 1px solid; line-height: 16px; }
.auth-tag.admin { color: #997a00; border-color: #e0c860; background: #fff8e0; }
.auth-tag.on { color: #0a7d33; border-color: #9ed4ae; background: #eefaf1; }
.auth-tag.off { color: #999; border-color: #ddd; background: #f5f5f5; }
.auth-ops { flex: none; }
.auth-link { border: 1px solid #ccc; background: #fff; color: #333; font-size: 12px; padding: 4px 10px;
  border-radius: 3px; cursor: pointer; }
.auth-link:hover { border-color: #ff6600; color: #ff6600; }

.auth-pop { display: none; position: absolute; right: 0; top: 100%; z-index: 30; width: 260px;
  background: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 6px 18px rgba(0,0,0,.12);
  padding: 12px 14px; margin-top: 4px; }
.auth-pop.show { display: block; }
.auth-pop-title { font-size: 14px; font-weight: bold; color: #333; }
.auth-pop-sub { font-size: 11.5px; color: #999; margin: 2px 0 10px; line-height: 1.5; }
.auth-pop label { display: block; font-size: 12px; color: #666; margin-bottom: 8px; }
.auth-pop input { width: 100%; height: 30px; border: 1px solid #ccc; border-radius: 3px;
  padding: 0 8px; font-size: 13px; box-sizing: border-box; margin-top: 3px; }
.auth-msg { font-size: 12px; color: #cc0000; min-height: 16px; margin-bottom: 6px; }
.auth-msg.err { color: #cc0000; }
.auth-btns { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.auth-switch { border: none; background: none; color: #997a00; font-size: 12px; cursor: pointer; padding: 0; text-decoration: underline; }
.auth-go { border: none; background: #ff0000; color: #fff; font-size: 13px; padding: 6px 16px;
  border-radius: 3px; cursor: pointer; }
.auth-go:hover { background: #e60000; }
.auth-go:disabled { background: #ccc; cursor: default; }

/* 账号管理面板（后台设置里） */
.acc-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin-top: 6px; }
.acc-table th { background: #f5f5f5; border: 1px solid #e0e0e0; padding: 6px 4px; font-weight: bold; color: #444; }
.acc-table td { border: 1px solid #e8e8e8; padding: 5px 4px; text-align: center; color: #333; }
.acc-table td.name { text-align: left; font-weight: bold; }
.acc-table .mini-btn { font-size: 11.5px; padding: 2px 7px; border: 1px solid #ccc; background: #fff;
  border-radius: 3px; cursor: pointer; margin: 0 2px; }
.acc-table .mini-btn:hover { border-color: #ff6600; color: #ff6600; }
.acc-table .mini-btn.danger:hover { border-color: #cc0000; color: #cc0000; }
.acc-sw { width: 16px; height: 16px; cursor: pointer; }
.acc-hint { font-size: 11.5px; color: #888; line-height: 1.6; margin-top: 6px; }

@media (max-width: 480px) {
  .auth-pop { right: -4px; width: calc(100vw - 48px); max-width: 300px; }
  .acc-table { font-size: 11.5px; }
  .acc-table th, .acc-table td { padding: 4px 2px; }
}
