:root { --pico-font-size: 95%; }
nav.top { border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem; }
nav.top ul:first-child li strong { white-space: nowrap; }
.badge { display: inline-block; min-width: 1.4em; padding: 0 .4em; border-radius: 1em; background: #4b6bfb; color: #fff; font-size: .8em; text-align: center; }
.badge.urgent { background: #d93526; }
tr.urgent td { background: rgba(217, 53, 38, .08); }
.pill { display: inline-block; padding: .05em .5em; border-radius: .4em; font-size: .8em; background: var(--pico-secondary-background); color: var(--pico-secondary-inverse); }
.pill.ok { background: #2e8540; } .pill.warn { background: #c77700; } .pill.bad { background: #d93526; }
.bubble { padding: .5em .8em; border-radius: .6em; margin: .3em 0; max-width: 85%; }
.bubble.user { background: rgba(75, 107, 251, .12); margin-left: auto; }
.bubble.bot { background: var(--pico-card-sectioning-background-color); }
.bubble small { display: block; opacity: .6; }
.bar { height: .8em; background: #4b6bfb; border-radius: .2em; }
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.muted { opacity: .7; }
.warnbox { border-left: 4px solid #c77700; padding: .5em .8em; background: rgba(199, 119, 0, .08); margin-bottom: .5em; }
.errbox { border-left: 4px solid #d93526; padding: .5em .8em; background: rgba(217, 53, 38, .08); margin-bottom: .5em; }
.okbox { border-left: 4px solid #2e8540; padding: .5em .8em; background: rgba(46, 133, 64, .08); margin-bottom: .5em; }
table { font-size: .92em; }
textarea { font-family: inherit; }
#transcript { max-height: 50vh; overflow-y: auto; }
#debug { font-family: monospace; font-size: .8em; max-height: 40vh; overflow-y: auto; white-space: pre-wrap; }
.tabs a { margin-right: 1em; }
.tabs a.active { font-weight: bold; text-decoration: underline; }