/* Feed page styles — Day 6 */
.feed-wrapper{display:grid;grid-template-columns:240px 1fr;gap:20px;padding-bottom:40px}
@media(max-width:900px){.feed-wrapper{grid-template-columns:1fr}}

.feed-sidebar{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;height:fit-content;position:sticky;top:20px}
.feed-sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#6B7280;font-weight:700;margin:0 0 10px}
.feed-sidebar h3:not(:first-child){margin-top:18px}
.feed-cat{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;cursor:pointer;font-size:13px;color:#4B5563;transition:all .12s}
.feed-cat:hover{background:#F3F4F6;color:#1A1A2E}
.feed-cat.active{background:#ECFDF5;color:#0D503C;font-weight:600}
.feed-cat .cnt{margin-left:auto;font-size:11px;color:#9CA3AF;background:#F3F4F6;padding:1px 7px;border-radius:10px}
.feed-cat.active .cnt{background:#0D503C;color:#fff}

.feed-main{min-width:0}
.feed-topbar{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px 16px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.feed-chip{padding:5px 12px;border:1px solid #E5E7EB;background:#fff;border-radius:20px;font-size:12px;color:#4B5563;cursor:pointer;transition:all .12s;font-family:inherit;font-weight:500}
.feed-chip:hover{background:#F3F4F6}
.feed-chip.active{background:#0D503C;color:#fff;border-color:#0D503C}
.feed-chip.critical.active{background:#DC2626;border-color:#DC2626}
.feed-chip.high.active{background:#F59E0B;border-color:#F59E0B}
.feed-chip.medium.active{background:#2563EB;border-color:#2563EB}
.feed-search{flex:1;min-width:150px;padding:6px 12px;border:1px solid #E5E7EB;border-radius:20px;font-size:12px;outline:none;font-family:inherit}
.feed-search:focus{border-color:#10B981}
.feed-refresh{width:32px;height:32px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;cursor:pointer;font-size:14px}
.feed-refresh:hover{background:#F3F4F6}
.feed-refresh.spinning{animation:spin .8s linear infinite}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.feed-cards{display:flex;flex-direction:column;gap:10px}

.feed-card{background:#fff;border:1px solid #E5E7EB;border-left:3px solid #E5E7EB;border-radius:10px;padding:14px 16px;transition:all .12s}
.feed-card:hover{border-color:#D1D5DB;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.feed-card.p-critical{border-left-color:#DC2626}
.feed-card.p-high{border-left-color:#F59E0B}
.feed-card.p-medium{border-left-color:#2563EB}
.feed-card.p-low{border-left-color:#9CA3AF}

.feed-card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.feed-prio{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px}
.feed-prio.p-critical{background:#FEE2E2;color:#991B1B}
.feed-prio.p-high{background:#FEF3C7;color:#92400E}
.feed-prio.p-medium{background:#DBEAFE;color:#1E40AF}
.feed-prio.p-low{background:#F3F4F6;color:#6B7280}
.feed-source{font-size:12px;color:#4B5563;font-weight:500}
.feed-time{font-size:11px;color:#9CA3AF;margin-left:auto}
.feed-score{font-size:10px;color:#9CA3AF;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:1px 5px;background:#F3F4F6;border-radius:3px}

.feed-title{font-size:15px;font-weight:600;color:#1A1A2E;margin:0 0 6px;line-height:1.4}
.feed-title a{color:inherit;text-decoration:none}
.feed-title a:hover{color:#0D503C}
.feed-summary{font-size:13px;color:#4B5563;line-height:1.55;margin-bottom:10px}

.feed-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.feed-tag{font-size:10px;padding:2px 7px;border-radius:4px;background:#F3F4F6;color:#6B7280;font-weight:500}
.feed-tag.cat-legal{background:#FEF3C7;color:#92400E}
.feed-tag.cat-energy{background:#FEF3C7;color:#B45309}
.feed-tag.cat-market{background:#DBEAFE;color:#1E40AF}
.feed-tag.cat-world{background:#E9D5FF;color:#6B21A8}
.feed-tag.cat-finance{background:#D1FAE5;color:#065F46}
.feed-tag.cat-media{background:#F3F4F6;color:#4B5563}

.feed-actions{display:flex;gap:6px;flex-wrap:wrap}
.feed-btn{padding:5px 10px;border:1px solid #E5E7EB;background:#fff;border-radius:6px;font-size:12px;color:#4B5563;cursor:pointer;font-family:inherit;transition:all .12s;display:inline-flex;align-items:center;gap:4px}
.feed-btn:hover{background:#F3F4F6;border-color:#D1D5DB}
.feed-btn.active.useful{background:#D1FAE5;color:#065F46;border-color:#6EE7B7}
.feed-btn.active.skip{background:#FEE2E2;color:#991B1B;border-color:#FCA5A5}
.feed-btn.active.saved{background:#DBEAFE;color:#1E40AF;border-color:#93C5FD}
.feed-btn.primary{background:#0D503C;color:#fff;border-color:#0D503C;margin-left:auto}
.feed-btn.primary:hover{background:#0a3f2e}

.feed-empty{background:#fff;border:1px dashed #D1D5DB;border-radius:12px;padding:40px 20px;text-align:center;color:#6B7280}
.feed-empty .icon{font-size:36px;margin-bottom:8px}

.feed-loadmore{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:10px 20px;margin-top:14px;font-size:13px;color:#4B5563;cursor:pointer;font-family:inherit;width:100%;transition:all .12s}
.feed-loadmore:hover{background:#F3F4F6}
.feed-loadmore:disabled{opacity:.5;cursor:default}

.feed-new-badge{display:inline-block;background:#DC2626;color:#fff;font-size:10px;padding:2px 7px;border-radius:10px;margin-left:6px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}