/* 5 分钟周报样式 */
.wk-config {
  background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 12px;
  padding: 16px 18px; margin-bottom: 14px;
}
.wk-row { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; margin-bottom: 8px; }
.wk-row label { color: #075985; font-weight: 600; font-size: 0.92rem; }
.wk-row input[type="text"] {
  padding: 5px 10px; border: 1px solid #bae6fd; border-radius: 6px;
  background: #fff; font-size: 0.9rem; min-width: 100px;
}

.wk-radio {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 12px; background: #fff; border-radius: 999px;
  border: 1px solid #bae6fd; cursor: pointer; font-size: 0.85rem;
}
.wk-radio:has(input:checked) {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
  color: #fff; border-color: #0284c7;
}

.wk-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;
}
.wk-pane {
  background: #fff; border: 1px solid #e5e7eb; border-radius: 10px;
  padding: 14px;
}
.wk-pane h4 { margin: 0 0 8px; font-size: 0.95rem; color: #0c4a6e; }
.wk-pane h4 small { color: #888; font-weight: normal; font-size: 0.8rem; }

.wk-textarea {
  width: 100%; min-height: 280px; padding: 10px;
  border: 1px solid #e5e7eb; border-radius: 8px;
  font-family: 'Consolas', 'Microsoft YaHei', monospace;
  font-size: 0.92rem; line-height: 1.6; resize: vertical;
  box-sizing: border-box;
}

.wk-stats {
  display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0;
  font-size: 0.88rem; color: #555;
}
.wk-stat {
  background: #fef3c7; padding: 3px 10px; border-radius: 999px;
  font-size: 0.8rem;
}
.wk-stat strong { color: #b45309; }

.wk-actions {
  display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px;
}
.wk-btn {
  padding: 7px 14px; border-radius: 6px; cursor: pointer;
  border: 1px solid transparent; font-size: 0.88rem; transition: all 0.15s;
}
.wk-btn-primary { background: #0ea5e9; color: #fff; border-color: #0284c7; }
.wk-btn-primary:hover { background: #0284c7; }
.wk-btn-ghost { background: #fff; color: #555; border-color: #d1d5db; }
.wk-btn-ghost:hover { background: #f9fafb; }

@media (max-width: 768px) {
  .wk-grid { grid-template-columns: 1fr; }
}
