/* Rowslab Live Trending Keywords - Core UI */
.rs-lt-wrapper { max-width: 900px; margin: 0 auto; }
.rs-lt-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.06); padding: 24px; }
.rs-lt-header h3 { margin: 0 0 12px 0; font-size: 22px; font-weight: 700; color: #111; }
.rs-lt-controls { display: flex; gap: 10px; margin-bottom: 12px; }
.rs-lt-controls input { flex: 1; border: 1px solid #d1d5db; border-radius: 10px; padding: 12px; font-size: 16px; }
.rs-lt-btn { background: #111; color: #fff; border: none; border-radius: 10px; padding: 12px 20px; cursor: pointer; font-weight: 600; transition: all 0.2s; }
.rs-lt-btn:hover { opacity: .90; transform: translateY(-1px); }
.rs-lt-btn.outline { background: #fff; color: #111; border: 1px solid #111; margin-top: 15px; }
.rs-lt-status { min-height: 22px; margin: 6px 0 10px 0; color: #6b7280; font-style: italic; }

/* The Results Grid */
.rs-lt-results-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 
    gap: 15px; 
    margin-top: 20px; 
}
.rs-engine-col { background: #f9fafb; padding: 15px; border-radius: 10px; border: 1px solid #f3f4f6; }
.rs-engine-col h4 { margin: 0 0 10px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; color: #374151; border-bottom: 2px solid #111; display: inline-block; padding-bottom: 2px; }

.res-list a { 
    display: block; 
    font-size: 13px; 
    color: #4b5563; 
    text-decoration: none; 
    margin-bottom: 6px; 
    line-height: 1.4;
}
.res-list a:hover { color: #111; text-decoration: underline; }

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .rs-lt-card { background: #0f1115; border-color: #1f232b; color: #e5e7eb; }
    .rs-lt-header h3 { color: #fff; }
    .rs-lt-controls input { background: #111318; color: #e5e7eb; border-color: #2a2f39; }
    .rs-lt-btn { background: #fff; color: #111; }
    .rs-lt-btn.outline { color: #e5e7eb; border-color: #e5e7eb; background: transparent; }
    .rs-engine-col { background: #161a22; border-color: #242933; }
    .rs-engine-col h4 { color: #9ca3af; border-bottom-color: #fff; }
    .res-list a { color: #9ca3af; }
    .res-list a:hover { color: #fff; }
}