/* «ΕΝΙΑΙΟ ΘΕΜΑ» (thema, mm Λ651, 08/10) — συμβόλαιο §7.1. Πρόθεμα κλάσεων «θέμα-». Χρώματα ΜΟΝΟ από tokens του app.css (σκούρο θέμα δωρεάν).
 * Τα κουμπιά «Θέμα · 1 · 2» ΕΙΝΑΙ το ίδιο .όψη-toggle/.κ-όψη με το «light | όλα» (ίδιο ύψος/γραμματοσειρά/ακτίνα)·
 * το πάνελ ΕΙΝΑΙ η ίδια κάρτα με τις μπάρες της αίθουσας (.ατζέντα-μπάρα: padding var(--gutter), border-bottom var(--rule)). */

/* ΔΙΠΛΑ στο «light | όλα»: το app.css έχει space-between (toggle αριστερά, ζωντάνια δεξιά) — εδώ τα βάζουμε στη σειρά. */
.chat-εργαλεία{flex-wrap:wrap;justify-content:flex-start;row-gap:8px}
.chat-εργαλεία .κ-ζωντάνια{margin-left:auto}
.θέμα-μπάρα{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;flex:0 1 auto}
.θέμα-toggle{flex:none}
.θέμα-κουμπί.θέμα-κενό{color:var(--muted);font-weight:600}
.θέμα-sprints{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.θέμα-sprints:empty{display:none}

/* τσιπ sprints: ΙΔΙΟ ύψος με το .όψη-toggle (18.75 γραμμή + 12 padding + 2 περίγραμμα = 32.75 = 18.75 + 8 + 4 + 2) */
.θέμα-τσιπ{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:600;line-height:18.75px;color:var(--ink-2);text-decoration:none;max-width:100%;min-width:0;white-space:nowrap}
.θέμα-τσιπ:hover{border-color:var(--accent-line);color:var(--accent)}
.θέμα-τσιπ-όνομα{overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:22ch}
.θέμα-τσιπ-κουκκίδα{flex:none}
.θέμα-τσιπ-ενεργό .θέμα-τσιπ-κουκκίδα{color:var(--accent)}
.θέμα-τσιπ-κλειστό{color:var(--muted)}
.θέμα-τσιπ-πλήθος{color:var(--muted);font-weight:400}

/* πάνελ: ίδια κάρτα με τις υπάρχουσες μπάρες της αίθουσας */
.θέμα-πάνελ{display:flex;flex-direction:column;gap:8px;padding:11px var(--gutter);border-bottom:1px solid var(--rule);background:var(--card);color:var(--ink)}
.θέμα-τίτλος{font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.θέμα-κείμενο{font-size:13.5px;line-height:1.5;max-width:78ch;overflow-wrap:anywhere}
.θέμα-μετα{font-size:12px;color:var(--muted)}
.θέμα-καλύπτει{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.θέμα-καλύπτει-ετ{font-size:12px;color:var(--muted)}
.θέμα-θ{display:inline-block;max-width:100%;border:1px solid var(--rule);border-radius:999px;padding:1px 9px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.θέμα-κουμπιά{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.θέμα-κουμπιά button{margin-top:0}
.θέμα-κουμπιά .κ-σύνδεσμος{padding:4px 0}
.θέμα-φόρμα{display:flex;flex-direction:column;gap:8px;max-width:78ch}
.θέμα-φόρμα label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ink-2)}
.θέμα-φόρμα input,.θέμα-φόρμα textarea{padding:8px 10px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font:inherit;font-size:13.5px;font-weight:400;color:var(--ink);width:100%}
.θέμα-φόρμα input:focus,.θέμα-φόρμα textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.θέμα-μήνυμα{font-size:12.5px;font-weight:600;color:var(--agree)}
.θέμα-μήνυμα.κακό{color:var(--bad)}
.θέμα-ερώτηση{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 10px;border-radius:var(--r-s);background:var(--warn-soft);color:var(--ink);font-size:13px}
.θέμα-λίστα{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.θέμα-λίστα a{color:var(--accent);font-weight:600;text-decoration:none}

/* 390: η μπάρα στη 2η σειρά, πλήρες πλάτος, τα τσιπ αναδιπλώνονται — ΚΑΜΙΑ οριζόντια κύλιση */
@media (max-width:640px){
  .θέμα-μπάρα{order:3;flex:1 1 100%;width:100%}
  .θέμα-τσιπ{max-width:100%}
  .θέμα-τσιπ-όνομα{max-width:18ch}
}

/* αριθμητικά κουμπιά «1 · 2 · 3»: ίδιο ύψος/γραμματοσειρά, πιο στενό padding ώστε να διαβάζεται «Θέμα 1 2 3» */
.θέμα-toggle .θέμα-κουμπί:not([data-θέμα="all"]){padding-left:9px;padding-right:9px;min-width:26px}