@charset "utf-8";
/* ============================================================
   hb-dash.css — 控制台「公告栏 / 设备分布」重设计
   仅作用于 .hb-notice-card / .hb-dist-card，不改原逻辑
   ============================================================ */

/* ---------- 通用：标题右侧胶囊 ---------- */
.hb-dist-chip{
  margin-left:8px;font-size:11px;font-weight:600;line-height:1;
  color:#2563eb;background:#eaf1ff;border:1px solid #dbe7ff;
  padding:4px 9px;border-radius:999px;letter-spacing:.2px;
}

/* ============================ 设备分布 ============================ */
.hb-dist-card [data-slot="card-content"]{display:none !important}

.hb-dist-card > .hb-dist{
  flex:1 1 auto;min-height:0;overflow-y:auto;
  margin:0 18px 6px;padding:2px 6px 4px;
  display:flex;flex-direction:column;gap:1px;
  scrollbar-width:thin;
}
.hb-dist-card > .hb-dist::-webkit-scrollbar{width:6px}
.hb-dist-card > .hb-dist::-webkit-scrollbar-thumb{background:#d5dfef;border-radius:6px}

.hb-dist-row{
  display:grid;align-items:center;gap:10px;
  grid-template-columns:22px minmax(96px,150px) minmax(60px,1fr) 86px;
  padding:6px 8px;border-radius:10px;
  transition:background .15s ease;
}
.hb-dist-row:hover{background:#f4f8ff}

.hb-dist-rank{
  width:20px;height:20px;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:#8b97ab;background:#f0f4fa;
}
.hb-dist-row[data-i="1"] .hb-dist-rank{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 10px -4px rgba(37,99,235,.7)}
.hb-dist-row[data-i="2"] .hb-dist-rank{color:#1d4ed8;background:#e6efff}
.hb-dist-row[data-i="3"] .hb-dist-rank{color:#1d4ed8;background:#eef4ff}

.hb-dist-name{
  display:flex;align-items:center;gap:6px;min-width:0;
  font-style:normal;font-size:13px;color:#0c1222;
}
.hb-dist-name em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-dist-cc{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:46px;height:18px;padding:0 4px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.4px;line-height:1;color:#5c6b82;background:#eef2f9;box-shadow:inset 0 0 0 1px #e3eaf5;flex:none}
.hb-dist-flag{width:19px;height:13px;border-radius:2.5px;object-fit:cover;display:block;flex:none;background:#fff;box-shadow:0 0 0 .6px rgba(15,23,42,.22),0 1px 2px rgba(15,23,42,.10)}
.hb-dist-cc-t{display:block;font-size:10px;font-weight:700;letter-spacing:.4px;line-height:1}
.hb-dist-row[data-i="1"] .hb-dist-cc{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 10px -5px rgba(37,99,235,.9)}

.hb-dist-bar{
  position:relative;height:8px;border-radius:99px;
  background:#eef2f9;overflow:hidden;
}
.hb-dist-bar > i{
  position:absolute;left:0;top:0;bottom:0;border-radius:99px;
  background:linear-gradient(90deg,#3b82f6,#6366f1);
  transition:width .45s cubic-bezier(.4,0,.2,1);
}
.hb-dist-row[data-i="1"] .hb-dist-bar > i{background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 3px 10px -3px rgba(79,70,229,.55)}

.hb-dist-val{
  display:flex;align-items:baseline;justify-content:flex-end;gap:6px;
  font-size:13px;font-weight:600;color:#1e293b;
  font-variant-numeric:tabular-nums;
}
.hb-dist-val em{font-style:normal;font-size:11px;font-weight:500;color:#93a1b8}

.hb-dist-empty{
  display:flex;flex:1;align-items:center;justify-content:center;
  color:#9aa6bb;font-size:13px;
}

/* ============================ 公告栏 ============================ */
.hb-notice-card [data-slot="card-header"] span.text-xs{
  font-size:11px;font-weight:600;line-height:1;
  color:#b45309;background:#fff6e8;border:1px solid #fde8c4;
  padding:4px 9px;border-radius:999px;
}

.hb-notice-card [data-slot="card-content"]{
  display:flex;flex-direction:column;padding-bottom:6px;
}

/* 空态 */
.hb-notice-card [data-slot="card-content"] > div:has(> p){
  flex:1;margin:2px 0 0;padding:0;
  border:1px dashed #eee3d2;border-radius:16px;
  background:radial-gradient(120% 90% at 50% 0%,#fff9ee 0%,#ffffff 68%);
}
.hb-notice-card [data-slot="card-content"] svg.lucide-bell{
  width:26px;height:26px;padding:12px;box-sizing:content-box;
  border-radius:50%;color:#f59e0b !important;opacity:1 !important;
  background:linear-gradient(160deg,#fff4e0,#ffe9c7);
  box-shadow:0 8px 18px -10px rgba(245,158,11,.8),inset 0 0 0 1px #ffe3b8;
}
.hb-notice-card [data-slot="card-content"] > div:has(> p) p{
  margin-top:14px;font-size:13px;font-weight:600;color:#5b6478;letter-spacing:.2px;
}
.hb-notice-sub{
  display:block;margin-top:6px;font-size:12px;font-weight:400;color:#9aa6bb;
}

/* 列表态（有公告时） */
.hb-notice-card [data-slot="card-content"] > div.space-y-3 > div{
  border:1px solid #edf1f8;border-radius:12px;padding:12px 14px;
  background:linear-gradient(180deg,#fbfdff,#ffffff);
  transition:box-shadow .18s ease,border-color .18s ease;
}
.hb-notice-card [data-slot="card-content"] > div.space-y-3 > div:hover{
  border-color:#dbe7ff;box-shadow:0 10px 22px -18px rgba(37,99,235,.55);
}