/* Base */
.wrap.rllm-f02{ max-width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

/* Panel */
.rllm-f02 .strategy-box{ background: #fff; border: 1px solid #ccd0d4; padding: 15px 20px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.strategy-box .ai-notice-wrap { margin-top: 8px; grid-column: 1 / -1; }
.strategy-box .ai-notice-text { margin: 0; font-size: 11px; line-height: 1.6; color: #64748b; }
.strategy-box .ai-notice-text::before { content: "※"; margin: 0 3px 0 0; }

/* Controls */
.rllm-f02 .rllm-f02-controls{ display: grid; grid-template-columns: 220px 1fr auto auto; gap: 0 16px; align-items: end; }
.rllm-f02 .rllm-f02-field{ min-width: 0; }
.rllm-f02 .rllm-f02-label{ display: block; margin-bottom: 6px; font-size: 11px; font-weight: 700; color: #64748b; }
.rllm-f02 .rllm-f02-select{ width: 100%; min-width: 180px; }
.rllm-f02 #f02-post-type{ min-height: 32px; }

/* Tagbox */
.rllm-f02 .f02-tagbox{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0 10px; min-height: 32px; box-sizing: border-box; background: #fff; border: 1px solid #8c8f94; border-radius: 3px; }
.rllm-f02 .f02-tagbox input{ flex: 1 1 160px; min-width: 160px; width: auto; border: none; outline: none; box-shadow: none; background: transparent; height: 20px; line-height: 20px; padding: 0; margin: 0; font-size: 13px; color: #1e293b; }
.rllm-f02 .f02-tag{ display: inline-flex; align-items: center; gap: 6px; padding: 1px 8px; border-radius: 999px; background: #e2e8f0; border: 1px solid #e2e8f0; color: #1e293b; font-size: 12px; font-weight: 600; line-height: 1.3; white-space: nowrap; word-break: keep-all; writing-mode: horizontal-tb; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.rllm-f02 .f02-tag *{ writing-mode: horizontal-tb; }
.rllm-f02 .f02-tag-x{ appearance: none; -webkit-appearance: none; border: none; background: transparent; cursor: pointer; font-size: 13px; line-height: 1; padding: 0; margin: 0; color: #1d2327; opacity: .7; }

.rllm-f02 .f02-tag-x:hover{ opacity: 1; }
/* Buttons */
.rllm-f02 .button.button-primary{ background: #3858e9; border-color: #3858e9; }
.rllm-f02 .button.button-primary:hover{ background: #2f48c7; border-color: #2f48c7; }
.rllm-f02 #f02-delete-all.button{ background: #ef4444; border-color: #ef4444; color: #fff; }
.rllm-f02 #f02-delete-all.button:hover{ background: #dc2626; border-color: #dc2626; }

/* Note */
.rllm-f02 .rllm-f02-field--note{ grid-column: 1 / -1; grid-row: 2; align-self: start; }
.rllm-f02 .rllm-f02-note{ font-size: 12px; color: #64748b; line-height: 1.45; white-space: normal; }

/* Headrow */
.rllm-f02 .rllm-f02-headrow{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0 8px; }
.rllm-f02 .rllm-f02__section-title{ margin: 0; }
.rllm-f02 .rllm-f02-headrow__actions{ display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }

/* Table */
.rllm-f02 .wp-list-table{ table-layout: fixed; border: none !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; }
.rllm-f02 .wp-list-table thead th{ background: #f8fafc; padding: 12px; font-weight: 700; color: #475569; }
.rllm-f02 th.rllm-f02-col-status, .rllm-f02 td.f02-col-state{ width: 70px; min-width: 70px; text-align: center; vertical-align: top; }
.rllm-f02 th.rllm-f02-col-actions, .rllm-f02 td.f02-col-actions{ width: 120px; min-width: 120px; text-align: center !important; vertical-align: top; }
.rllm-f02 th.rllm-f02-col-title, .rllm-f02 td.f02-col-title{ width: 38%; }

/* Title Cell */
.rllm-f02 .f02-title-flex{ display: flex; align-items: flex-start; gap: 10px; }
.rllm-f02 .f02-char-badge{ display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 8px; border-radius: 6px; font-size: 11px; font-weight: 700; white-space: nowrap; background: #f1f5f9; color: #64748b; border: 1px solid transparent; }
.rllm-f02 .f02-char-badge.warn{ background: #fee2e2; color: #ef4444; border-color: #fecaca; }
.rllm-f02 .f02-title-flex textarea.f02-title{ flex: 1 1 auto; min-width: 0; margin: 0; }
.rllm-f02 textarea.f02-title{ width: 100%; min-height: 80px; resize: vertical; box-sizing: border-box; padding: 8px !important; border-color: #cbd5e1 !important; border-radius: 4px; background: #fff; font-family: inherit; font-size: 12px; line-height: 1.5; color: #1e293b; }

/* Status Badge */
.rllm-f02 .f02-status-badge{ display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; border: 1px solid transparent; background: #f1f5f9; color: #64748b; }
.rllm-f02 .f02-status-badge.is-created{ background: #ecfdf5; border-color: #d1fae5; color: #065f46; }
.rllm-f02 .f02-status-badge.is-fav{ background: #fff7ed; border-color: #fed7aa; color: #9a3412; }
.rllm-f02 .f02-status-badge.is-pending{ background: #f1f5f9; border-color: #e2e8f0; color: #64748b; }

/* Meta Card */
.rllm-f02 td.f02-col-meta{ vertical-align: top; }
.rllm-f02 .f02-metaCard{ border: 1px solid #e5e7eb; background: #ffffff; border-radius: 10px; padding: 10px 12px; box-shadow: 0 1px 0 rgba(0,0,0,.02); }
.rllm-f02 .f02-metaTop{ display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 8px; }
.rllm-f02 .f02-chip{ display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 1.6; border: 1px solid #e5e7eb; background: #f8fafc; color: #334155; white-space: nowrap; }
.rllm-f02 .f02-chip-intent{ background: #eef2ff; border-color: #e0e7ff; color: #3730a3; white-space: wrap; }
.rllm-f02 .f02-chip-score.is-high{ background: #ecfdf5; border-color: #d1fae5; color: #065f46; }
.rllm-f02 .f02-chip-score.is-mid{ background: #fffbeb; border-color: #fef3c7; color: #92400e; }
.rllm-f02 .f02-chip-score.is-low{ background: #fef2f2; border-color: #fee2e2; color: #991b1b; }
.rllm-f02 .f02-chip-draft{ background: #eff6ff; border-color: #dbeafe; color: #1d4ed8; }
.rllm-f02 .f02-metaReason{ font-size: 12px; line-height: 1.7; color: #334155; padding: 8px 10px; background: #f8fafc; border: 1px solid #eef2f7; border-radius: 8px; }
.rllm-f02 .f02-metaReason.is-empty{ color: #64748b; }
.rllm-f02 .f02-metaBottom{ display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 8px; font-size: 11px; color: #64748b; }
.rllm-f02 .f02-metaDate{ white-space: nowrap; }
.rllm-f02 a.f02-editlink{ text-decoration: none; font-size: 11px; font-weight: 700; color: #3858e9; }
.rllm-f02 a.f02-editlink:hover{ text-decoration: underline; }

/* Actions */
.rllm-f02 td.f02-col-actions{ text-align: center !important; vertical-align: top; }
.rllm-f02 td.f02-col-actions .f02-action-row{ display: inline-flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 6px !important; width: 96px; margin: 0 auto !important; align-items: stretch !important; justify-content: flex-start !important; }
.rllm-f02 td.f02-col-actions .f02-action-row .button{ width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 28px !important; line-height: 26px !important; padding: 0 6px !important; font-size: 11px !important; white-space: nowrap !important; vertical-align: middle !important; }
.rllm-f02 td.f02-col-actions .f02-action-row .f02-del{ background: #ef4444 !important; border-color: #ef4444 !important; color: #fff !important; }
.rllm-f02 td.f02-col-actions .f02-action-row .f02-del:hover{ background: #dc2626 !important; border-color: #dc2626 !important; }

/* Empty row */
.rllm-f02 .f02-empty td{ color: #94a3b8; font-size: 13px; padding: 12px; border: 1px dashed #cbd5e1; background: #f8fafc; border-radius: 6px; text-align: center; }

/* Responsive */
@media (max-width: 1200px){ .rllm-f02 .rllm-f02-controls{ grid-template-columns: 1fr 1fr auto; } .rllm-f02 .rllm-f02-field--note{ grid-column: 1 / -1; } }
@media (max-width: 640px){ .rllm-f02 .rllm-f02-controls{ grid-template-columns: 1fr; } .rllm-f02 .rllm-f02-headrow{ flex-direction: column; align-items: flex-start; } .rllm-f02 .f02-tagbox input{ min-width: 0; flex-basis: 0; } }