.banjar-block{ border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb); border-radius:10px; overflow:hidden; background:var(--wp--preset--color--base, #fff); margin-bottom:1.2rem; }
.banjar-block__title{ background: var(--wp--preset--color--primary, var(--wp--preset--color--contrast, #111827)); color: var(--wp--preset--color--base, #fff); padding:10px 14px; font-size:0.95em; font-weight:700; display:flex; justify-content:space-between; align-items:center; }
.banjar-title-wrap{ display:flex; align-items:center; gap:12px; }
.banjar-img-title{ width:52px; height:auto; background:#fff; border-radius:8px; padding:4px; }
.banjar-table-wrap{ overflow-x:auto; }
.banjar-table{ width:100%; border-collapse:collapse; font-size:13px; }
.banjar-table th{ text-align:left; padding:7px 10px; font-size:11px; text-transform:uppercase; opacity:.6; border-bottom:1px solid #eee; }
.banjar-table td{ padding:6px 10px; border-bottom:1px solid #f5f5f5; vertical-align:middle; }
.banjar-table-narrow td{ padding:5px 8px; font-size:12.5px; }
.banjar-info-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px 12px; padding:10px 14px; background:#f9fafb; border-bottom:1px solid #eee; }
.banjar-info-item{ display:flex; flex-direction:column; font-size:12px; } .banjar-info-item strong{ font-size:10px; text-transform:uppercase; opacity:.6; }
.banjar-row-2col{ display:flex; gap:12px; flex-wrap:wrap; align-items:flex-start; } .banjar-row-2col .banjar-col{ flex:1 1 300px; min-width:280px; } .banjar-row-2col .banjar-block{ margin-bottom:0; width:100%; }
.banjar-widget .banjar-widget__headline{ display:flex; justify-content:space-between; align-items:center; padding:8px 12px; font-size:13px; font-weight:700; border-bottom:1px solid #eee; }
.banjar-compact-body{ display:flex; gap:10px; padding:10px 12px; align-items:flex-start; } .banjar-img-small{ width:56px; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:3px; }
.banjar-table-compact{ width:100%; border-collapse:collapse; font-size:12.5px; } .banjar-table-compact th{ text-align:left; padding:6px 10px; font-size:11px; text-transform:uppercase; opacity:.6; border-bottom:1px solid #eee; } .banjar-table-compact td{ padding:6px 10px; border-bottom:1px solid #f5f5f5; vertical-align:middle; }
.banjar-r{ text-align:right; } .banjar-time{ font-weight:700; }
.banjar-live{ background:#dcfce7; color:#15803d; font-size:10px; padding:2px 6px; border-radius:999px; font-weight:800; animation:pulse 2s infinite; } .banjar-sample{ background:#fef3c7; color:#92400e; font-size:10px; padding:2px 6px; border-radius:999px; }
.banjar-badge{ font-size:10px; padding:2px 8px; border-radius:999px; font-weight:800; margin-left:6px; } .banjar-badge.hijau{ background:#dcfce7; color:#166534; } .banjar-badge.merah{ background:#fee2e2; color:#991b1b; } .banjar-badge.putih{ background:#f3f4f6; color:#374151; border:1px solid #ddd; }
.banjar-status{ padding:1px 6px; border-radius:999px; font-size:10px; text-transform:uppercase; font-weight:700; } .banjar-status.s-scheduled{ background:#e0f2fe; color:#0284c7; } .banjar-status.s-landed{ background:#dcfce7; color:#16a34a; } .banjar-status.s-active, .banjar-status.s-en-route{ background:#dbeafe; color:#1d4ed8; } .banjar-status.s-boarding{ background:#fef9c3; color:#a16207; } .banjar-status.s-delayed{ background:#fee2e2; color:#dc2626; }
.banjar-source{ display:block; padding:6px 10px; font-size:11px; opacity:.6; }
.banjar-logo{ width:32px; height:32px; object-fit:contain; background:#fff; border-radius:6px; border:1px solid #eee; padding:2px; } .banjar-logo-sm{ width:24px; height:24px; object-fit:contain; background:#fff; border-radius:4px; border:1px solid #eee; padding:1px; }
.banjar-airline-cell{ display:flex; align-items:center; justify-content:center; } .banjar-flight-cell{ display:flex; align-items:center; gap:8px; }
@keyframes pulse{ 0%{opacity:1} 50%{opacity:.6} 100%{opacity:1} }
@media (max-width:700px){ .banjar-row-2col{ flex-direction:column; } .banjar-row-2col .banjar-col{ min-width:100%; } }