/* Small additions on top of Pico.css */
:root { --pico-font-size: 100%; }
header.container-fluid nav { padding-block: 0; }
form.inline { margin: 0; }
button.small, [role="button"].small { padding: .3rem .7rem; font-size: .85rem; width: auto; }
.flash { padding: .5rem .8rem; border-radius: var(--pico-border-radius); background: var(--pico-ins-color); color: #fff; }
.flash.error { background: var(--pico-del-color); }
.error, .errorlist { color: var(--pico-del-color); }
.errorlist { list-style: none; padding: 0; font-size: .85rem; }
.ok { color: var(--pico-ins-color); margin-left: .5rem; }
.login { max-width: 420px; margin: 3rem auto; }
.actions { display: flex; gap: 1rem; align-items: center; }
.actions button, .actions [role="button"] { width: auto; }
.right { float: right; font-size: .9rem; }

/* Board */
.filters { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.filters select { width: auto; min-width: 12rem; margin: 0; }
.board { display: flex; gap: .75rem; overflow-x: auto; padding-bottom: 1rem; align-items: flex-start; }
.column { flex: 0 0 15.5rem; background: var(--pico-card-sectioning-background-color);
          border-radius: var(--pico-border-radius); padding: .6rem; }
.column h6 { margin: 0 0 .5rem; display: flex; justify-content: space-between; }
.count { color: var(--pico-muted-color); font-weight: normal; }
.cards { min-height: 4rem; display: flex; flex-direction: column; gap: .5rem; }
.card { display: flex; flex-direction: column; gap: .15rem; padding: .55rem .65rem; text-decoration: none;
        color: var(--pico-color); background: var(--pico-card-background-color);
        border-left: 5px solid var(--channel, #888); border-radius: var(--pico-border-radius);
        box-shadow: var(--pico-card-box-shadow); cursor: grab; }
.card strong { font-size: .92rem; line-height: 1.25; }
.card small { color: var(--pico-muted-color); font-size: .75rem; }
.card .channel { color: var(--channel); font-weight: 600; }
.card.sortable-ghost { opacity: .4; }

/* Detail */
.video-head { border-left: 6px solid var(--channel, #888); padding-left: .8rem; }
.badge { background: var(--pico-primary-background); color: var(--pico-primary-inverse);
         padding: .1rem .5rem; border-radius: 1rem; font-size: .85rem; }
.detail { grid-template-columns: 3fr 2fr; align-items: start; }
.links { padding-left: 1rem; word-break: break-all; }
.activity { list-style: none; padding: 0; max-height: 28rem; overflow-y: auto; }
.activity li { list-style: none; border-bottom: 1px solid var(--pico-muted-border-color); padding: .35rem 0; }
@media (max-width: 768px) { .detail { grid-template-columns: 1fr; } }
.slots { font-size: .85rem; }
.flash.warning, .flash.info { background: #b7791f; }
pre.prompt { white-space: pre-wrap; word-break: break-word; max-height: 70vh; overflow: auto; font-size: .85rem; }
p.request { margin-bottom: .6rem; }