/* ═════════ AEC 后台 · Tabler 主题定制 ═════════ */
/* 把 Tabler 的主色换成 AEC 绿 */
:root {
  --tblr-primary: #1a7f4b;
  --tblr-primary-rgb: 26, 127, 75;
  --tblr-primary-darken: #156b3f;
}

.hidden { display: none !important; }

/* 品牌标识 */
.brand-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 12px;
  background: var(--tblr-primary); color: #fff;
  font-weight: 800; font-size: 20px; letter-spacing: 1px;
  box-shadow: 0 4px 14px rgba(26,127,75,.35);
}
.brand-mark.sm { width: 34px; height: 34px; font-size: 13px; border-radius: 8px; }
.brand-sub { margin-top: 10px; color: var(--tblr-secondary); font-size: 14px; }
.brand-name { font-size: 16px; font-weight: 600; margin-left: 8px; color: #fff; }

/* 深色侧边栏里的导航徽标 */
.navbar[data-bs-theme="dark"] .badge { font-size: 11px; }

/* Toast：右下角浮动提示 */
#toastRoot { position: fixed; right: 16px; bottom: 16px; z-index: 2000; display: flex; flex-direction: column; gap: 8px; }
#toastRoot .alert { margin: 0; box-shadow: 0 8px 24px rgba(0,0,0,.18); animation: toastIn .25s ease; }
@keyframes toastIn { from { opacity: 0; transform: translateY(8px); } }

/* 弹窗 */
#modalRoot .modal { display: block; }
#modalRoot .modal-backdrop { display: block; }

/* 产品缩略图 */
.thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; border: 1px solid var(--tblr-border-color); }
.thumb-lg { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid var(--tblr-border-color); }

/* 分类树 */
.cat-node { border: 1px solid var(--tblr-border-color); border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; background: #fff; }
.cat-node .kids { margin-top: 8px; margin-left: 18px; padding-left: 12px; border-left: 2px solid var(--tblr-border-color); }

/* 规格表编辑器 */
.spec-grid { display: grid; gap: 6px; }
.spec-grid input { min-width: 0; }

/* 表单里的代码文本 */
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }

/* 登录页背景 */
#loginView { background: linear-gradient(135deg, #f0f7f2 0%, #e6f0ea 100%); }

/* 窄屏时顶栏按钮换行 */
@media (max-width: 576px) {
  .page-header .btn { margin-top: 4px; }
}