/* app/static/freshbadge.css —— 角标 / 浮层 / 弹窗字段块 / 地图文字标签的样式**唯一处**
 * 板3 源（test_bizmap/bizmap/app/static/）→ 板1 镜像（app/static/），整文件 md5 必须相等。
 * 取值逐字取自 DESIGN §6.1（角标四档 + 不可用态）/ §6.2（.shopmeta）/ §5.2（.shoplbl）。
 * 本文件只放样式：不含任何判定阈值、不含档位文案（档位与文案一律来自接口字段）。 */

/* §6.1 角标容器：加载态与各档共用同一 class ⇒ 尺寸恒定，无布局跳动 */
.freshbadge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;
  padding:3px 10px;font-size:12px;font-weight:bold;white-space:nowrap;vertical-align:1px}
.freshbadge .fb-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}
.freshbadge.fb-fresh{background:#22c55e22;color:#166534}
.freshbadge.fb-stale{background:#f59e0b22;color:#b45309}
.freshbadge.fb-expired{background:#e9456022;color:#b91c1c}
.freshbadge.fb-unknown{background:#94a3b822;color:#475569}
/* 不可用态：灰底 + 虚线边框，不得隐藏、不得留白 */
.freshbadge.fb-unavailable{background:#94a3b822;color:#475569;border:1px dashed #b0b7c8}

/* §6.1 地图页左上角浮层（独立于 .panel；含角标 + 范围行） */
.freshbar{position:absolute;top:12px;left:12px;z-index:1000;background:#fff;border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.15);padding:8px 12px;font-size:12px;
  display:flex;flex-direction:column;gap:4px;max-width:280px}
.fresh-range{color:#999;font-size:11px}

/* §6.2 弹窗 / 详情行字段块（三个渲染点共用同一实现） */
.shopmeta{background:#f7f9fc;border:1px solid #eef0f6;border-radius:6px;
  padding:6px 8px;margin-bottom:6px;font-size:12px;color:#555;line-height:1.7}
.shopmeta .chg-new{color:#0ea5e9;font-weight:bold}
.shopmeta .chg-arrow{color:#999}
.shopmeta .chg-none{color:#999}
.shopmeta .chg-unk{color:#aaa}
.shopmeta .upd-none{color:#aaa}

/* §r8 区域扫描读数：进度条 + 树行/详情行「本周期未重扫标注」标注的样式**唯一处**
   （两板页面与 freshbadge.js 都不内联样式；读数与词表一律来自接口字段） */
.freshbar .rbrow,.regionbar .rbrow{display:flex;align-items:center;gap:6px;
  font-size:12px;color:#475569;white-space:nowrap}
.regionbar{background:#f7f9fc;border:1px solid #eef0f6;border-radius:8px;
  padding:6px 10px;margin:4px 0 2px}
.regionbar .rbrow .fb-dot{width:8px;height:8px;border-radius:50%;background:#0ea5e9;flex-shrink:0}
.regionbar .rb-label{color:#475569}
.regionbar .rbrow.rb-bad .fb-dot{background:#94a3b8}
.regionbar .rbrow.rb-bad .rb-label{color:#94a3b8}
/* 板1 详情行（.shopmeta 内的 shopMetaHtml 第二行）与板3 树行共用同一样式类 */
.shopmeta .rb-shop{color:#b45309}
.shopmeta .rb-shop .upd-none{color:#aaa}
.trow.shop .rb-shop{display:block;color:#b45309;font-size:11px;padding-left:14px;line-height:1.5}
.trow.shop .rb-shop .upd-none{color:#aaa}

/* §5.2 marker 内文字标签（不新增 overlay；显隐靠容器 class 翻转，无逐 marker 内联样式） */.shopmk{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}
.shopdot{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.shoplbl{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:rgba(255,255,255,.88);border:1px solid #e8eaf0;border-radius:8px;padding:1px 6px;
  font-size:11px;line-height:16px;color:#333;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.shoplbl .srcbadge{font-size:10px;border-radius:7px;margin-left:4px;vertical-align:0}
#map.lbl-off .shoplbl,#map.lbl-zoomout .shoplbl{display:none}