body.skc-plugin-page { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; } .skc-hero-card { border-radius: 0.5rem; padding: 1rem; }
.skc-export-btn{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:6px;background:#0ea5a4;color:#fff;border:none}
.skc-topbar { display:flex; align-items:center; justify-content:space-between; padding:0.5rem 1rem; background:#fff; border-bottom:1px solid #eee; }
.skc-topbar a { color:#0b5567; text-decoration:none; margin:0 0.5rem; }
.skc-notif-badge{ background:#ef4444; color:#fff; border-radius:999px; padding:2px 6px; margin-left:6px; font-size:12px; }
@media (max-width:768px){ .skc-topbar-center{ display:none; } .skc-lake-ticker{ display:none; } }
.skc-sidepanel { position:fixed; right:0; top:60px; width:320px; max-width:90%; background:#f9fafb; border-left:1px solid #e5e7eb; padding:12px; z-index:50; }
.email-block { margin:8px 0; }
.skc-tooltip{ position:fixed; background:#111; color:#fff; padding:6px 8px; border-radius:6px; font-size:12px; z-index:1000; }


/* Accessibility improvements: focus styles, high contrast, reduced motion */
:focus { outline: 3px solid #0369a1; outline-offset: 2px; }
.skc-skip-link { position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion: reduce){ * { animation-duration: 0ms !important; transition-duration: 0ms !important; } }
/* ensure chart toolbar buttons are large enough */
.skc-chart-toolbar button { padding:8px 10px; font-size:14px; }

/* Dark theme contrast tweaks */ [data-theme='dark'] .skc-topbar { background:#042f2f; color:#e6fffa; } [data-theme='dark'] .skc-notif-badge { background:#ffb4b4; color:#000; }

/* Phase15: KB and Dashboard polish accessibility */
.kb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.kb-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:16px;max-width:800px;max-height:80vh;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,0.2)}
button:focus{outline:3px solid #0369a1;outline-offset:2px}