/* Eska Sosmed — pemantauan sosial media RRI Samarinda.
   Prefix: .eska-sosmed- / .eska-sosmed (hindari bentrok dengan tema Astra). */

.eska-sosmed {max-width: 1100px;margin: 2rem auto;padding: 0 1rem;font-family: inherit;color: #1f2937;}

.eska-sosmed-title {font-size: 1.7rem;margin: 0 0 0.25rem;}

.eska-sosmed-sub {color: #5a5a5a;margin: 0 0 1rem;}

.eska-sosmed-bar {display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem;background: #f3f4f6;border: 2px solid #111111;border-radius: 0;padding: 0.75rem 1rem;margin-bottom: 1.5rem;}

.eska-sosmed-total strong {font-size: 1.15rem;color: #111827;}

.eska-sosmed-updated {color: #5a5a5a;font-size: 0.85rem;margin-right: auto;}

.eska-sosmed-refresh {border: 2px solid #0a3f9c;background: #0a3f9c;color: #1c1c1c;border-radius: 0;padding: 0.45rem 0.9rem;font-size: 0.85rem;cursor: pointer;}

.eska-sosmed-refresh:hover {background: #1d4ed8;}
.eska-sosmed-refresh[disabled] {opacity: 0.6;cursor: wait;}

.eska-sosmed-group-title {font-size: 1.1rem;margin: 1.5rem 0 0.75rem;border-bottom: 2px solid #111111;padding-bottom: 0.35rem;}

.eska-sosmed-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 1rem;}

.eska-sosmed-card {border: 2px solid #111111;border-radius: 0;padding: 1rem;background: #fff;box-shadow: 5px 5px 0 #111111;display: flex;flex-direction: column;gap: 0.35rem;}

.eska-sosmed-card-head {display: flex;justify-content: space-between;align-items: center;gap: 0.5rem;}

.eska-sosmed-badge {font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;border-radius: 999px;padding: 0.2rem 0.6rem;color: #1c1c1c;background: #6b7280;}

.eska-sosmed-badge.eska-p-instagram {background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);}
.eska-sosmed-badge.eska-p-facebook  {background: #1877f2;}
.eska-sosmed-badge.eska-p-tiktok    {background: #f6f1e7;}
.eska-sosmed-badge.eska-p-youtube   {background: #ff0000;}

.eska-sosmed-status {font-size: 0.72rem;color: #5a5a5a;}

.eska-sosmed-status.is-live   {color: #0b7a3e;}
.eska-sosmed-status.is-seed   {color: #b45309;}
.eska-sosmed-status.is-error  {color: #dc2626;}

.eska-sosmed-name   {margin: 0.25rem 0 0;font-size: 1.02rem;}
.eska-sosmed-handle {margin: 0;color: #5a5a5a;font-size: 0.85rem;}

.eska-sosmed-metrics {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.5rem;margin: 0.5rem 0 0.75rem;}

.eska-sosmed-metric {background: #f9fafb;border: 2px solid #111111;border-radius: 0;padding: 0.45rem 0.6rem;}

.eska-sosmed-metric dt {font-size: 0.72rem;color: #5a5a5a;text-transform: uppercase;letter-spacing: 0.03em;}

.eska-sosmed-metric dd {margin: 0.15rem 0 0;font-size: 1.1rem;font-weight: 700;color: #111827;}

.eska-sosmed-link {margin-top: auto;font-size: 0.85rem;text-decoration: none;color: #0a3f9c;}

.eska-sosmed-link:hover {text-decoration: underline;}

.eska-sosmed-posts {margin: 0.25rem 0 0.75rem;}

.eska-sosmed-posts-title {margin: 0 0 0.4rem;font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.04em;color: #5a5a5a;}

.eska-sosmed-post-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.5rem;}

.eska-sosmed-post {border-left: 3px solid #111111;padding: 0.3rem 0 0.3rem 0.55rem;display: flex;align-items: flex-start;gap: 0.55rem;}

.eska-sosmed-post-thumb {width: 56px;height: 56px;flex: 0 0 56px;object-fit: cover;border-radius: 0;background: #f3f4f6;display: block;}

.eska-sosmed-post-thumb.eska-thumb-ph {display: flex;align-items: center;justify-content: center;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.05em;color: #1c1c1c;border: none;}

.eska-thumb-ph.eska-p-instagram {background: linear-gradient(45deg, #f09433, #dc2743, #bc1888);}
.eska-thumb-ph.eska-p-facebook  {background: #1877f2;}
.eska-thumb-ph.eska-p-tiktok    {background: #fffdf8;}
.eska-thumb-ph.eska-p-youtube   {background: #ff0000;}

.eska-sosmed-post-body {display: block;min-width: 0;flex: 1;}

.eska-sosmed-post-time {display: block;font-size: 0.7rem;color: #5a5a5a;margin-bottom: 0.15rem;}

.eska-sosmed-post-text {display: block;font-size: 0.82rem;line-height: 1.35;color: #5a5a5a;word-wrap: break-word;}

.eska-sosmed-post-text a {color: #5a5a5a;text-decoration: none;}

.eska-sosmed-post-text a:hover {color: #0a3f9c;text-decoration: underline;}

.eska-sosmed-post-note {font-size: 0.78rem;color: #5a5a5a;font-style: italic;}

.eska-sosmed-note {margin: 2rem 0 0;font-size: 0.8rem;color: #5a5a5a;}

@media (max-width: 600px) {
	.eska-sosmed-grid {grid-template-columns: 1fr;}}

/* ---- Tombol & popup analisis ---- */

.eska-sosmed-analisis {border: 2px solid #6a3ec8;background: #6a3ec8;color: #1c1c1c;border-radius: 0;padding: 0.45rem 0.9rem;font-size: 0.85rem;cursor: pointer;}

.eska-sosmed-analisis:hover {background: #6d28d9;}

.eska-modal {display: none;position: fixed;inset: 0;z-index: 100000;background: #fffdf8;padding: 3vh 1rem;overflow-y: auto;}

.eska-modal.is-open {display: block;}

body.eska-modal-terbuka {overflow: hidden;}

.eska-modal-box {position: relative;max-width: 780px;margin: 0 auto;background: #fff;border-radius: 0;padding: 1.4rem 1.5rem 1.6rem;box-shadow: 5px 5px 0 #111111;}

.eska-modal-tutup {position: absolute;top: 10px;right: 12px;border: none;background: #f3f4f6;color: #5a5a5a;width: 32px;height: 32px;border-radius: 50%;font-size: 1.2rem;line-height: 1;cursor: pointer;}

.eska-modal-tutup:hover {background: #e5e7eb;}

.eska-modal-judul {margin: 0 0 0.2rem;font-size: 1.3rem;}
.eska-modal-sub {margin: 0 0 1rem;color: #5a5a5a;font-size: 0.85rem;}

.eska-kpi {display: grid;grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));gap: 0.6rem;margin-bottom: 1.1rem;}

.eska-kpi-item {background: #f9fafb;border: 2px solid #111111;border-radius: 0;padding: 0.6rem 0.75rem;}

.eska-kpi-item dt {font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.03em;color: #5a5a5a;}

.eska-kpi-item dd {margin: 0.15rem 0 0;font-size: 1.25rem;font-weight: 700;color: #111827;}

.eska-grafik-judul {margin: 1.1rem 0 0.45rem;font-size: 0.95rem;border-bottom: 2px solid #111111;padding-bottom: 0.3rem;}

.eska-svg {width: 100%;height: auto;display: block;}
.eska-svg-lbl {font-size: 11px;fill: #374151;}
.eska-svg-val {font-size: 11px;fill: #6b7280;font-weight: 700;}

.eska-kesimpulan {display: flex;flex-direction: column;gap: 0.7rem;}

.eska-kesimpulan-blok {background: #f9fafb;border-left: 3px solid #6a3ec8;border-radius: 0;padding: 0.6rem 0.85rem;}

.eska-kesimpulan-blok h5 {margin: 0 0 0.3rem;font-size: 0.88rem;}

.eska-kesimpulan-blok p {margin: 0;font-size: 0.85rem;line-height: 1.5;color: #5a5a5a;}

.eska-rekomendasi {margin: 0.2rem 0 0;padding-left: 1.1rem;}
.eska-rekomendasi li {margin-bottom: 0.35rem;}

.eska-modal-catatan {margin: 1.1rem 0 0;font-size: 0.75rem;color: #5a5a5a;border-top: 2px solid #111111;padding-top: 0.6rem;}

.eska-grafik-kosong {background: #f9fafb;border: 2px dashed #d1d5db;border-radius: 0;padding: 0.8rem 0.95rem;font-size: 0.82rem;color: #5a5a5a;line-height: 1.5;}

.eska-delta-naik {color: #0b7a3e;font-weight: 700;}
.eska-delta-turun {color: #dc2626;font-weight: 700;}
.eska-delta-datar {color: #5a5a5a;font-weight: 700;}

@media (max-width: 600px) {
	.eska-modal {padding: 0;}

	.eska-modal-box {border-radius: 0;min-height: 100%;padding: 1.1rem 0.9rem 1.4rem;}}

/* neo */ #space,#stars,.aurora{display:none!important}

/* ==== NEO: tipografi seragam ==== */
html,body,button,input,select,textarea,code,pre { font-family:"Space Grotesk","Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif }
h1,h2,h3,h4,h5,h6,.brand,.nav-links a,.btn,button { font-weight:800 !important }
h1,h2 { letter-spacing:-.01em }
body,button,input,select,textarea { font-size:16px }

/* neo neo20261009b */