/* Ailyser /νέο — η εμφάνιση (W-NEO-UX, 26/09, Λ334). Vanilla CSS, χωρίς build.
 * Αρχές: το chat πρωταγωνιστεί · η λωρίδα «Για σένα» ορατή αλλά ήρεμη · τα συρτάρια δευτερεύοντα ·
 * καμία εξάρτηση από emoji (το headless Chromium δεν έχει γραμματοσειρά emoji — W-NEO-UI) ·
 * ανοιχτό/σκούρο θέμα από το σύστημα, ή ρητά με <html data-theme="light|dark"> · κινητό 390 πρώτα.
 * Οι κλάσεις/ids που μετρά η Κ189 ΔΕΝ αλλάζουν (.μήνυμα, .για-σένα-γραμμή, #κΣημαία, .μέλος-γραμμή …). */

/* ── ΧΡΩΜΑΤΑ / ΜΕΤΡΑ ── */
:root{
  --paper:#F3F5F7; --card:#FFFFFF; --card-2:#F8FAFB;
  --ink:#1B2430; --ink-2:#3B4753; --muted:#58636E;
  --rule:#E1E6EB; --rule-2:#EEF1F4;
  --accent:#2C5C86; --accent-ink:#FFFFFF; --accent-soft:#E4EEF7; --accent-line:#B9D0E5;
  --human:#9A5E06; --human-soft:#FBEED3;     /* άνθρωπος: ζεστό */
  --ai:#3F5B75; --ai-soft:#E3EAF1;           /* AI: ψυχρό, ήρεμο */
  --agree:#126B4D; --agree-soft:#DFF1E8;     /* συναίνεση */
  --warn:#9A5E06; --warn-soft:#FFF7E8;       /* «Για σένα», σημαία */
  --bad:#A32C1A; --bad-soft:#FBE2DD;
  --av-l:32%; --av-s:34%; --av-ink:#FFFFFF;  /* avatar: hsl(--h --av-s --av-l) */
  --shadow:0 12px 32px rgba(20,28,36,.14); --shadow-s:0 1px 2px rgba(20,28,36,.08);
  --scrim:rgba(20,28,36,.38);
  --on-solid:#FFFFFF; --read-blue:#1D4ED8; --hover:rgba(0,0,0,.08); --av-ring:rgba(0,0,0,.10);  /* Π2449: ό,τι ήταν καρφωτό ➜ ζευγάρι φωτεινό/σκούρο */
  --r:10px; --r-s:7px; --rail:76px; --side:280px; --gutter:24px;
  --sans:"Segoe UI",system-ui,-apple-system,Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
/* Ψευδώνυμα: τα χρησιμοποιούν atzenta/faseis/anamoni με fallback φωτεινού — χωρίς αυτά έμεναν λευκά σε σκούρο. Ακολουθούν αυτόματα το σετ. */
:root{--panel:var(--card); --good:var(--agree); --good-soft:var(--agree-soft); --line:var(--rule)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0F151B; --card:#171F27; --card-2:#1B242D;
    --ink:#E6EBF0; --ink-2:#C5CED6; --muted:#9AA8B4;
    --rule:#2A343E; --rule-2:#222B34;
    --accent:#8DBCE6; --accent-ink:#0F151B; --accent-soft:#1E2F40; --accent-line:#35516B;
    --human:#E4B266; --human-soft:#3A2E17;
    --ai:#A9BCCF; --ai-soft:#243040;
    --agree:#6CC9A3; --agree-soft:#16352A;
    --warn:#E4B266; --warn-soft:#2A2416;
    --bad:#F0907F; --bad-soft:#3D1F1A;
    --av-l:72%; --av-s:38%; --av-ink:#0F151B;
    --shadow:0 12px 32px rgba(0,0,0,.5); --shadow-s:0 1px 2px rgba(0,0,0,.4);
    --scrim:rgba(0,0,0,.55);
    --on-solid:#0F151B; --read-blue:#8DBCE6; --hover:rgba(255,255,255,.12); --av-ring:rgba(255,255,255,.28);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0F151B; --card:#171F27; --card-2:#1B242D;
  --ink:#E6EBF0; --ink-2:#C5CED6; --muted:#9AA8B4;
  --rule:#2A343E; --rule-2:#222B34;
  --accent:#8DBCE6; --accent-ink:#0F151B; --accent-soft:#1E2F40; --accent-line:#35516B;
  --human:#E4B266; --human-soft:#3A2E17;
  --ai:#A9BCCF; --ai-soft:#243040;
  --agree:#6CC9A3; --agree-soft:#16352A;
  --warn:#E4B266; --warn-soft:#2A2416;
  --bad:#F0907F; --bad-soft:#3D1F1A;
  --av-l:72%; --av-s:38%; --av-ink:#0F151B;
  --shadow:0 12px 32px rgba(0,0,0,.5); --shadow-s:0 1px 2px rgba(0,0,0,.4);
  --scrim:rgba(0,0,0,.55);
  --on-solid:#0F151B; --read-blue:#8DBCE6; --hover:rgba(255,255,255,.12); --av-ring:rgba(255,255,255,.28);
  color-scheme:dark;
}

/* ── ΒΑΣΗ ── */
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{font:15px/1.5 var(--sans);color:var(--ink);background:var(--card);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,p,ol,ul,div{margin:0}
.hidden,[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg.εικ{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* κουμπιά-εικονίδια και μικρά πιλ */
.κ-εικ{width:36px;height:36px;border-radius:50%;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex:none}
.κ-εικ:hover{background:var(--rule-2);color:var(--ink)}
.κ-πιλ{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;color:var(--ink-2);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.κ-πιλ .άβαταρ{width:18px;height:18px;font-size:8.5px}
.κ-πιλ:hover{border-color:var(--accent-line);color:var(--accent)}

/* ── ΕΙΣΟΔΟΣ ── */
/* flex-direction:column (W-MAGIC-LINK, 30/09): ΔΥΟ κάρτες πλέον (κωδικός + σύνδεσμος) — πριν ήταν
   μία, οπότε η προεπιλογή row δεν φαινόταν καθόλου· στοιβάζονται, κεντραρισμένες, ίδιο ύφος. */
.είσοδος{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--paper);padding:16px}
.κάρτα-εισόδου{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:28px;width:min(360px,100%);box-shadow:var(--shadow-s)}
.κάρτα-εισόδου h1{font-size:22px;font-weight:700;letter-spacing:-.01em}
.κάρτα-εισόδου .υπότιτλος{color:var(--muted);font-size:14px;margin:-6px 0 6px}
.κάρτα-εισόδου label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--ink-2)}
.κάρτα-εισόδου input{padding:10px 12px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font-weight:400;font-size:15px}
.κάρτα-εισόδου input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.κάρτα-εισόδου button{margin-top:4px;padding:11px;border:0;border-radius:var(--r-s);background:var(--accent);color:var(--accent-ink);font-weight:600}
.κάρτα-εισόδου details form{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.σφάλμα{color:var(--bad);font-size:13px}
.καλό{color:var(--agree);font-size:13px}

/* προφίλ (πάνω αριστερά) — ίδιο μοτίβο θέσης/εμφάνισης με το κεφαλή-μενού */
.μενού-θέση{position:relative}
.προφίλ-όνομα{display:flex;align-items:center;gap:8px;padding:8px 12px 6px;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--rule-2);margin-bottom:4px}
.προφίλ-όνομα .άβαταρ{width:24px;height:24px;font-size:10px}
.προφίλ-όψη{display:flex;gap:2px;padding:2px 10px 8px}
.προφίλ-όψη button{flex:1;border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:5px 0;font-size:12.5px;font-weight:600;color:var(--muted)}
.προφίλ-όψη button[aria-checked="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}
.μενού-πτυσσόμενο .διαχωρ{border-top:1px solid var(--rule-2);margin-top:4px;padding-top:12px}

/* ── ΔΟΜΗ: [λίστα] [κύριο + ράγα] ── */
.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh;width:100vw;overflow:hidden}
.κ-menu{display:none;position:fixed;top:10px;left:12px;z-index:30;width:40px;height:40px;border-radius:10px;border:1px solid var(--rule);background:var(--card);box-shadow:var(--shadow-s);align-items:center;justify-content:center;color:var(--ink)}

/* ── ΑΡΙΣΤΕΡΑ: projects ➜ meetings ── */
.πλάι{background:var(--paper);border-right:1px solid var(--rule);display:flex;flex-direction:column;min-height:0}
.πλάι-κεφ{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 10px}
.πλάι-κεφ strong{font-size:17px;font-weight:700;letter-spacing:-.01em}
/* Λ344 (W-NEO-ΦΙΛΤΡΑ): μπάρα «Φίλτρα (N)» μαζεμένη σε ΜΙΑ γραμμή — το πάνελ ανοίγει ΠΑΝΩ από τη
   λίστα (position:absolute), δεν τη σπρώχνει/φάει χώρο. */
.φίλτρα-μπάρα{position:relative;display:flex;align-items:center;gap:8px;padding:0 16px 10px}
.φίλτρα-μετρητής{font-size:12px;color:var(--muted)}
.φίλτρα-πάνελ.μενού-πτυσσόμενο{left:16px;right:16px;top:calc(100% - 6px);min-width:0;max-height:min(70vh,560px);overflow-y:auto;gap:10px;padding:14px}
.φίλτρα-πεδίο{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--ink-2)}
.φίλτρα-πεδίο select,.φίλτρα-πεδίο input{padding:8px 10px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font-weight:400;font-size:14px;font-family:inherit;color:var(--ink)}
.φίλτρα-πεδίο select:focus,.φίλτρα-πεδίο input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.φίλτρα-πεδίο .μέλη-λίστα{max-height:140px}
.φίλτρα-κουμπιά{display:flex;justify-content:flex-end;margin-top:2px}
.φίλτρα-τσιπς{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.τσιπ-φίλτρου{display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 6px 3px 10px;font-size:12px;font-weight:600;max-width:100%}
.τσιπ-φίλτρου button{flex:none;border:0;background:transparent;color:inherit;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.τσιπ-φίλτρου button:hover{background:var(--hover)}
.τσιπ-φίλτρου .εικ{width:11px;height:11px}
.λίστα-έργων{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 16px}
.έργο-ομάδα{margin-bottom:6px}
.έργο-τίτλος{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 10px 4px;white-space:normal;overflow-wrap:break-word}
/* 🆕 repo-syndesi Β2: κουμπί ⚙ «Διαχείριση έργου» — μικρό, δεν σπρώχνει το πλάτος της ετικέτας. */
.έργο-διαχείριση-κ{width:22px;height:22px;font-size:13px;flex:none}
.συνάντηση-γραμμή{position:relative;display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;border:0;background:transparent;border-radius:var(--r-s);padding:9px 10px;margin:1px 0;color:var(--ink-2);font-size:14.5px;line-height:1.35}
.συνάντηση-γραμμή:hover{background:var(--rule-2);color:var(--ink)}
.συνάντηση-γραμμή.ενεργή{background:var(--accent-soft);color:var(--accent);font-weight:600}
.συνάντηση-γραμμή.ενεργή::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--accent)}
.συνάντηση-κωδικός{flex:none;font-size:11px;font-weight:700;color:var(--muted);background:var(--rule-2);border-radius:999px;padding:1px 7px;margin-top:2px}
.συνάντηση-τίτλος{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:break-word;line-height:1.3}
.αδιάβαστα{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:700;line-height:1;margin-top:1px}
.πλάι-κενό{padding:24px 12px;color:var(--muted);font-size:14px;text-align:center}
/* Λ342: ΔΥΟ ορατές ενότητες — «Ενεργά» πάνω, «Κλειστά» κάτω (ΟΧΙ διπλωμένες). Η ενότητα «Κλειστά»
   μόνο λίγο πιο σβησμένη συνολικά (κατάσταση, όχι κρυφή) — mm: «οι κλειστές είναι απλά μια κατάσταση». */
.κατάσταση-τίτλος{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);padding:14px 10px 2px;border-top:1px solid var(--rule);margin-top:8px}
.κατάσταση-ενότητα:first-child .κατάσταση-τίτλος{border-top:0;margin-top:0}
.κατάσταση-ενότητα[data-κατάσταση="Κλειστά"]{opacity:.95}
/* Λ346: ΕΝΑ κουμπί «+ Νέο meeting», πάνω από τα Φίλτρα — γεμάτο (solid), όχι σύνδεσμος/dashed
   (αντικαθιστά το παλιό .κ-νέο-meeting ανά project, που έφυγε μαζί με το κουμπί ανά project).
   Λ348 §2: «+ Νέο project» δίπλα του, ΙΔΙΑ γραμμή (flex) — δουλεύει και στο 390 (wrap αν χρειαστεί). */
/* ⚠️ Οι δύο κλάσεις μένουν ΞΕΧΩΡΙΣΤΕΣ (ΟΧΙ και τα δύο κουμπιά με .κ-νέο-meeting-πάνω) — η k189
   μετράει `.κ-νέο-meeting-πάνω` περιμένοντας ΑΚΡΙΒΩΣ ένα (το «+ Νέο meeting»). Οι κοινές ιδιότητες
   ζουν σε λίστα επιλογέων, όχι σε κοινή κλάση HTML. */
.νέο-κουμπιά-πάνω{display:flex;gap:8px;margin:2px 10px 10px;flex-wrap:wrap}
.κ-νέο-meeting-πάνω,.κ-νέο-project-πάνω{display:block;flex:1 1 auto;min-width:120px;margin:0;border:0;border-radius:var(--r-s);padding:10px;font-size:14px;font-weight:700}
.κ-νέο-meeting-πάνω{background:var(--accent);color:var(--accent-ink)}
.κ-νέο-meeting-πάνω:hover,.κ-νέο-project-πάνω:hover{filter:brightness(.95)}
.κ-νέο-project-πάνω{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}

/* ── ΚΥΡΙΟ: πλέγμα με σταθερές γραμμές (τα [hidden] δεν καταλαμβάνουν κελί — γι' αυτό ρητό grid-row) ── */
.κύριο{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr);min-height:0;min-width:0;background:var(--card)}
.κεφαλή{grid-row:1;grid-column:1}
.στάδια,.απλή-κουβέντα{grid-row:2;grid-column:1}
.για-σένα{grid-row:3;grid-column:1}
.chat-περιοχή,.κενή-οθόνη{grid-row:4;grid-column:1}
.συρτάρι-κουμπιά{grid-column:2;grid-row:1/5}

/* κεφαλή δύο γραμμών */
.κεφαλή{padding:14px var(--gutter) 10px;border-bottom:1px solid var(--rule);min-width:0}
.κεφαλή-πάνω{display:flex;align-items:center;gap:10px;position:relative}
.κεφαλή-πάνω h1{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.3;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ετικέτα-έργου{flex:none;font-size:12px;font-weight:600;color:var(--muted);background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:2px 9px;white-space:nowrap}
.ετικέτα-έργου:empty{display:none}
.κεφαλή-κάτω{display:flex;flex-wrap:wrap;gap:3px 18px;margin-top:6px;font-size:13px;color:var(--ink-2);line-height:1.4}
.κεφαλή-κάτω .ετ{color:var(--muted);margin-right:5px}
.κεφαλή-κάτω b{font-weight:600;color:var(--ink)}
.κεφαλή-κάτω .ζεύγος-κενό{display:none}
/* 🆕 W-FRENO-ΜΟΝΙΜΟ (brief §2): μικρή ένδειξη «φρένο: auto» στην κεφαλή — ΙΔΙΟ ύφος «pill» με την
   .ετικέτα-έργου, χρώμα accent (ουδέτερη πληροφορία, όχι κίνδυνος — το #φρένοΜπάρα κρατά το var(--bad)). */
.φρένο-auto-ένδειξη{flex:none;display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;padding:2px 9px;white-space:nowrap}
.κεφαλή-μενού{position:relative;flex:none}
.μενού-πτυσσόμενο{position:absolute;right:0;top:100%;margin-top:6px;min-width:230px;padding:6px;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);z-index:20;display:flex;flex-direction:column}
.μενού-πτυσσόμενο button{text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--ink)}
.μενού-πτυσσόμενο button:hover{background:var(--accent-soft);color:var(--accent)}
.μενού-πτυσσόμενο .κίνδυνος{color:var(--bad);border-top:1px solid var(--rule-2);border-radius:0 0 8px 8px;margin-top:4px;padding-top:12px}
.μενού-πτυσσόμενο .κίνδυνος:hover{background:var(--bad-soft);color:var(--bad)}

/* στάδια: βηματιστής ✓ ● ○ ζωγραφισμένος με CSS (όχι χαρακτήρες) */
.στάδια{padding:10px var(--gutter);border-bottom:1px solid var(--rule);background:var(--card-2);min-width:0}
.λίστα-σταδίων{list-style:none;padding:2px 0;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}
.λίστα-σταδίων::-webkit-scrollbar{display:none}
.λίστα-σταδίων li{display:flex;align-items:center;gap:7px;flex:none;font-size:13px;color:var(--muted);white-space:nowrap}
.λίστα-σταδίων li+li::before{content:"";width:22px;height:2px;margin:0 8px;border-radius:2px;background:var(--rule);flex:none}
.λίστα-σταδίων li.πέρασε+li::before{background:var(--agree)}
.λίστα-σταδίων .σύμβολο{position:relative;width:18px;height:18px;border-radius:50%;border:2px solid var(--rule);background:var(--card);display:inline-flex;align-items:center;justify-content:center;flex:none}
.λίστα-σταδίων li.πέρασε{color:var(--ink-2)}
.λίστα-σταδίων li.πέρασε .σύμβολο{background:var(--agree);border-color:var(--agree)}
.λίστα-σταδίων li.πέρασε .σύμβολο::after{content:"";width:4px;height:8px;border:solid var(--on-solid);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.λίστα-σταδίων li.τρέχει{color:var(--ink);font-weight:700}
.λίστα-σταδίων li.τρέχει .σύμβολο{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.λίστα-σταδίων li.τρέχει .σύμβολο::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.στάδιο-λεπτομέρεια{font-size:13px;color:var(--muted);margin-top:6px}
.στάδιο-λεπτομέρεια:empty{display:none}
.είδος-σύσκεψης{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.είδος-σύσκεψης:empty{display:none}
.απλή-κουβέντα{display:flex;align-items:center;gap:8px;padding:8px var(--gutter);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);background:var(--card-2)}
.απλή-κουβέντα::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.6}

/* «Για σένα»: ορατή, ήρεμη */
.για-σένα{padding:10px var(--gutter) 10px;border-bottom:1px solid var(--rule);background:var(--warn-soft);min-width:0}
.για-σένα-τίτλος{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--warn);margin:0;flex:none}
.για-σένα-κουμπί{display:flex;align-items:center;gap:6px;width:100%;min-height:24px;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;padding:0;cursor:pointer}
.για-σένα-βέλος{margin-left:auto;font-size:15px;line-height:1}
.για-σένα{display:flex;flex-direction:column;max-height:35vh;overflow:hidden;padding-top:6px;padding-bottom:6px}
.για-σένα.ανοιχτή .για-σένα-τίτλος{margin-bottom:4px}
.για-σένα[hidden],.για-σένα-λίστα[hidden],.για-σένα #κΠερισσότερα[hidden]{display:none}
.για-σένα-λίστα{overflow-y:auto;min-height:0;flex:1 1 auto}
.για-σένα #κΠερισσότερα{flex:none}
.για-σένα-εργαλεία{display:flex;justify-content:flex-end;margin-bottom:2px}
.για-σένα-εργαλεία[hidden]{display:none}
.για-σένα-εργαλεία button{border:0;background:transparent;color:var(--accent);font-weight:600;font-size:12.5px;padding:2px 4px;border-radius:4px;cursor:pointer}
.για-σένα-εργαλεία button:hover{text-decoration:underline}
.για-σένα-εργαλεία button:disabled{opacity:.6}
.για-σένα-λίστα{display:flex;flex-direction:column}
.για-σένα-γραμμή{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13.5px;min-width:0}
.για-σένα-γραμμή .άβαταρ{width:22px;height:22px;font-size:9.5px}
.για-σένα-γραμμή .τι{flex:none;font-size:12px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:1px 9px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.για-σένα-γραμμή .γιατί{color:var(--ink-2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.για-σένα-γραμμή button{flex:none;border:0;background:transparent;color:var(--accent);font-weight:600;font-size:13px;padding:2px 4px;border-radius:4px}
.για-σένα-γραμμή button:hover{text-decoration:underline}
.για-σένα-ερώτηση{display:flex;flex-direction:column;gap:6px;padding:8px 10px;margin:4px 0;background:var(--card);border:1px solid var(--warn);border-radius:var(--r-s);min-width:0}
.για-σένα-ερώτηση .ερ-μετα{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);min-width:0;flex-wrap:wrap}
.για-σένα-ερώτηση .τι{flex:none;font-size:12px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:1px 9px}
.για-σένα-ερώτηση .ερ-αίθουσα{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.για-σένα-ερώτηση .ερ-κείμενο{font-size:14px;line-height:1.45;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.για-σένα-ερώτηση .ερ-πεδίο{width:100%;resize:vertical;font:inherit;font-size:14px;padding:6px 8px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card-2);color:var(--ink)}
.για-σένα-ερώτηση .ερ-κουμπιά{display:flex;flex-wrap:wrap;gap:8px}
.για-σένα-ερώτηση .ερ-κουμπιά button{border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:600;font-size:13px;padding:5px 14px;border-radius:999px}
.για-σένα-ερώτηση .ερ-κουμπιά button:hover{background:var(--accent-soft);text-decoration:none}
.για-σένα-ερώτηση .ερ-κουμπιά button:disabled{opacity:.6;cursor:default}
.για-σένα-ερώτηση .ερ-κουμπιά .ερ-άνοιξε{margin-left:auto;border-color:transparent}
.για-σένα-ερώτηση .ερ-ελέγχεται{font-size:13px;font-weight:600;color:var(--ink-2);padding:5px 6px}
.για-σένα-ερώτηση .ερ-σημείωση{font-size:12px;color:var(--ink-2);line-height:1.4;overflow-wrap:anywhere}
.για-σένα-ερώτηση .ερ-λάθος{font-size:13px;color:var(--bad);font-weight:600}
.κ-σύνδεσμος{border:0;background:transparent;color:var(--accent);font-weight:600;font-size:13px;padding:4px 0 0;text-align:left}
.κ-σύνδεσμος:hover{text-decoration:underline}

/* ράγα συρταριών: κάθετη δεξιά στην οθόνη, οριζόντια γραμμή στο κινητό.
   Λέξεις χωρίς κενά (π.χ. «Συζητήσεις») δεν σπάνε σε boundary λέξης — overflow-wrap:anywhere
   τις αφήνει να σπάσουν μέσα στη λέξη στις 2 γραμμές αντί να κοπούν σε μεγάλη οθόνη (mm 26/09). */
.συρτάρι-κουμπιά{position:relative;z-index:41;display:flex;flex-direction:column;gap:2px;width:var(--rail);padding:10px 6px;border-left:1px solid var(--rule);background:var(--paper)}
.κ-καρτέλα{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:transparent;border-radius:var(--r-s);padding:9px 2px 7px;font-size:11.5px;font-weight:600;color:var(--muted);line-height:1.15;width:100%}
.κ-καρτέλα span{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}
.κ-καρτέλα:hover{background:var(--rule-2);color:var(--ink)}
.κ-καρτέλα.ενεργή{background:var(--accent-soft);color:var(--accent)}

/* chat */
.chat-περιοχή{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}   /* flex: για το κινητό, όπου το κύριο είναι στήλη flex */
.chat-εργαλεία{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px var(--gutter);border-bottom:1px solid var(--rule-2)}
.όψη-toggle{display:inline-flex;background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:2px}
.κ-όψη{border:0;background:transparent;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.κ-όψη.ενεργό{background:var(--card);color:var(--ink);box-shadow:var(--shadow-s)}
.κ-ζωντάνια{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:default;opacity:1}
.κ-ζωντάνια::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rule)}
.κ-ζωντάνια::after{content:"ανανεώνει κάθε 10″"}
.κ-ζωντάνια.ζωντανό::before{background:var(--agree)}
.κ-ζωντάνια.ζωντανό::after{content:"ζωντανό"}

/* W-NEO-SCROLL (28/09): κοντέινερ γύρω από τα μηνύματα ΜΟΝΟ για να αγκυρώσει το κουμπί «νέα μηνύματα»
   πάνω τους (position:absolute) — το ίδιο flex:1/min-height:0 με πριν, τώρα στο κοντέινερ. */
.μηνύματα-κοντέινερ{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.μηνύματα-κοντέινερ .μηνύματα{flex:1}
.μηνύματα{min-height:0;overflow-y:auto;padding:16px var(--gutter) 8px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}
/* z-index:101 > .φύσα (100, βλ. πιο κάτω «── φύσα (toast) ──»): αν ο toast (fixed, bottom:24px) πέσει
   γεωμετρικά πάνω σε αυτό το κουμπί, το κουμπί μένει ΟΡΑΤΟ/αναγνώσιμο πάνω από αυτόν — ΔΕΝ κρύβεται
   πίσω του (ο toast έχει ήδη pointer-events:none, άρα δεν έπιανε ούτε πριν κλικ εδώ). */
.κ-νέα-μηνύματα{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:101;border:0;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:8px 16px;font-weight:600;font-size:13px;box-shadow:var(--shadow)}
.κ-νέα-μηνύματα:hover{filter:brightness(1.06)}
.κενό{color:var(--muted);font-size:14px;text-align:center;padding:24px 8px}
.μήνυμα{display:grid;grid-template-columns:34px minmax(0,1fr);gap:3px 12px;max-width:820px;min-width:0}
.άβαταρ{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;letter-spacing:.02em;background:hsl(var(--h,210) var(--av-s) var(--av-l));color:var(--av-ink);flex:none;user-select:none;box-shadow:0 0 0 1px var(--av-ring)}
.ai .άβαταρ{border-radius:9px}                    /* AI: τετράγωνο με γωνίες · άνθρωπος: κύκλος */
/* Λ554: AI — δύο μικρές γραμμές (brand, μοντέλο) κάτω από το avatar, στην ίδια στήλη· η στήλη φαρδαίνει για να χωρούν */
.μήνυμα.ai{grid-template-columns:56px minmax(0,1fr)}
.άβαταρ-στήλη{grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;width:56px}
.άβαταρ-στήλη .άβαταρ{grid-row:auto}
.ai-brand,.ai-μοντέλο{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:9.5px;line-height:1.25;color:var(--muted)}
.ai-brand{margin-top:3px;font-weight:700;color:var(--ink)}
.άνθρωπος .άβαταρ{--av-s:58%}                      /* ο άνθρωπος πιο ζεστός/κορεσμένος, ξεχωρίζει με μια ματιά */
/* Λ345 (W-NEO-AVATARS): η <img> κληρονομεί ΑΚΡΙΒΩΣ το ίδιο μέγεθος/σχήμα (κύκλος/τετράγωνο) του
   fallback <span> — μόνο object-fit για να μη στραβώνουν οι πραγματικές φωτογραφίες/εικονίδια. */
img.άβαταρ{object-fit:cover;background:var(--card-2)}  /* λεπτό ανοιχτό περίγραμμα (--av-ring): τα σκούρα λογότυπα δεν χάνονται σε σκούρο φόντο */
/* plakidio (mm 02/10: «πάρε κυριολεκτικά την εικόνα του OpenRouter»): λογότυπο AI = ΛΕΥΚΟ πλακίδιο, λεπτό γκρι περίγραμμα,
   γωνίες 8px, εσωτερικό περιθώριο (.42em ≈ 17% — ακολουθεί το μέγεθος γραμμάτων κάθε σημείου), contain· ΜΕΝΕΙ λευκό και σε σκούρο θέμα
   (νικά --card-2/--av-ring, ώστε ο μαύρος κόμπος του OpenAI να φαίνεται). Anthropic = δικό του φόντο στο SVG ➜ γεμίζει, χωρίς περιθώριο. */
img.άβαταρ.άβαταρ-ai{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;padding:.42em;box-shadow:none}
img.άβαταρ.άβαταρ-ai.άβαταρ-ai-γεμάτο{padding:0;border:0;background:transparent}
.σειρά-πλαϊνή .άβαταρ{width:20px;height:20px;font-size:9px}
.μήνυμα-κεφ{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);line-height:1.3;min-width:0}
.μήνυμα-κεφ .όνομα{font-weight:700;color:var(--ink);font-size:13.5px}
.από-εμένα .μήνυμα-κεφ .όνομα::after{content:" · εσύ";font-weight:500;color:var(--muted)}
.σήμα-είδος{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:1px 5px;background:var(--ai-soft);color:var(--ai);line-height:1.4}
.σήμα-είδος.συμφωνία{background:var(--agree-soft);color:var(--agree)}
.μήνυμα-σώμα{min-width:0}
.μήνυμα-κείμενο{white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.55;color:var(--ink)}
.μήνυμα.συναίνεση .μήνυμα-σώμα{background:var(--agree-soft);border-left:3px solid var(--agree);border-radius:0 var(--r) var(--r) 0;padding:10px 14px}
.τικ-γραμμή{margin-top:4px;text-align:right}
.τικ-ανάγνωσης{background:none;border:0;padding:0 2px;font:inherit;font-size:12px;letter-spacing:-2px;color:var(--muted);cursor:pointer;line-height:1}
.τικ-ανάγνωσης[data-απαντήθηκε="1"]{color:var(--read-blue)}
.τικ-ανάγνωσης[data-επίπεδο="0"]{opacity:.95;letter-spacing:0}
.τικ-πάνελ{margin-top:4px;text-align:left;font-size:12.5px;color:var(--ink-2);border:1px solid var(--rule);border-radius:8px;padding:6px 10px}
.τικ-πάνελ ul{margin:4px 0 0;padding-left:16px}
.τικ-πάνελ em{color:var(--muted)}
.τικ-σημ{color:var(--muted);margin-top:2px}
.υπογράφουν{font-size:12.5px;color:var(--ink-2);margin-top:6px}
.κ-συναίνεση{display:inline-block;border:0;background:transparent;color:var(--agree);font-weight:600;font-size:13px;padding:0;margin-top:6px}
.κ-συναίνεση:hover{text-decoration:underline}
.συν-εικόνες{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.συν-εικόνες button{border:1px solid var(--rule);border-radius:var(--r-s);padding:0;overflow:hidden;width:96px;height:96px;background:var(--paper);flex:none}
.συν-εικόνες img{outline:1px solid var(--av-ring);outline-offset:-1px;width:100%;height:100%;object-fit:cover;display:block}
.συν-αρχεία{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.συν-αρχείο{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule);background:var(--paper);border-radius:var(--r-s);padding:6px 10px;font-size:13px;color:var(--ink-2);width:fit-content;max-width:100%}
.συν-αρχείο b{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.συν-αρχείο span{color:var(--muted);flex:none}
.μήνυμα-thread{margin-top:4px}
.κ-thread{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;color:var(--accent)}
.κ-thread:hover{border-color:var(--accent-line);background:var(--accent-soft)}
.μήνυμα.επισημασμένο .μήνυμα-σώμα{animation:επισήμανση 2.2s ease-out}
@keyframes επισήμανση{0%{background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-line)}100%{background:transparent;box-shadow:0 0 0 0 transparent}}

/* γραφή */
.μη-μέλος-μπάρα{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px var(--gutter);border-top:1px solid var(--rule);background:var(--warn-soft);color:var(--ink-2);font-size:13.5px}
.μη-μέλος-μπάρα .κ-δευτερεύον{margin-top:0;flex:none}
.φ-γραφή{border-top:1px solid var(--rule);padding:12px var(--gutter) 14px;display:flex;flex-direction:column;gap:8px;position:relative;background:var(--card)}
.φ-γραφή textarea{width:100%;resize:vertical;min-height:52px;border:1px solid var(--rule);border-radius:var(--r);padding:10px 12px;background:var(--card);font-size:15px;line-height:1.5}
.φ-γραφή textarea::placeholder{color:var(--muted)}
.φ-γραφή textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.υπόδειξη-μνείας{font-size:11.5px;color:var(--muted);margin:-2px 2px 0}
.φ-γραφή-κάτω{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.κ-σημαία{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--ink-2)}
.κ-σημαία svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.κ-σημαία:hover{border-color:var(--warn);color:var(--warn)}
.κ-σημαία.σηκωμένη{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}
.κ-σημαία.σηκωμένη svg{fill:currentColor}
.τ-σημαίες{font-size:12.5px;color:var(--muted)}
.μικρόφωνο-ένδειξη{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--warn)}
.μικρόφωνο-ένδειξη[hidden]{display:none}
.μικρόφωνο-κουκκίδα{width:8px;height:8px;border-radius:50%;background:var(--warn);animation:μικρόφωνο-παλμός 1s ease-in-out infinite}
@keyframes μικρόφωνο-παλμός{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.μικρόφωνο-κουκκίδα{animation:none}}
.κ-μικρόφωνο.ακούω{color:var(--warn);background:var(--warn-soft);border-radius:999px}
.κ-μικρόφωνο{margin-left:auto}
.κ-μικρόφωνο[hidden]{display:none}
.μικρόφωνο-ένδειξη:not([hidden])+.κ-μικρόφωνο{margin-left:0}
#κΜικρόφωνο[hidden]+#κΣτείλε{margin-left:auto}
#κΣτείλε{margin-left:0;border:0;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:8px 18px;font-weight:600;font-size:14px}
#κΣτείλε:hover{filter:brightness(1.08)}
#κΣτείλε:disabled{opacity:.6;cursor:default}
.autocomplete{position:absolute;bottom:calc(100% - 4px);left:var(--gutter);min-width:240px;max-height:200px;overflow-y:auto;padding:4px;background:var(--card);border:1px solid var(--rule);border-radius:10px;box-shadow:var(--shadow);z-index:10}
.autocomplete button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 12px;border-radius:6px;font-size:14px}
.autocomplete button:hover,.autocomplete button.επιλεγμένο{background:var(--accent-soft);color:var(--accent)}

/* συνημμένα υπό ανέβασμα, πάνω από το πεδίο γραφής */
.συν-τσιπς{display:flex;flex-wrap:wrap;gap:6px}
.συν-τσιπ{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:4px 6px 4px 4px;font-size:12.5px;color:var(--ink-2)}
.συν-τσιπ img{box-shadow:0 0 0 1px var(--av-ring);width:22px;height:22px;border-radius:5px;object-fit:cover;flex:none}
.συν-τσιπ.ανεβαίνει{opacity:.65}
.συν-τσιπ.σφάλμα{border-color:var(--bad);color:var(--bad);background:var(--bad-soft)}
.συν-τσιπ button{border:0;background:transparent;color:inherit;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none}
.συν-τσιπ button:hover{background:var(--hover)}

/* μεγάλη προβολή εικόνας */
.μεγάλη-εικόνα-σκιά{display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}
.μεγάλη-εικόνα-σκιά img{max-width:100%;max-height:100%;border-radius:var(--r-s);box-shadow:var(--shadow)}
.μεγάλη-εικόνα-κλείσιμο{position:fixed;top:16px;right:16px;background:var(--card);color:var(--ink)}

/* μικρή φόρμα (πρόσκληση/κλείσιμο) — κάρτα κεντραρισμένη πάνω στη σκιά */
#μίνιΔιάλογοςΣκιά{display:flex;align-items:center;justify-content:center;padding:16px;z-index:55}
.μίνι-κάρτα{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:22px;width:min(380px,100%);box-shadow:var(--shadow);max-height:min(90vh,720px);overflow-y:auto}
.μίνι-κάρτα.πλατιά{width:min(480px,100%)}
.μίνι-κάρτα h2{font-size:17px;font-weight:700}
.μίνι-κάρτα label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--ink-2)}
.μίνι-κάρτα input,.μίνι-κάρτα textarea,.μίνι-κάρτα select{padding:10px 12px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font-weight:400;font-size:15px;font-family:inherit;color:var(--ink)}
.μίνι-κάρτα input:focus,.μίνι-κάρτα textarea:focus,.μίνι-κάρτα select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.μίνι-κάρτα .μικρό{font-size:12.5px;color:var(--muted);font-weight:400;margin:-4px 0 0}
.μίνι-κάρτα .ομδ{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:2px}
.μίνι-καρτέλες{display:inline-flex;gap:0;margin-bottom:2px;background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:2px}
.μίνι-καρτέλες button{border:0;background:transparent;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--muted)}
.μίνι-καρτέλες button.ενεργή{background:var(--card);color:var(--ink);box-shadow:var(--shadow-s)}
.μέλη-λίστα{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;border:1px solid var(--rule-2);border-radius:var(--r-s);padding:6px 10px}
.προσκ-λίστα{max-height:280px}   /* Λ343: κύριο περιεχόμενο της καρτέλας «Υπάρχον μέλος» — περισσότερος χώρος */
.σειρά-πλαϊνή{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:400!important;font-size:14px!important;color:var(--ink)!important}
.σειρά-πλαϊνή input{width:auto;padding:0}
.σειρά-πλαϊνή.απενεργή{opacity:.92}   /* Λ343: «ήδη μέσα» — ορατό αλλά ξεχωρίζει, δεν εξαφανίζεται */
/* Πρόσκληση (mm 08/10): ΜΙΑ περιοχή κύλισης — τίτλος/καρτέλες/αναζήτηση/κουμπιά σταθερά, μόνο το περιεχόμενο κυλά */
.μίνι-κάρτα.προσκ-διάλογος{overflow:hidden;max-height:min(80vh,720px)}
.προσκ-διάλογος>form{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto}
.προσκ-διάλογος #μίνιΣώμα{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto}
.προσκ-διάλογος #προσκΥπάρχον{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto}
.προσκ-διάλογος #προσκΝέο:not([hidden]){display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto;overflow-y:auto}
.προσκ-κύλιση{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px}
.προσκ-ενότητα[hidden]{display:none}
.προσκ-ενότητα-τίτλος{position:sticky;top:0;z-index:1;background:var(--card);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 0 4px;margin:0}
.προσκ-εξήγηση{margin:0 0 4px!important}
.προσκ-διάλογος .μέλη-λίστα{max-height:none;overflow:visible;border:0;padding:0;gap:0}
.προσκ-γραμμή{display:flex;min-height:32px;min-width:0}
.προσκ-γραμμή[hidden]{display:none!important}
.προσκ-γραμμή input[type=checkbox],.προσκ-κενό{width:16px!important;height:16px;margin:0;flex:none}
.προσκ-όνομα{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.προσκ-chip{flex:none;font-size:11px;line-height:1.4;padding:0 7px;border-radius:999px;background:var(--paper);border:1px solid var(--rule-2);color:var(--muted)}
.προσκ-γραμμή .άβαταρ{flex:none}
.προσκ-προσθήκη{flex:none;border:0;background:transparent;color:var(--accent);font-weight:600;font-size:13px;padding:2px 6px;border-radius:4px;margin-left:auto}
.προσκ-προσθήκη:hover{background:var(--accent-soft)}
.προσκ-προσθήκη:disabled{opacity:.5;cursor:default}
.προσκ-προσθήκη-αριστερά{margin-left:0}
.μίνι-κουμπιά{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.μίνι-κουμπιά button[type="submit"]{border:0;border-radius:999px;padding:9px 18px;font-weight:600;background:var(--accent);color:var(--accent-ink)}
.μίνι-κουμπιά button[type="submit"].κίνδυνος{background:var(--bad)}
.μίνι-κουμπιά .κ-δευτερεύον{margin-top:0}

.κενή-οθόνη{display:flex;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted);font-size:15px}

/* ── ΣΥΡΤΑΡΙΑ / THREAD: φύλλο από δεξιά, ΑΡΙΣΤΕΡΑ της ράγας (ποτέ πάνω από τα κουμπιά της — Κ189) ── */
.συρτάρι,.thread-panel{position:fixed;top:0;bottom:0;right:var(--rail);width:min(420px,calc(100vw - var(--rail)));background:var(--card);border-left:1px solid var(--rule);display:flex;flex-direction:column;z-index:40;box-shadow:var(--shadow)}
.συρτάρι-κεφ,.thread-κεφ{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--rule);flex:none}
.συρτάρι-κεφ strong,.thread-κεφ strong{font-size:16px;font-weight:700}
.κ-κλείσιμο{width:36px;height:36px;border-radius:50%;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex:none}
.κ-κλείσιμο:hover{background:var(--rule-2);color:var(--ink)}
.συρτάρι-περιεχόμενο{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 24px;font-size:14.5px}
.συρτάρι-περιεχόμενο>p{color:var(--muted)}
.thread-ρίζα{flex:none;padding:10px 20px;border-bottom:1px solid var(--rule);background:var(--card-2);font-size:13px;line-height:1.45;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.thread-ρίζα .ετ{color:var(--muted)}
.thread-panel .μηνύματα{padding:16px 20px}
.thread-panel .μήνυμα{max-width:none}

.υπο-γραμμή{display:block;width:100%;text-align:left;border:1px solid var(--rule);border-radius:var(--r);padding:10px 12px;margin-bottom:8px;background:var(--card);color:var(--ink)}
.υπο-γραμμή:hover{border-color:var(--accent-line);background:var(--accent-soft)}
.υπο-γραμμή .τίτλος{font-weight:600;display:block;font-size:14.5px}
.υπο-γραμμή .μέτα{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
details>summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600;padding:8px 0}
.μέλη-ομάδα{margin-bottom:6px}
.μέλη-ομάδα-τίτλος{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 0 2px}
.μέλη-ομάδα:first-child .μέλη-ομάδα-τίτλος{padding-top:0}
.μέλος-γραμμή{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule-2)}
.μέλος-γραμμή .άβαταρ{grid-row:auto;width:30px;height:30px;font-size:11.5px}
.μέλος-γραμμή .ετικέτα{flex:1;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.μέλος-γραμμή .κ-εικ{color:var(--muted);width:32px;height:32px}
.μέλος-γραμμή .κ-εικ:hover{background:var(--bad-soft);color:var(--bad)}
/* 🆕 W-NEO-ΥΠΕΥΘΥΝΟΣ (Κ44) — κουμπί «Κάνε συντονιστή» δίπλα στο AI μέλος, σήμα στον τρέχοντα. */
.μέλος-γραμμή .κ-συντονιστής{margin-top:0;flex:none;padding:5px 12px;font-size:12.5px}
.σήμα-συντονιστής{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:1px 5px;background:var(--accent-soft);color:var(--accent);line-height:1.4}
.ατζέντα-καρτέλες{display:inline-flex;gap:0;margin-bottom:12px;background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:2px}
.ατζέντα-καρτέλες button{border:0;background:transparent;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.ατζέντα-καρτέλες button.ενεργή{background:var(--card);color:var(--ink);box-shadow:var(--shadow-s)}
.ατζέντα-κείμενο{white-space:pre-wrap;font-size:14.5px;line-height:1.55}
.ατζέντα-κείμενο:empty::before{content:"Δεν γράφτηκε ακόμα.";color:var(--muted)}
#ατζέντα-σώμα textarea{width:100%;min-height:160px;border:1px solid var(--rule);border-radius:var(--r);padding:10px 12px;background:var(--card);font-size:14.5px;line-height:1.5;resize:vertical}
#ατζέντα-σώμα textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.κ-δευτερεύον{margin-top:10px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:7px 16px;font-weight:600;font-size:13.5px}
.κ-δευτερεύον:hover{filter:brightness(.97)}
.κ-δευτερεύον.κίνδυνος{border-color:var(--bad-soft);background:var(--bad-soft);color:var(--bad)}
.κ-πρωτεύον{margin-top:10px;border:0;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:8px 16px;font-weight:600;font-size:13.5px}
.κ-πρωτεύον:hover{filter:brightness(1.08)}
.κ-πρωτεύον:disabled,.κ-δευτερεύον:disabled{opacity:.6;cursor:default}

/* λωρίδα «έγκριση ατζέντας» πάνω από το chat (W-NEO-ΑΤΖΕΝΤΑ) — ίδια χρωματική λογική με τη σημαία/«Για
   σένα» (--warn-soft): κρίσιμο, αλλά όχι σφάλμα. Σε agenda_state='prompt' μικρότερη/ήρεμη ένδειξη. */
.ατζέντα-μπάρα{display:flex;flex-direction:column;gap:8px;padding:11px var(--gutter);border-bottom:1px solid var(--rule);background:var(--warn-soft);color:var(--ink)}
.ατζέντα-μπάρα[data-state="prompt"]{flex-direction:row;align-items:center;padding:7px var(--gutter);background:var(--rule-2);color:var(--muted);font-size:13px}
.ατζέντα-μπάρα[data-state="prompt"] #κΑτζένταΛεπτομέρειες,.ατζέντα-μπάρα[data-state="prompt"] #ατζένταΜπάράΚουμπιά{display:none}
.ατζέντα-μπάρα-πάνω{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:13.5px}
.ατζέντα-μπάρα-κείμενο{white-space:pre-wrap;font-size:13.5px;line-height:1.5;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-s);padding:10px 12px;max-height:min(60vh,520px);overflow-y:auto}
.ατζέντα-μπάρα-κουμπιά{display:flex;gap:8px;flex-wrap:wrap}
.ατζέντα-μπάρα-κουμπιά button{margin-top:0}
.ατζέντα-μπάρα-λόγος{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ατζέντα-μπάρα-λόγος input{flex:1;min-width:160px;padding:7px 10px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font-size:13.5px}
.ατζέντα-κατάσταση{font-size:13px;color:var(--muted);margin-bottom:8px}
.ατζέντα-κατάσταση.κρίσιμο{background:var(--warn-soft);border:1px solid var(--warn);border-radius:var(--r-s);padding:10px 12px;color:var(--ink)}
.ατζέντα-κατάσταση.κρίσιμο p{font-weight:600;margin-bottom:6px}

/* 🆕 W-NEO-ΣΥΡΤΑΡΙ-ΑΤΖΕΝΤΑΣ ΜΕΡΟΣ 2 (brief §4): ωμό markdown ➜ HTML (ατζένταHtml, ίδιο .βιβλ-md
   στυλ με τη Βιβλιοθήκη, βλ. πιο κάτω στο αρχείο) — ΠΡΟΜΠΤ/ΠΡΟΤΑΣΗ σε ξεχωριστά, οπτικά διακριτά κουτιά.
   .ατζέντα-μέρος.βιβλ-md ακυρώνει το δικό της max-height/overflow (.βιβλ-md πιο κάτω) — ο γύρω χώρος
   (κουτί κεφαλής ή σώμα συρταριού) κάνει ήδη τη δική του κύλιση, ΚΑΜΙΑ διπλή εσωτερική μπάρα κύλισης. */
.ατζέντα-κείμενο-md{white-space:normal}
.ατζέντα-μέρος{margin-bottom:12px}
.ατζέντα-μέρος:last-child{margin-bottom:0}
.ατζέντα-μέρος.βιβλ-md{max-height:none;overflow:visible}
.ατζέντα-μέρος-τίτλος{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0 0 6px}
.ατζέντα-μέρος-πρόμπτ{padding:10px 12px;background:var(--card-2);border-radius:var(--r-s)}
.ατζέντα-μέρος-πρόταση{padding:10px 12px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-s)}

/* φρένο αλυσίδας agent➜agent (Λ356) — ΙΔΙΟ σχήμα με τη λωρίδα ατζέντας, χρώμα «bad» (μπλοκάρει, όχι απλή αναμονή). */
.φρένο-μπάρα{background:var(--bad-soft);border-top:1px solid var(--rule)}
.φρένο-μπάρα #τΦρένοΜπάρα{color:var(--bad)}
.όριο-agents{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}
.όριο-agents label{font-weight:600}
.όριο-agents input{width:70px;padding:6px 8px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font-size:13.5px}
.όριο-agents .κ-δευτερεύον{margin-top:0}
.όριο-agents .μικρό{color:var(--muted)}
/* 🆕 Λ358: διακόπτης «auto» δίπλα στο πεδίο ορίου — ΙΔΙΟ σημείο, δεν παίρνει το width:70px του αριθμητικού πεδίου. */
.όριο-agents-auto{display:inline-flex;align-items:center;gap:4px;font-weight:600;cursor:pointer;margin-left:2px}
.όριο-agents-auto input{width:auto;padding:0;cursor:pointer}
/* μόνιμο πεδίο ορίου στο συρτάρι «Ατζέντα» (μόνιμο, ΟΧΙ μόνο σε παύση) — ίδια κλάση, μικρό κενό κάτω. */
.ατζέντα-όριο-συρτάρι{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule-2)}
.σύνοψη-ενότητα{margin-bottom:18px}
.σύνοψη-ενότητα h3{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.σύνοψη-ενότητα ul{padding-left:18px;line-height:1.55;list-style:none}
.σύνοψη-ενότητα li{margin:2px 0}
.σύνοψη-ενότητα p{color:var(--muted)}
.σύνοψη-ενότητα .σήμα-είδος{margin-right:6px;vertical-align:1px}
/* 🆕 W-NEO-ΣΥΝΟΨΗ (28/09): ισχύει/μένει ➜ κουμπί-γραμμή που πάει στο μήνυμα (ΙΔΙΟ σχήμα αντικειμένου
   {id,kind,what} με τον πραγματικό server, βλ. σχόλιο στο ζωγράφισεΣύνοψη). */
.σύνοψη-γραμμή{display:block;width:100%;text-align:left;border:0;background:transparent;padding:0;color:inherit;font:inherit}
.σύνοψη-γραμμή:hover .σύνοψη-τι{text-decoration:underline}
/* μέσα ➜ avatar + όνομα σε γραμμή, ΙΔΙΟ κόλπο με .μέλος-γραμμή αλλά πιο μικρό (χωράει σε συρτάρι). */
.σύνοψη-μέλος{display:flex;align-items:center;gap:8px}
.σύνοψη-ενότητα .σύνοψη-μέλος .άβαταρ{grid-row:auto;width:20px;height:20px;font-size:9px}
/* υλικό ➜ ίδιο τσιπ με τα συνημμένα του chat (.συν-αρχείο), λίγο πιο σφιχτό μέσα στο συρτάρι. */
.σύνοψη-ενότητα .συν-αρχείο{padding:4px 8px;font-size:12.5px}

/* ── φύσα (toast) / σκιά ──
   W-NEO-SCROLL (28/09, αναφορά συντονιστή μετά το merge): το `.φύσα` είναι fixed, bottom:24px, ΠΑΝΩ από
   ό,τι τυχαίνει να βρίσκεται εκεί (π.χ. checkbox/κουμπιά) όσο μένει ορατό (3.5-7΄΄, βλ. φύσα() στο
   app.js) — έπιανε clicks που έπρεπε να πάνε στο στοιχείο από κάτω (Playwright: «intercepts pointer
   events», πραγματικό UX λάθος ΚΑΙ σε πραγματικό χρήστη). Το `φύσα()` γράφει ΜΟΝΟ textContent, ΠΟΤΕ
   κουμπί/σύνδεσμο μέσα του — ασφαλές, χωρίς εξαίρεση, pointer-events:none παντού. */
.φύσα{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--card);padding:10px 16px;border-radius:999px;font-size:14px;z-index:100;max-width:calc(100vw - 32px);box-shadow:var(--shadow);pointer-events:none}
.φύσα.κακό{background:var(--bad);color:var(--on-solid)}
.σκιά{position:fixed;inset:0;background:var(--scrim);z-index:35}

/* είσοδος συρταριών χωρίς JS (Chromium 117+, αγνοείται αλλού) */
.συρτάρι,.thread-panel{transition:transform .22s ease,opacity .22s ease}
@starting-style{
  .συρτάρι:not([hidden]),.thread-panel:not([hidden]){transform:translateX(16px);opacity:0}
}
@media (max-width:767px){
  @starting-style{
    .συρτάρι:not([hidden]),.thread-panel:not([hidden]){transform:translateY(24px);opacity:0}
  }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ── ΑΠΟΚΡΙΣΙΜΟΤΗΤΑ ── */
@media (max-width:1023px){
  :root{--side:240px;--rail:72px;--gutter:20px}
}
@media (max-width:767px){
  :root{--rail:0px;--gutter:16px}
  .app{grid-template-columns:minmax(0,1fr)}
  .κ-menu{display:inline-flex}
  .πλάι{position:fixed;top:0;left:0;bottom:0;width:min(300px,84vw);z-index:36;transform:translateX(-100%);transition:transform .2s ease}
  .πλάι.ανοιχτό{transform:none;box-shadow:var(--shadow)}
  .κύριο{display:flex;flex-direction:column}
  .κεφαλή{padding:12px var(--gutter) 10px 60px}
  .κεφαλή[hidden]~.για-σένα{padding-top:60px}          /* χωρίς κεφαλή (καμία σύσκεψη ανοιχτή) το ☰ δεν πατά στη λωρίδα */
  .κεφαλή-πάνω{flex-wrap:wrap;gap:6px 10px}
  .κεφαλή-πάνω h1{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;line-height:1.3;order:0}
  .κεφαλή-μενού{order:1}
  .κεφαλή-πάνω::after{content:"";order:2;flex-basis:100%;height:0}
  .ετικέτα-έργου{order:3}
  .κεφαλή-κάτω{gap:2px 14px;font-size:12.5px}
  .απλή-κουβέντα{padding-top:6px;padding-bottom:6px}
  .λίστα-σταδίων{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .λίστα-σταδίων li{font-size:12px;gap:6px}
  .λίστα-σταδίων li+li::before{width:10px;margin:0 5px}
  .λίστα-σταδίων li:last-child{padding-right:28px}
  /* W-ΕΓΓΡΑΦΑ-ΔΕΞΙΑ (30/09, Λ449): 5 κουμπιά τώρα (πριν 4) — η ΠΑΛΙΑ σειρά (οριζόντια, icon+ετικέτα
     δίπλα-δίπλα, nowrap + overflow-x:auto) ΔΕΝ χωράει πια στα 390px χωρίς οριζόντια κύλιση ΤΗΣ ΙΔΙΑΣ
     της μπάρας (μετρημένο: 441px περιεχόμενο σε 390px πλάτος). Γυρνάμε στο ΙΔΙΟ ύφος στοίβαξης
     εικονιδίου-πάνω-από-ετικέτα που έχει ήδη η ράγα στην πλατιά οθόνη (.κ-καρτέλα βάσης, πιο πάνω) —
     5 στήλες ~78px η καθεμία, η ετικέτα επιτρέπεται να σπάσει σε 2 γραμμές, ΚΑΜΙΑ κύλιση πουθενά. */
  .συρτάρι-κουμπιά{z-index:auto;flex-direction:row;width:auto;gap:0;padding:5px 4px;border-left:0;border-bottom:1px solid var(--rule)}
  .κ-καρτέλα{flex:1 1 0;min-width:0;flex-direction:column;justify-content:flex-start;gap:3px;padding:5px 2px;font-size:10px;width:auto}
  .κ-καρτέλα span{white-space:normal;overflow-wrap:anywhere;line-height:1.1}
  .κ-καρτέλα svg.εικ{width:17px;height:17px}
  .μηνύματα{gap:14px}
  .μήνυμα{max-width:none}
  /* κάτω-φύλλο: η κεφαλή και τα στάδια μένουν ορατά από πάνω — ξέρεις πού βρίσκεσαι */
  .συρτάρι,.thread-panel{top:auto;right:0;left:0;bottom:0;width:100vw;height:min(80vh,100%);border-left:0;border-top:1px solid var(--rule);border-radius:16px 16px 0 0}
  .συρτάρι-κεφ,.thread-κεφ{padding-top:14px}
  .autocomplete{left:var(--gutter);right:var(--gutter);min-width:0}
  .κενή-οθόνη{padding:24px 24px 24px 64px}
}

/* ═══════════════════════════════════════════════════════════════════════
   ΒΙΒΛΙΟΘΗΚΗ ΓΝΩΣΗΣ (W-VIVL-UI, 27/09) — ΚΟΜΜΑΤΙ Γ, brief:
   ΤΑΜΠΛΟ/ΑΝΑΘΕΣΕΙΣ/2026-09-27/vivliothiki-mixanismos-brief.md. Δική της ενότητα, στο τέλος του
   αρχείου, ώστε να ενωθεί χωρίς σύγκρουση με ό,τι αλλάζει παράλληλα η φόρμα «Νέο meeting».
   Ίδια tokens/κλάσεις με το υπόλοιπο Fable — ανοιχτό/σκούρο από τα ίδια --μεταβλητά πιο πάνω. ═══ */
.πλάι-κεφ-δεξιά{display:flex;align-items:center;gap:6px}
.κ-βιβλιοθήκη-εικ{color:var(--muted)}
.κ-βιβλιοθήκη-εικ:hover{background:var(--rule-2);color:var(--ink)}

.βιβλιοθήκη-περιοχή{grid-row:1/5;grid-column:1/3;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;background:var(--card)}
.βιβλ-κεφ{display:flex;align-items:center;gap:10px;padding:14px var(--gutter);border-bottom:1px solid var(--rule);flex-wrap:wrap;flex:none}
.βιβλ-κεφ h1{font-size:19px;font-weight:700;letter-spacing:-.01em;flex:1 1 auto;min-width:120px}
.βιβλ-κεφ-δεξιά{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.βιβλ-αναζήτηση input{padding:7px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);font-size:13.5px;min-width:170px;font-family:inherit;color:var(--ink)}
.βιβλ-αναζήτηση input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.βιβλ-έγκριση-πιλ{max-width:none;border-color:var(--warn);background:var(--warn-soft);color:var(--warn);font-weight:700}
.βιβλ-έγκριση-πιλ:hover{border-color:var(--warn);color:var(--warn)}
.βιβλ-σώμα{flex:1;min-height:0;display:flex;overflow:hidden}

.βιβλ-δέντρο{width:230px;flex:none;border-right:1px solid var(--rule);overflow-y:auto;padding:10px 8px;background:var(--paper)}
.βιβλ-φάκελος{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:var(--r-s);padding:7px 10px;margin:1px 0;font-size:13.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.βιβλ-φάκελος:hover{background:var(--rule-2);color:var(--ink)}
.βιβλ-φάκελος.ενεργός{background:var(--accent-soft);color:var(--accent);font-weight:600}
.βιβλ-στοιχεία-στήλη{flex:1;min-width:0;overflow-y:auto;padding:6px 0}
.βιβλ-στοιχείο-γραμμή{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--rule-2);background:transparent;padding:12px var(--gutter);font-size:14.5px;color:var(--ink)}
.βιβλ-στοιχείο-γραμμή:hover{background:var(--rule-2)}
.βιβλ-στ-τίτλος{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}
.βιβλ-στ-μέτα-μικρό{font-size:12px;color:var(--muted)}
.βιβλ-ετ-έκδοση{flex:none;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--rule-2);border-radius:999px;padding:2px 8px}
.βιβλ-ετ-προτάσεις{flex:none;font-size:11px;font-weight:700;color:var(--warn);background:var(--warn-soft);border-radius:999px;padding:2px 8px;white-space:nowrap}
.βιβλ-ετ-scope{flex:none;font-size:11px;font-weight:600;color:var(--ai);background:var(--ai-soft);border-radius:999px;padding:2px 8px;white-space:nowrap}
.βιβλ-κενό{padding:24px;color:var(--muted);text-align:center}

.βιβλ-στοιχείο-οθόνη{flex:1;min-height:0;overflow-y:auto;padding:16px var(--gutter) 32px}
.κ-βιβλ-πίσω{border:0;background:transparent;color:var(--accent);font-weight:600;font-size:13px;padding:0 0 10px;display:inline-flex;align-items:center;gap:6px}
.κ-βιβλ-πίσω:hover{text-decoration:underline}
.βιβλ-στ-κεφ{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:2px}
.βιβλ-στ-κεφ h2{font-size:20px;font-weight:700}
.βιβλ-στ-μέτα{font-size:13px;color:var(--muted);margin:2px 0 16px}
.βιβλ-στ-μέτα b{color:var(--ink-2);font-weight:600}
.βιβλ-ενότητα{margin-bottom:26px}
.βιβλ-ενότητα h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}
.βιβλ-κώδικας{white-space:pre-wrap;word-break:break-word;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card-2);border:1px solid var(--rule);border-radius:var(--r);padding:12px 14px;max-height:420px;overflow:auto;color:var(--ink)}
.βιβλ-κ-hl{color:var(--accent);font-weight:600}
.βιβλ-αρχείο-ετ{font-size:12px;font-weight:700;color:var(--ink-2);margin:14px 0 4px}
.βιβλ-αρχείο-ετ:first-child{margin-top:0}
.βιβλ-πίνακας{width:100%;border-collapse:collapse;font-size:13.5px}
.βιβλ-πίνακας th,.βιβλ-πίνακας td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--rule-2);vertical-align:top}
.βιβλ-πίνακας th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.βιβλ-κατάσταση{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap}
.βιβλ-κατάσταση.πρόταση{background:var(--warn-soft);color:var(--warn)}
.βιβλ-κατάσταση.εγκεκριμένη{background:var(--agree-soft);color:var(--agree)}
.βιβλ-κατάσταση.απορρίφθηκε{background:var(--bad-soft);color:var(--bad)}
/* 🆕 Λ500 (mm, 01/10): «ξεπεράστηκε» — γκρι, ΟΧΙ «πρόταση» (πορτοκαλί) — για εκδόσεις που δεν βγάζει πια
   νόημα να περιμένουν έγκριση (νεότερη έκδοση υπάρχει ΗΔΗ, ή η αίθουσα/φάκελος προσπέρασε το στάδιο). */
.βιβλ-κατάσταση.ξεπέρασε{background:var(--rule-2);color:var(--muted)}
/* 🆕 Λ500 (mm, 01/10): η λίστα του «Προς έγκριση (N)» — κλικ σε γραμμή ➜ ανοίγει ΑΥΤΟ το στοιχείο. */
.βιβλ-προς-έγκριση-λίστα{list-style:none;margin:0;padding:0}
.βιβλ-προς-έγκριση-γραμμή{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 4px;border-bottom:1px solid var(--rule)}
.βιβλ-προς-έγκριση-λίστα li:last-child .βιβλ-προς-έγκριση-γραμμή{border-bottom:0}
.βιβλ-προς-έγκριση-γραμμή strong{color:var(--ink)}
.βιβλ-προς-έγκριση-γραμμή .μικρό{color:var(--muted)}
.βιβλ-πρόταση-κάρτα{border:1px solid var(--warn);background:var(--warn-soft);border-radius:var(--r);padding:12px 14px;margin-bottom:10px}
.βιβλ-πρόταση-κάρτα p{font-size:13.5px;color:var(--ink-2);margin:4px 0}
.βιβλ-πρόταση-κουμπιά{display:flex;gap:8px;margin-top:8px}
.βιβλ-πρόταση-κουμπιά button{border:0;border-radius:999px;padding:6px 16px;font-weight:600;font-size:13px}
.κ-βιβλ-εγκρίνω{background:var(--agree);color:var(--on-solid)}
.κ-βιβλ-εγκρίνω:hover{filter:brightness(1.05)}
.κ-βιβλ-απορρίπτω{background:var(--card);border:1px solid var(--bad);color:var(--bad)}
.βιβλ-diff-επιλογή{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.βιβλ-diff-επιλογή select{padding:6px 10px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card);font-size:13.5px;font-family:inherit;color:var(--ink)}
.βιβλ-diff-αρχείο{margin-bottom:14px;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.βιβλ-diff-αρχείο-ετ{font-size:12.5px;font-weight:700;color:var(--ink-2);background:var(--card-2);padding:6px 12px;border-bottom:1px solid var(--rule)}
.βιβλ-diff-γραμμές{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-height:320px;overflow:auto}
.βιβλ-diff-γραμμή{white-space:pre-wrap;word-break:break-word;padding:1px 12px}
.βιβλ-diff-γραμμή.add{background:var(--agree-soft);color:var(--ink)}
.βιβλ-diff-γραμμή.del{background:var(--bad-soft);color:var(--ink)}
.βιβλ-diff-γραμμή.ctx{color:var(--muted)}
.βιβλ-προτζεκτ-γραμμή{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13.5px}
.βιβλ-προτζεκτ-γραμμή .νεότερη{color:var(--warn);font-weight:600;font-size:12px}

.βιβλ-φόρμα-αρχεία{border:1px dashed var(--rule);border-radius:var(--r-s);padding:10px;display:flex;flex-direction:column;gap:8px}
.βιβλ-φόρμα-αρχεία .μικρό{font-size:12px;color:var(--muted);margin:0}

/* ═══ «Διάβασε» (Λ… mm 28/09) — κείμενο έκδοσης πριν την έγκριση: πρόταση/ισχύουσα/γραμμή πίνακα,
   ΙΔΙΟ κουτί/στυλ και στις τρεις. .βιβλ-md = ασφαλές markdown➜HTML (esc πάντα πρώτα, βλ. app.js). ═══ */
.κ-βιβλ-διάβασε{background:var(--card);border:1px solid var(--rule);color:var(--ink-2);font-weight:600;border-radius:999px;padding:6px 16px;font-size:13px}
.κ-βιβλ-διάβασε:hover{background:var(--rule-2);color:var(--ink)}
.βιβλ-md-κουτί{margin-top:10px}
.βιβλ-md{max-height:420px;overflow:auto;word-break:break-word;overflow-wrap:anywhere;font-size:13.5px;line-height:1.6;color:var(--ink)}
.βιβλ-md>*:first-child{margin-top:0}
.βιβλ-md h1,.βιβλ-md h2,.βιβλ-md h3,.βιβλ-md h4,.βιβλ-md h5,.βιβλ-md h6{font-weight:700;line-height:1.3;margin:14px 0 6px}
.βιβλ-md h1{font-size:19px}.βιβλ-md h2{font-size:17px}.βιβλ-md h3{font-size:15px}.βιβλ-md h4,.βιβλ-md h5,.βιβλ-md h6{font-size:13.5px}
.βιβλ-md p{margin:8px 0}
.βιβλ-md ul,.βιβλ-md ol{margin:8px 0;padding-left:22px}
.βιβλ-md li{margin:2px 0}
.βιβλ-md code{font:12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card-2);border-radius:4px;padding:1px 5px}
.βιβλ-md pre.βιβλ-κώδικας{margin:8px 0}
.βιβλ-md pre.βιβλ-κώδικας code{background:none;padding:0;border-radius:0}
.βιβλ-md a{color:var(--accent);text-decoration:underline}
.βιβλ-md-πιν-κουτί{overflow-x:auto;margin:8px 0}
.βιβλ-md-πιν-κουτί table{width:max-content;min-width:100%}
.βιβλ-κατέβασμα{color:var(--accent);font-weight:600;text-decoration:underline}
.βιβλ-εκδ-γραμμή{cursor:pointer}
.βιβλ-εκδ-γραμμή:hover{background:var(--rule-2)}
.βιβλ-εκδ-γραμμή.ενεργή{background:var(--accent-soft)}
.βιβλ-εκδ-γραμμή:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}

@media (max-width:767px){
  .βιβλ-σώμα{flex-direction:column}
  .βιβλ-δέντρο{width:auto;display:flex;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--rule);padding:8px var(--gutter);white-space:nowrap}
  .βιβλ-φάκελος{width:auto;flex:none;border:1px solid var(--rule);border-radius:999px;padding:5px 12px}
  .βιβλ-κεφ{padding:12px var(--gutter) 10px 60px}
  .βιβλ-αναζήτηση input{min-width:0;flex:1}
}

/* ═══ ΑΝΘΡΩΠΟΙ (W-NEO-ΑΝΘΡΩΠΟΙ, 28/09) — ίδιο σκελετό με τη Βιβλιοθήκη (.βιβλιοθήκη-περιοχή/.βιβλ-κεφ/
   .βιβλ-πίνακας/.βιβλ-κατάσταση ήδη καλύπτουν το κουτί/κεφαλίδα/πίνακα/ετικέτα — εδώ μόνο ό,τι λείπει. ═══ */
.ανθρ-λίστα{flex:1;min-height:0;overflow:auto;padding:8px var(--gutter) 32px}
.ανθρ-πίνακας{min-width:640px}   /* πλάτος-περιεχομένου σταθερό — σε στενή οθόνη κυλάει ΟΡΙΖΟΝΤΙΑ ΜΕΣΑ στο .ανθρ-λίστα, ΠΟΤΕ κρύβεται/κόβεται σιωπηλά */
.ανθρ-πίνακας td,.ανθρ-πίνακας th{vertical-align:middle}
.ανθρ-ανενεργός{opacity:.95}
.ανθρ-ενέργειες{display:flex;align-items:center;gap:12px;white-space:nowrap}
.ανθρ-ενέργειες .κ-σύνδεσμος{padding:0}
.κ-σύνδεσμος.κίνδυνος{color:var(--bad)}

/* mention-ping (Λ552): σήμα «@» στην αίθουσα που σε αναφέρει ώσπου να ανοιχτεί */
.αναφορά-σήμα{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;line-height:1;margin-top:1px;animation:αναφορά-μπλινκ 1s ease-in-out infinite}
.συνάντηση-γραμμή.αναφορά{box-shadow:inset 3px 0 0 var(--accent)}
@keyframes αναφορά-μπλινκ{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.αναφορά-σήμα{animation:none}}

/* ═══ ΑΠΑΝΤΗΣΗ-ΣΕ-ΜΗΝΥΜΑ (reply-minima, mm 02/10) — ΜΟΝΟ μεταβλητές θέματος, κανένα καρφωτό χρώμα ═══ */
.κ-απάντηση-σε{margin-left:auto;border:1px solid var(--rule);background:var(--card);color:var(--accent);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer}
.κ-απάντηση-σε:hover,.κ-απάντηση-σε:focus-visible{background:var(--accent-soft);border-color:var(--accent-line)}
@media (hover:hover){
  .κ-απάντηση-σε{opacity:0;transition:opacity .12s}
  .μήνυμα:hover .κ-απάντηση-σε,.κ-απάντηση-σε:focus-visible{opacity:1}
}
.απ-παραθέμα{display:flex;flex-direction:column;gap:1px;width:100%;max-width:100%;text-align:left;margin:0 0 5px;padding:4px 10px;border:0;border-left:3px solid var(--accent);border-radius:0 var(--r-s) var(--r-s) 0;background:var(--accent-soft);color:var(--ink-2);font:inherit;font-size:13px;line-height:1.4;cursor:pointer;min-width:0}
.απ-παραθέμα:hover{box-shadow:inset 0 0 0 1px var(--accent-line)}
.απ-παραθέμα.χαμένο{cursor:default;border-left-color:var(--muted);background:var(--rule-2);color:var(--muted);font-style:italic}
.απ-παραθέμα.χαμένο:hover{box-shadow:none}
.απ-όνομα{font-weight:700;color:var(--accent);font-size:12.5px}
.απ-κείμενο{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.απ-λωρίδα{display:flex;align-items:center;gap:8px;padding:6px 10px;border-left:3px solid var(--accent);border-radius:0 var(--r-s) var(--r-s) 0;background:var(--accent-soft);color:var(--ink-2);font-size:13px;line-height:1.4;min-width:0}
.απ-λωρίδα[hidden]{display:none}
.απ-λωρίδα-κείμενο{flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.απ-λωρίδα-κείμενο b{color:var(--accent)}
.απ-λωρίδα-χ{flex:none;border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;padding:4px 6px;border-radius:6px;cursor:pointer}
.απ-λωρίδα-χ:hover{background:var(--card);color:var(--ink)}
.μήνυμα.απ-φλας .μήνυμα-σώμα{animation:επισήμανση 1.5s ease-out}

/* ═══ akroates-ana-aithousa (mm Λ598, 06/10): διακόπτης ακροατών ανά αίθουσα + σήμα λίστας + popup 24ωρου ═══
   Μόνο μεταβλητές θέματος (φωτεινό/σκούρο αυτόματα)· κινητό 390: ο διακόπτης κατεβαίνει δίπλα στο ⋯. */
.κεφαλή-ακροατές{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1.2;padding:5px 11px;border-radius:999px;white-space:nowrap;cursor:pointer;color:var(--agree);background:var(--agree-soft);border:1px solid var(--agree)}
.κεφαλή-ακροατές[aria-pressed="false"]{color:var(--warn);background:var(--warn-soft);border-color:var(--warn)}
.κεφαλή-ακροατές:disabled{cursor:default;opacity:.7}
.κεφαλή-ακροατές:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.κεφαλή-άνοιξε{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.κεφαλή-άνοιξε-σφάλμα{font-size:12.5px;color:var(--warn)}
.ακρ-off-σήμα{flex:none;display:inline-flex;align-items:center;font-size:11px;line-height:1;color:var(--muted);padding:0;margin:3px -3px 0 -2px}
.ακρ-κείμενο{font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.ακρ-λίστα{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto}
.ακρ-λίστα label{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:var(--ink);padding:6px 8px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--card-2)}
.ακρ-λίστα input{padding:0;width:16px;height:16px;flex:none}
.ακρ-λίστα .ακρ-ώρες{margin-left:auto;flex:none;font-size:12.5px;color:var(--muted);font-weight:400}
#ακρΠοπαπΣκιά{display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}
#ακρΠοπαπΣκιά[hidden]{display:none}
#ακρΠοπαπ .μίνι-κουμπιά{flex-wrap:wrap}
#ακρΠοπαπ .κ-πρωτεύον{margin-top:0}
@media (max-width:767px){
  .κεφαλή-ακροατές{order:1}
}

/* ΡΟΛΟΣ ΑΝΑ AI-ΜΕΛΟΣ (Λ610) — μόνο μεταβλητές θέματος */
.μέλος-γραμμή.με-ρόλο{flex-wrap:wrap}
.μέλος-γραμμή .κ-ρόλος{margin-top:0;flex:none;padding:5px 12px;font-size:12.5px}
.μέλος-γραμμή .ρόλος-κείμενο,.μέλος-γραμμή .ρόλος-πρόταση{flex:0 0 100%;box-sizing:border-box;margin-left:40px;max-width:calc(100% - 40px);font-size:12.5px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.μέλος-γραμμή .ρόλος-πρόταση{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;padding:8px 10px;color:var(--ink)}
.μέλος-γραμμή .ρόλος-πρόταση-κουμπιά{display:flex;gap:8px;margin-top:6px}
.μέλος-γραμμή .ρόλος-πρόταση-κουμπιά .κ-δευτερεύον{margin-top:0;padding:5px 12px;font-size:12.5px}
.σήμα-ρόλος{font-size:10.5px;font-weight:600;border-radius:4px;padding:1px 6px;background:var(--accent-soft);color:var(--accent);line-height:1.4;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.μέλος-γραμμή.με-ρόλο .ετικέτα{flex:1 1 5.5em;overflow:visible}
.μέλος-γραμμή.με-ρόλο{gap:6px 8px}

/* ⏸ PAUSE μέλους (Λ625) */
.μέλος-γραμμή .κ-παύση{margin-top:0;flex:none;padding:5px 12px;font-size:12.5px}
.μέλος-γραμμή .κ-παύση:disabled{opacity:.5;cursor:not-allowed}
.σήμα-παύσης{font-size:13px;line-height:1;color:var(--warn,var(--muted))}
.autocomplete button[data-paused="1"]{opacity:.7}
@media (max-width:640px){.μέλος-γραμμή .κ-παύση{padding:5px 10px}}

/* taxinomisi-aithouson (mm Λ632): μενού «Ταξινόμηση ▾» πάνω από τη λίστα αιθουσών */
.ταξινόμηση-κ{max-width:none;margin-left:auto}
.ταξινόμηση-μενού.μενού-πτυσσόμενο{left:auto;right:16px;top:calc(100% - 6px);min-width:220px}
.ταξινόμηση-μενού button[aria-checked="true"]{color:var(--accent);font-weight:700}
.ταξινόμηση-μενού button[aria-checked="true"]::before{content:"✓ "}