.autoBlogTopicsGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.autoBlogTopicFilters{gap:.5rem;margin-bottom:1.5rem;display:flex}.autoBlogTopicFilterBtn{background:var(--bgSecondary);color:var(--textSecondary);border:1px solid var(--borderPrimary);cursor:pointer;border-radius:.75rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.autoBlogTopicFilterBtn:hover{background:var(--bgMuted)}.autoBlogTopicFilterBtn.active{background:var(--cdBlue);color:#fff;border-color:var(--cdBlue)}.autoBlogTopicFilterBtn svg{width:1rem;height:1rem}.topicSuggestionCard{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowSm);cursor:pointer;border-radius:.75rem;padding:0;transition:all .3s;overflow:hidden}.topicSuggestionCard:hover{box-shadow:var(--shadowMd);border-color:var(--cdBlue);transform:translateY(-2px)}.topicSuggestionCardImage{background:var(--bgMuted);width:100%;height:180px;overflow:hidden}.topicSuggestionCardImg{object-fit:cover;width:100%;height:100%;transition:transform .3s}.topicSuggestionCard:hover .topicSuggestionCardImg{transform:scale(1.05)}.topicSuggestionCardHeader{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding:1.25rem 1.25rem 0;display:flex}.topicSuggestionCardTitle{color:var(--textPrimary);flex:1;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.topicSuggestionCardActions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.topicSuggestionCardActionBtn{width:1.75rem;height:1.75rem;color:var(--textTertiary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.topicSuggestionCardActionBtn:hover{background:var(--bgMuted);color:var(--textPrimary)}.topicSuggestionCardActionBtn.use:hover{color:var(--cdGreen)}.topicSuggestionCardActionBtn.delete:hover{color:var(--cdRed)}.topicSuggestionCardActionIcon{width:.875rem;height:.875rem}.topicSuggestionCardBody{margin-bottom:1rem;padding:0 1.25rem}.topicSuggestionCardDescription{color:var(--textSecondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.topicSuggestionCardKeywords{flex-wrap:wrap;gap:.375rem;display:flex}.topicSuggestionCardKeyword{background:var(--bgMuted);color:var(--textSecondary);border-radius:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.topicSuggestionCardKeyword.priority-high{color:var(--cdRed);background:#ef44441a;border:1px solid #ef444433}.topicSuggestionCardKeyword.priority-medium{color:var(--cdYellow);background:#f59e0b1a;border:1px solid #f59e0b33}.topicSuggestionCardKeyword.priority-low{color:var(--cdBlue);background:#688fe51a;border:1px solid #688fe533}.topicSuggestionCardKeyword.used{color:var(--cdGreen);background:#22c55e1a;border:1px solid #22c55e33}.topicSuggestionCardKeyword.trending{color:var(--cdYellow);background:linear-gradient(135deg,#fbbf241a 0%,#f59e0b1a 100%);border:1px solid #f59e0b4d;animation:2s ease-in-out infinite pulse}.topicSuggestionCardKeyword.muted{opacity:.5}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.topicSuggestionCardFooter{border-top:1px solid var(--borderSecondary);align-items:center;gap:1rem;padding:.75rem 1.25rem 1.25rem;display:flex}.topicSuggestionCardStat{color:var(--textTertiary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.topicSuggestionCardStatIcon{width:.875rem;height:.875rem}.topicSuggestionCardStatValue{font-weight:600}.trendingTopicsWidget{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;overflow:hidden}.trendingTopicsHeader{border-bottom:1px solid var(--borderSecondary);background:var(--bgMuted);padding:1.25rem 1.5rem}.trendingTopicsTitle{color:var(--textPrimary);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.trendingTopicsTitleIcon{width:1.25rem;height:1.25rem;color:var(--cdYellow)}.trendingTopicsList{padding:.75rem}.trendingTopicItem{cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.875rem .75rem;transition:background .2s;display:flex}.trendingTopicItem:hover{background:var(--bgMuted)}.trendingTopicItemMain{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.trendingTopicItemRank{background:var(--bgMuted);width:1.75rem;height:1.75rem;color:var(--textSecondary);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.trendingTopicItem:first-child .trendingTopicItemRank{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.trendingTopicItem:nth-child(2) .trendingTopicItemRank{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.trendingTopicItem:nth-child(3) .trendingTopicItemRank{color:#fff;background:linear-gradient(135deg,#cd7f32 0%,sienna 100%)}.trendingTopicItemContent{flex:1;min-width:0}.trendingTopicItemTitle{color:var(--textPrimary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.875rem;font-weight:500;overflow:hidden}.trendingTopicItemMeta{color:var(--textTertiary);font-size:.75rem}.trendingTopicItemTrend{color:var(--cdGreen);align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.trendingTopicItemTrendIcon{width:.875rem;height:.875rem}.topicFormSection{background:var(--bgTertiary);border:1px solid var(--borderPrimary);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.topicFormSectionTitle{color:var(--textPrimary);border-bottom:1px solid var(--borderPrimary);margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}@media (max-width:768px){.autoBlogTopicsGrid{grid-template-columns:1fr}.topicSuggestionCardFooter{flex-direction:column;align-items:flex-start;gap:.5rem}}.topicSuggestionCardTitlesSection{border-top:1px solid var(--borderColor);margin-top:1rem}.topicSuggestionCardTitlesToggle{background:var(--bgSecondary);width:100%;color:var(--textPrimary);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.topicSuggestionCardTitlesToggle:hover{background:var(--bgTertiary)}.topicSuggestionCardTitlesList{background:var(--bgPrimary);padding:1rem}.topicSuggestionCardTitleItem{background:var(--bgSecondary);border-left:3px solid var(--cdBlue);border-radius:.375rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.625rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.topicSuggestionCardTitleItem:hover{transform:translate(3px)}.topicSuggestionCardTitleImage{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:80px;height:60px}.topicSuggestionCardTitleContent{flex:1;align-items:flex-start;gap:.5rem;min-width:0;display:flex;box-shadow:0 2px 4px #0000001a}.topicSuggestionCardTitleItem:last-child{margin-bottom:0}.topicSuggestionCardTitleNumber{background:var(--cdBlue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:600;display:flex}.topicSuggestionCardTitleText{color:var(--textPrimary);flex:1;font-size:.9rem;line-height:1.5}.topicSuggestionCardKeyword.ai{background:linear-gradient(135deg,var(--cdBlue)0%,#06c 100%);color:#fff}.topicSuggestionCardKeyword.titles{background:var(--bgTertiary);color:var(--textPrimary);border:1px solid var(--borderColor)}.topicSuggestionListView{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:.75rem;overflow:hidden}.topicSuggestionTable{border-collapse:collapse;width:100%}.topicSuggestionTableTh{text-align:left;color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bgSecondary);border-bottom:1px solid var(--borderColor);padding:1rem;font-size:.75rem;font-weight:600}.topicSuggestionTableRow{border-bottom:1px solid var(--borderColor);transition:background-color .2s}.topicSuggestionTableRow:hover{background:var(--bgMuted)}.topicSuggestionTableTd{color:var(--textPrimary);vertical-align:middle;padding:1rem;font-size:.875rem}.topicSuggestionTableTopic{align-items:center;gap:.75rem;display:flex}.topicSuggestionTableImage{object-fit:cover;border-radius:.375rem;flex-shrink:0;width:60px;height:45px}.topicSuggestionTableTopicContent{flex-direction:column;gap:.25rem;min-width:0;display:flex}.topicSuggestionTableTopicTitle{color:var(--textPrimary);font-weight:500;line-height:1.4}.topicSuggestionTableBadge{border-radius:.25rem;align-items:center;gap:.25rem;width:fit-content;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.topicSuggestionTableBadge.used{color:var(--cdGreen);background:#22c55e1a;border:1px solid #22c55e33}.topicSuggestionTableBadge.ai{background:linear-gradient(135deg,var(--cdBlue)0%,#06c 100%);color:#fff;border:none}.topicSuggestionTableBadge svg{width:.75rem;height:.75rem}.topicSuggestionTableTitles{color:var(--textSecondary);align-items:center;gap:.375rem;display:flex}.topicSuggestionTableTitles svg{width:1rem;height:1rem}.topicSuggestionTablePriority{border-radius:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.topicSuggestionTablePriority.priority-urgent{color:var(--cdRed);background:#ef44441a;border:1px solid #ef444433}.topicSuggestionTablePriority.priority-high{color:var(--cdYellow);background:#f59e0b1a;border:1px solid #f59e0b33}.topicSuggestionTablePriority.priority-medium{color:var(--cdBlue);background:#688fe51a;border:1px solid #688fe533}.topicSuggestionTablePriority.priority-low{background:var(--bgMuted);color:var(--textSecondary);border:1px solid var(--borderColor)}.topicSuggestionTableSource{color:var(--textSecondary);font-size:.8125rem}.topicSuggestionTableDate{color:var(--textSecondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.topicSuggestionTableDate svg{width:.875rem;height:.875rem}.topicSuggestionTableActions{align-items:center;gap:.5rem;display:flex}.topicSuggestionTableActionBtn{width:2rem;height:2rem;color:var(--textTertiary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.topicSuggestionTableActionBtn:hover:not(:disabled){background:var(--bgMuted);color:var(--textPrimary)}.topicSuggestionTableActionBtn.primary{color:var(--cdBlue)}.topicSuggestionTableActionBtn.primary:hover:not(:disabled){background:#688fe51a}.topicSuggestionTableActionBtn.delete{color:var(--cdRed)}.topicSuggestionTableActionBtn.delete:hover:not(:disabled){background:#ef44441a}.topicSuggestionTableActionBtn:disabled{opacity:.5;cursor:not-allowed}.topicSuggestionTableActionBtn svg{width:1rem;height:1rem}.autoBlogTopicViewToggle{background:var(--bgSecondary);border:1px solid var(--borderColor);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem;display:flex}.autoBlogTopicViewBtn{width:2rem;height:2rem;color:var(--textSecondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.autoBlogTopicViewBtn:hover{background:var(--bgMuted);color:var(--textPrimary)}.autoBlogTopicViewBtn.active{background:var(--cdBlue);color:#fff}.autoBlogTopicViewBtn svg{width:1.125rem;height:1.125rem}.autoBlogPollingIndicator{color:var(--cdBlue);background:linear-gradient(135deg,#688fe526 0%,#22c55e26 100%);border:1px solid #688fe54d;border-radius:.375rem;margin-left:1rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;animation:2s ease-in-out infinite pulse;display:inline-block}
