/* 5002 现款 host 卡样式 —— 从 EA-Monitor/templates/ea_monitor.html 原样搬
   每条选择器加 .host-card 前缀：① 限定作用域（不污染页面其它 .value/.label）
   ② 提高优先级，压过 leyamo 的 .card .value / .card .label（卡片在 .card 容器内）
   改这里等于改 dashboard 与 support 两处的卡（都是同一套） */

.host-card{background: #1a1a24; border: 1px solid #2a2a3a; border-radius: 10px; padding: 12px 14px; width: 220px; flex-shrink: 0; overflow: hidden;}
.host-card .host-header{font-weight: 600; font-size: 1rem; margin-bottom: 10px; display: flex; align-items: center; gap: 8px;}
.host-card .host-header .status-dot{width: 8px; height: 8px; border-radius: 50%;}
.host-card .host-header .status-dot.green{background: #4ade80;}
.host-card .host-header .status-dot.yellow{background: #facc15;}
.host-card .host-header .status-dot.orange{background: #fb923c;}
.host-card .host-header .status-dot.red{background: #ef4444;}
.host-card .host-header .status-dot.purple{background: #a855f7;}
.host-card .host-header .status-dot.gray{background: #9ca3af;}
.host-card .host-sep{border-top: 1px solid #2a2d3a; margin: 8px 0;}
.host-card .section-toggle{display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 2px 0; user-select: none;}
.host-card .section-toggle .toggle-arrow{font-size: 0.7rem; color: #555; transition: transform 0.2s;}
.host-card .section-toggle.open .toggle-arrow{transform: rotate(90deg);}
.host-card .section-content{display: block;}
.host-card .section-content.collapsed{display: none;}
.host-card .set-cat{border-bottom: 1px solid #1e1e2e; padding: 2px 0;}
.host-card .set-cat:last-child{border-bottom: none;}
.host-card .set-cat-toggle{display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 3px 0; user-select: none;}
.host-card .set-cat-toggle .set-cat-label{font-size: 0.72rem; color: #888;}
.host-card .set-cat-toggle .toggle-arrow{font-size: 0.65rem; color: #555; transition: transform 0.2s;}
.host-card .set-cat-toggle.open .toggle-arrow{transform: rotate(90deg);}
.host-card .set-cat-content{padding: 2px 0;}
.host-card .set-cat-content.collapsed{display: none;}
.host-card .setting-row input[type="checkbox"]{width: 14px; height: 14px; accent-color: #6366f1; cursor: pointer;}
.host-card .rc-bar{display: flex; border-radius: 8px; overflow: hidden; border: 1px solid #3a3d4a; background: #2a2d3a;}
.host-card .rc-seg{flex: 1;
  text-align: center;
  padding: 4px 0;
  font-size: 0.68rem;
  color: #555;
  cursor: pointer;
  user-select: none;
  border-right: 1px solid #3a3d4a;}
.host-card .rc-seg:last-child{border-right: none;}
.host-card .rc-seg.active{background: #4f6ef7; color: #fff;}
.host-card .bool-pill{display: inline-block;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 0.65rem;
  background: #2a2d3a;
  color: #555;
  cursor: pointer;
  user-select: none;
  border: 1px solid #3a3d4a;
  margin-right: 3px;}
.host-card .bool-pill.on{background: #4f6ef7; color: #fff; border-color: #4f6ef7;}
.host-card .sbar{display: inline-flex; border-radius: 6px; overflow: hidden; border: 1px solid #3a3d4a; background: #2a2d3a; vertical-align: middle; margin-left: 6px;}
.host-card .sbar-seg{flex: 1;
  text-align: center;
  padding: 3px 6px;
  font-size: 0.65rem;
  color: #555;
  cursor: pointer;
  user-select: none;
  border-right: 1px solid #3a3d4a;
  white-space: nowrap;}
.host-card .sbar-seg:last-child{border-right: none;}
.host-card .sbar-seg.active{background: #4f6ef7; color: #fff;}
.host-card .sbar-seg.sbar-long{flex: 2;}
.host-card .bool-pill-label{font-size: 0.65rem; color: #888; margin-right: 4px; vertical-align: middle; white-space: nowrap;}
.host-card .winter-switch{display: inline-flex; align-items: center; cursor: pointer;}
.host-card .winter-switch input{display: none;}
.host-card .winter-pill{display: inline-block;
  padding: 3px 12px;
  border-radius: 12px;
  font-size: 0.65rem;
  background: #2a2d3a;
  color: #555;
  border: 1px solid #3a3d4a;
  transition: all 0.2s;}
.host-card .winter-switch input:checked + .winter-pill{background: #4f6ef7;
  color: #fff;
  border-color: #4f6ef7;}
.host-card .time-winter-row{display: flex; align-items: center; margin-bottom: 6px;}
.host-card .time-table{display: table; width: 100%;}
.host-card .time-table-header{display: flex; justify-content: space-around; padding: 0 4px 4px;}
.host-card .time-table-header span{flex: 1; text-align: center; font-size: 0.65rem; color: #555;}
.host-card .time-table-row{display: flex; justify-content: space-around; padding: 0 4px;}
.host-card .time-table-row span{flex: 1; text-align: center; white-space: nowrap;}
.host-card .time-table-row input{background: #1a1a24; border: 1px solid #2a2d3a; border-radius: 4px; color: #e0e0e0; text-align: center; padding: 2px 0; width: 22px; font-size: 0.65rem;}
.host-card .cmd-btns{display: flex; gap: 4px; flex-wrap: wrap;}
.host-card .cmd-btns.collapsed{display: none;}
.host-card .setting-row{display: flex; align-items: center; justify-content: space-between; padding: 2px 0; font-size: 0.8rem;}
.host-card .setting-row .label{color: #555;}
.host-card .setting-row .value{color: #e0e0e0; font-weight: 500;}
.host-card .setting-row .value input{background: #1a1a24; border: 1px solid #2a2d3a; border-radius: 4px; color: #e0e0e0; font-size: 0.75rem; width: 36px; text-align: center; padding: 1px 4px;}
.host-card .setting-row .value input:focus{outline: none; border-color: #6366f1;}
.host-card .setting-row .value .btn-save{background: #6366f1; border: none; border-radius: 4px; color: #fff; font-size: 0.65rem; padding: 2px 8px; cursor: pointer; margin-left: 4px;}
.host-card .setting-row .value .btn-save:hover{background: #818cf8;}
.host-card .cmd-row .btn-cmd{background: #2a2d3a; border: 1px solid #3a3d4a; border-radius: 6px; color: #e0e0e0; font-size: 0.7rem; padding: 4px 10px; cursor: pointer;}
.host-card .cmd-row .btn-cmd:hover{background: #3a3d4a; border-color: #6366f1;}
.host-card .btn-cmd{background: #2a2d3a; border: 1px solid #3a3d4a; border-radius: 6px; color: #e0e0e0; font-size: 0.7rem; padding: 4px 8px; cursor: pointer; width: 100%; text-align: center;}
.host-card .btn-cmd:hover{background: #3a3d4a; border-color: #6366f1;}
.host-card .cmd-btns{display: flex; gap: 4px; flex-direction: column;}
.host-card .host-row{display: flex; justify-content: space-between; align-items: center; padding: 3px 0; font-size: 0.85rem;}
.host-card .host-row .value-large{font-size: 1.1rem; font-weight: 600;}
.host-card .host-row .value .sub{font-size: 0.6em; color: #888;}
.host-card .host-row .value.time-val{font-size: 0.75rem;}
.host-card .host-row.minor .label{font-size: 0.75rem; color: #444;}
.host-card .host-row.minor .value{font-size: 0.8rem;}
.host-card .host-row .label{color: #555;}
.host-card .host-row .value{color: #e0e0e0; font-weight: 500;}
.host-card .host-row .value.profit-up{color: #4ade80;}
.host-card .host-row .value.profit-down{color: #ef4444;}
.host-card .load-bar{display:flex; align-items:center; gap:3px; height:6px; width:100%;}
.host-card .risk-pulse{width:100%; height:2px; margin-top:6px; animation:riskPulse 3s ease-in-out infinite;}
.host-card .load-dot{width:6px; height:6px; border-radius:50%; flex-shrink:0;}
.host-card .load-seg{flex:1; height:6px; border-radius:2px; min-width:8px;}
.host-card .sbar-seg.sbar-disabled{opacity:0.35;}
.host-card .priority-bar{display:flex; align-items:center; gap:4px; height:6px; width:100%;}
.host-card .priority-block{flex:1; height:6px; border-radius:2px; min-width:12px;}
.host-card .priority-dot{width:6px; height:6px; border-radius:50%; flex-shrink:0;}

/* ── leyamo 特有：dashboard 页的 .card .label / .card .value 会显式设字号，
      卡片的行字号必须显式压回来（值取 5002 的实测计算值：0.85rem=13.6px）── */
.host-card .host-row .label{font-size:.85rem}
.host-card .host-row .value{font-size:.85rem}

/* ── leyamo 特有 ②：页面 body 是 line-height:1.6，会把卡片每行撑高（5002 是 normal）。
      卡片内归一化行高，尺寸才与 5002 一致 ── */
.host-card{line-height:normal}
/* .value-large（账户净值）在 5002 里是 1.1rem/600，别被上面的 .value 规则压掉 */
.host-card .host-row .value.value-large{font-size:1.1rem;font-weight:600}

/* ── leyamo 特有 ③：dashboard 页的 .card .label / .card .value 还带
      margin-top / font-weight:700 / opacity / text-transform / letter-spacing，
      这些都会渗进卡片行。这里逐项归零，尺寸与字重才回到 5002 的样子 ── */
.host-card .host-row .label{opacity:1;text-transform:none;letter-spacing:normal;margin:0}
.host-card .host-row .value{margin:0;font-weight:normal;line-height:normal}

/* 卡片内所有 label 归零（含设置区），避免 .card .label 的 opacity/大小写/字距渗入 */
.host-card .label{opacity:1;text-transform:none;letter-spacing:normal}

/* 翻译后英文/法文更长会折行：值内文本右对齐，折行后第二行仍贴右（中文短，5002 原版没暴露这个问题） */
.host-card .host-row .value{text-align:right}
.host-card .host-row .label{text-align:left}