/* Problems module. Theme variables come from app.css (light + dark). */
.prb-workaround { border-left: 4px solid var(--warn); }
.prb-workaround h2 { color: var(--warn); }
.prb-workaround.prb-workaround-empty { border-left-color: var(--line); }
.prb-workaround.prb-workaround-empty h2 { color: inherit; }
.prb-workaround form { margin-top: .75rem; }
.prb-panel-workaround { background: var(--warn-bg); border-left: 3px solid var(--warn); border-radius: var(--radius); padding: .5rem .7rem; margin: .5rem 0; font-size: .9rem; }
.prb-panel-workaround strong { display: block; color: var(--warn); margin-bottom: .2rem; }
.prb-add { margin-top: 1rem; display: grid; gap: .75rem; }
.prb-add .form label.check { display: flex; gap: .4rem; align-items: baseline; }
.prb-clusters { list-style: none; margin: 0; padding: 0; }
.prb-clusters li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--line); }
.prb-clusters li:last-child { border-bottom: 0; }
.prb-clusters li > div { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.prb-cluster-refs a { margin-right: .3rem; }
@media (max-width: 640px) { .prb-clusters li { flex-direction: column; align-items: flex-start; } }