/* Styles for strategy-management page dynamic DV UI */
.dv-area{display:block}
.dv-row{display:flex;gap:16px;margin-bottom:16px}
.dv-card{flex:1;background:var(--card-bg,#fff);padding:14px;border-radius:12px;box-shadow:var(--sidebar-shadow,0 2px 10px rgba(0,0,0,0.06));min-height:86px;box-sizing:border-box}
.dv-card-title{font-weight:600;color:var(--sidebar-text-color,#222);margin-bottom:6px}
.dv-card-desc{color:#6b7280;font-size:0.95rem}
.dv-label{display:block;margin-top:10px;margin-bottom:6px;color:var(--sidebar-text-color,#222);font-size:0.95rem}
.dv-input{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box}
.dv-textarea{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box;min-height:120px;resize:vertical}
.dv-title-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0}
.dv-section-title{font-size:1.05rem;font-weight:600;color:var(--sidebar-accent,#0078ff)}
.dv-refresh-btn{background:transparent;border:1px solid rgba(0,0,0,0.08);padding:6px 10px;border-radius:8px;cursor:pointer;color:var(--sidebar-text-color,#222)}
.dv-table-wrap{background:var(--card-bg,#fff);padding:12px;border-radius:12px;box-shadow:var(--sidebar-shadow,0 2px 10px rgba(0,0,0,0.06))}
.dv-table{width:100%;border-collapse:collapse}
.dv-table th{padding:8px 6px;text-align:center;font-size:0.85rem;white-space:nowrap;border-bottom:1px solid rgba(15,23,42,0.06);color:var(--sidebar-text-color,#222);font-weight:600}
.dv-table td{border:1px solid rgba(15,23,42,0.06);padding:2px;text-align:center;height:auto;vertical-align:middle;color:var(--sidebar-text-color,#222)}

/* Column Widths */
.dv-table th:nth-child(1), .dv-table td:nth-child(1) { width: 25px; min-width: 25px; } /* 序号 */
.dv-table th:nth-child(2), .dv-table td:nth-child(2) { width: 22%; } /* 名字 */
.dv-table th:nth-child(3), .dv-table td:nth-child(3) { width: 25%; } /* 作者 */
.dv-table th:nth-child(4), .dv-table td:nth-child(4) { width: 15%; } /* 战绩 */
.dv-table th:nth-child(5), .dv-table td:nth-child(5) { width: 45px; } /* 点赞 */
.dv-table th:nth-child(6), .dv-table td:nth-child(6) { width: auto; min-width: 50px; } /* 管理 */

.dv-range-wrap{display:flex;align-items:center;gap:8px}
.dv-range-input{flex:1}
.dv-range-value{min-width:28px;text-align:center;color:var(--sidebar-text-color,#222)}

/* Table buttons */
.dv-table-btn {
  padding: 2px 8px;
  font-size: 0.8rem;
  margin: 0 4px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
  background: #fff;
  transition: all 0.2s;
}
.dv-btn-apply {
  color: var(--sidebar-accent, #0078ff);
  border-color: rgba(0,120,255,0.2);
}
.dv-btn-apply:hover {
  background: rgba(0,120,255,0.08);
}
/* New style for 'enabled' state (to disable) */
.dv-btn-disable {
  color: #fff !important;
  background-color: #ef4444 !important;
  border-color: #ef4444 !important;
}
.dv-btn-disable:hover {
  background-color: #dc2626 !important;
}

.dv-btn-clear {
  color: #e74c3c;
  border-color: rgba(231,76,60,0.2);
}
.dv-btn-clear:hover {
  background: rgba(231,76,60,0.08);
}

@media (max-width:768px){
  .dv-card{padding:12px}
  .dv-textarea{min-height:96px}
  .dv-table th{font-size:0.8rem}
}

/* Small-screen adjustment: avoid being hidden by the fixed sidebar when compact */
@media (max-width:1024px){
  /* Add left inset inside the dv-area so cards and tables don't sit under the sidebar */
  html.compact-sidebar .strategy-content .dv-area{
    padding-left: calc(var(--sidebar-width-compact,72px) + 12px);
    box-sizing: border-box;
  }
  /* Ensure table wrapper can scroll horizontally if needed */
  html.compact-sidebar .strategy-content .dv-table-wrap{overflow-x:auto}
}

/* Action row: select + modify + save */
.dv-action-row{display:flex;align-items:center;gap:8px;margin-top:12px}
.dv-select{padding:6px 8px;border-radius:6px;border:1px solid rgba(0,0,0,0.08);background:#fff}
.dv-btn{padding:6px 10px;border-radius:6px;border:none;cursor:pointer;font-size:0.95rem}
.dv-btn-primary{background:var(--sidebar-accent,#0078ff);color:#fff;border:1px solid rgba(0,0,0,0.06)}
.dv-btn-secondary{background:#fff;color:var(--sidebar-text-color,#222);border:1px solid rgba(0,0,0,0.08)}

@media (max-width:480px){
  .dv-action-row{flex-direction:row;gap:6px}
  .dv-select{flex:0 0 64px}
  .dv-btn{padding:6px 8px;font-size:0.9rem}
}

/* 序号标签样式 */
.dv-action-label{font-size:0.95rem;color:var(--sidebar-text-color,#222);margin-right:6px;white-space:nowrap}

/* 子卡片：参考面板内的圆角输入框容器 */
.dv-sub-card{margin-top:12px;padding:8px;background:var(--card-bg,#fff);border-radius:10px;box-shadow:var(--sidebar-shadow,0 2px 10px rgba(0,0,0,0.04));box-sizing:border-box}
.dv-sub-card .dv-textarea{min-height:120px}

/* 参考面板下的操作行（选择 + 切换 + 应用） */
.dv-ref-action-row{display:flex;align-items:center;gap:8px;margin-top:10px}
@media (max-width:480px){
  .dv-ref-action-row{gap:6px}
  .dv-ref-action-row .dv-select{flex:0 0 56px}
}

/* 参考面板下的子卡片 */
.dv-sub-card{margin-top:12px;padding:10px;border-radius:10px;background:var(--card-bg,#fff);box-shadow:var(--sidebar-shadow,0 2px 8px rgba(0,0,0,0.04));box-sizing:border-box}
.dv-sub-card .dv-textarea{margin:0;padding:6px;border-radius:8px;border:1px solid rgba(0,0,0,0.06);min-height:120px}