/* Top AI Tools Widget */
.tat-widget{background:#fff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.tat-header{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#fff}
.tat-header-icon{font-size:28px}
.tat-title{font-size:18px;font-weight:700;margin:0;color:#fff}
.tat-subtitle{font-size:12px;color:rgba(255,255,255,.6);margin:2px 0 0}
.tat-list{padding:8px 0}
.tat-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f0f0f0;transition:background .15s}
.tat-item:last-child{border-bottom:none}
.tat-item:hover{background:#f8f9fa}
.tat-rank{width:28px;height:28px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#666;flex-shrink:0}
.tat-item:nth-child(1) .tat-rank{background:linear-gradient(135deg,#ffd700,#ffb347);color:#fff}
.tat-item:nth-child(2) .tat-rank{background:linear-gradient(135deg,#c0c0c0,#a8a8a8);color:#fff}
.tat-item:nth-child(3) .tat-rank{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff}
.tat-icon{font-size:24px;flex-shrink:0}
.tat-info{flex:1;min-width:0}
.tat-name{font-size:15px;font-weight:600;color:#1a1a2e;text-decoration:none;display:block;line-height:1.3}
.tat-name:hover{color:#6c5ce7}
.tat-category{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px}
.tat-rating{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.tat-stars{color:#f39c12;font-size:11px}
.tat-stars .fa-star,.tat-stars .fa-star-half-o{color:#f39c12}
.tat-stars .fa-star-o{color:#ddd}
.tat-score{font-size:13px;font-weight:700;color:#333}
.tat-vote-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:11px;color:#666;flex-shrink:0}
.tat-vote-btn:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}
.tat-vote-btn.voted{background:#6c5ce7;color:#fff;border-color:#6c5ce7}
.tat-vote-btn .fa{font-size:14px}

/* Compact / Mini style for sidebar */
.tat-widget-inner{background:#fff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden}
.tat-header-mini{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#fff}
.tat-header-icon-sm{font-size:20px}
.tat-title-sm{font-size:15px;font-weight:700;color:#fff}
.tat-list-mini{padding:4px 0}
.tat-item-mini{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f0f0f0;transition:background .15s}
.tat-item-mini:last-child{border-bottom:none}
.tat-item-mini:hover{background:#f8f9fa}
.tat-rank-mini{width:22px;height:22px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#666;flex-shrink:0}
.tat-item-mini:nth-child(1) .tat-rank-mini{background:linear-gradient(135deg,#ffd700,#ffb347);color:#fff}
.tat-item-mini:nth-child(2) .tat-rank-mini{background:linear-gradient(135deg,#c0c0c0,#a8a8a8);color:#fff}
.tat-item-mini:nth-child(3) .tat-rank-mini{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff}
.tat-icon-mini{font-size:18px;flex-shrink:0}
.tat-info-mini{flex:1;min-width:0}
.tat-name-mini{font-size:13px;font-weight:600;color:#1a1a2e;text-decoration:none;display:block;line-height:1.3}
.tat-name-mini:hover{color:#6c5ce7}
.tat-cat-mini{font-size:10px;color:#999;text-transform:uppercase}
.tat-vote-mini{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:10px;color:#666;flex-shrink:0}
.tat-vote-mini:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}
.tat-vote-mini.voted{background:#6c5ce7;color:#fff;border-color:#6c5ce7}
.tat-vote-mini .fa{font-size:12px}

/* Grid style */
.tat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}
.tat-grid .tat-item{flex-direction:column;text-align:center;padding:16px;border:1px solid #e0e0e0;border-radius:12px;border-bottom:none;gap:8px}
.tat-grid .tat-item:hover{border-color:#6c5ce7;box-shadow:0 4px 12px rgba(108,92,231,.15)}
.tat-grid .tat-rank{position:absolute;top:8px;left:8px}
.tat-grid .tat-item{position:relative}