:root {
  --fonto:       #fafafa;
  --epifaneia:   #ffffff;
  --keimeno:     #111318;
  --gkri:        #6b7280;
  --gkri-anoixto:#9ca3af;
  --grammi:      #e6e8eb;
  --kokkino:     #b42318;
  --portokali:   #b45309;
  --prasino:     #15803d;
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  background: var(--fonto);
  color: var(--keimeno);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.krymmeno { display: none !important; }

/* ---------- Είσοδος ---------- */

.kentro {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.kouti {
  width: 100%;
  max-width: 380px;
  background: var(--epifaneia);
  border: 0.5px solid var(--grammi);
  border-radius: 12px;
  padding: 44px 40px;
}

h1 {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.ypotitlos { margin: 0 0 32px; font-size: 14px; color: var(--gkri); }

label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 500;
  color: var(--gkri);
}

input, textarea, select {
  width: 100%;
  padding: 11px 13px;
  font-family: inherit;
  font-size: 15px;
  color: var(--keimeno);
  background: var(--epifaneia);
  border: 0.5px solid var(--grammi);
  border-radius: 8px;
  outline: none;
  transition: border-color 0.15s;
}

input, select { margin-bottom: 20px; }
textarea { margin-bottom: 20px; resize: vertical; line-height: 1.5; }

input:focus, textarea:focus, select:focus { border-color: var(--keimeno); }

select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%236b7280' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  padding-right: 34px;
}

button {
  width: 100%;
  padding: 11px 16px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  color: var(--epifaneia);
  background: var(--keimeno);
  border: 0.5px solid var(--keimeno);
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.15s;
}

button:hover { opacity: 0.85; }
button:disabled { opacity: 0.4; cursor: default; }

button.mikro {
  width: auto;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
  color: var(--gkri);
  background: var(--epifaneia);
  border-color: var(--grammi);
}

button.mikro:hover { color: var(--keimeno); opacity: 1; }

button.energeia {
  width: auto;
  padding: 5px 11px;
  font-size: 13px;
  font-weight: 400;
  color: var(--gkri);
  background: var(--epifaneia);
  border-color: var(--grammi);
  white-space: nowrap;
}

button.energeia:hover { color: var(--keimeno); opacity: 1; }

button.energeia.sigoura {
  color: #fff;
  background: var(--kokkino);
  border-color: var(--kokkino);
}

button.kyrio { width: auto; padding: 9px 20px; font-size: 14px; }

button.epikindyno {
  width: auto;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--gkri);
  background: var(--epifaneia);
  border-color: var(--grammi);
}

button.epikindyno:hover { color: var(--kokkino); border-color: #f0cfcb; opacity: 1; }

button.epikindyno.sigoura {
  color: #fff;
  background: var(--kokkino);
  border-color: var(--kokkino);
}

button.apla-katw { margin-top: 12px; }

.lathos {
  margin-top: 18px;
  font-size: 13px;
  min-height: 19px;
  color: var(--kokkino);
}

.syndesmos-katw {
  display: block;
  margin-top: 20px;
  font-size: 13px;
  color: var(--gkri);
  text-decoration: none;
  text-align: center;
}

.syndesmos-katw:hover { color: var(--keimeno); }

.minima-kouti {
  margin-top: 18px;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--keimeno);
  background: #f2f7f3;
  border: 0.5px solid #cfe3d4;
  border-radius: 8px;
}

/* ---------- Μπάρα ---------- */

.bara {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--epifaneia);
  border-bottom: 0.5px solid var(--grammi);
}

.bara-mesa {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  min-height: 54px;
}

.bara-aristera { display: flex; align-items: stretch; gap: 0; }

.sima {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--keimeno);
  padding-right: 18px;
}

.diaxoristis {
  align-self: center;
  width: 1px;
  height: 20px;
  background: var(--grammi);
}

.karteles { display: flex; align-items: stretch; margin-left: 6px; }

.kartela {
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 400;
  color: var(--gkri-anoixto);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, background 0.15s;
}

.kartela:hover { color: var(--keimeno); background: #f6f7f8; }

.kartela.energi {
  color: var(--keimeno);
  font-weight: 600;
  background: #f2f3f5;
  border-bottom-color: var(--keimeno);
}

.anamoni-simadi {
  display: inline-block;
  min-width: 17px;
  height: 17px;
  margin-left: 6px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background: var(--kokkino);
  border-radius: 999px;
  vertical-align: 1px;
}

.bara-dexia { display: flex; align-items: center; gap: 10px; }

.menou-xristi { position: relative; }

.anaptysso {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 50;
  min-width: 180px;
  padding: 6px;
  background: var(--epifaneia);
  border: 0.5px solid var(--grammi);
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(17,19,24,0.08);
}

.anaptysso-item {
  display: block;
  width: 100%;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: var(--keimeno);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.anaptysso-item:hover { background: #f2f3f5; opacity: 1; }

/* ---------- Περιοχή ---------- */

.perioxi { max-width: 880px; margin: 0 auto; padding: 32px 28px 80px; }

.katastasi { padding: 40px 0; font-size: 14px; color: var(--gkri); }
.katastasi.kako { color: var(--kokkino); }

.tmima { margin-bottom: 44px; }

.titlos-tmimatos {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gkri-anoixto);
}

.lista {
  background: var(--epifaneia);
  border: 0.5px solid var(--grammi);
  border-radius: 12px;
  margin-top: 12px;
  overflow: hidden;
}

.grammi {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 20px;
  border-bottom: 0.5px solid var(--grammi);
}

.grammi:last-child { border-bottom: none; }

.grammi.klik { cursor: pointer; transition: background 0.12s; }
.grammi.klik:hover { background: #fbfbfc; }

.teleia {
  flex: none;
  width: 7px; height: 7px;
  margin-top: 8px;
  border-radius: 50%;
  background: var(--grammi);
}

.teleia.epeigon { background: var(--kokkino); }
.teleia.prosoxi { background: var(--portokali); }
.teleia.iremo   { background: var(--gkri-anoixto); }

.grammi-mesa { flex: 1; min-width: 0; }

.grammi-titlos { font-size: 15px; font-weight: 500; letter-spacing: -0.01em; }

.grammi-ypo { margin-top: 3px; font-size: 13px; color: var(--gkri); }

.grammi-perigrafi {
  margin-top: 6px;
  font-size: 14px;
  color: var(--gkri);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.grammi-dexia {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  max-width: 300px;
}

.simadia { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }

.energeies { display: flex; gap: 6px; }

.simadi {
  padding: 3px 9px;
  font-size: 12px;
  border: 0.5px solid var(--grammi);
  border-radius: 999px;
  color: var(--gkri);
  white-space: nowrap;
}

.simadi.epeigon { color: var(--kokkino); border-color: #f0cfcb; }
.simadi.prosoxi { color: var(--portokali); border-color: #f0dfc0; }

.etiketa-typou {
  display: inline-block;
  margin-right: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gkri-anoixto);
}

.imerominia {
  flex: none;
  width: 52px;
  font-size: 13px;
  font-weight: 500;
  color: var(--gkri);
  font-variant-numeric: tabular-nums;
  padding-top: 1px;
}

.imerominia.perase { color: var(--kokkino); }

.adeio { padding: 22px 20px; font-size: 14px; color: var(--gkri); }

.ypoderma { padding-top: 4px; font-size: 13px; color: var(--gkri-anoixto); }

/* ---------- Ημερολόγιο ---------- */

#lista-meres { margin-top: 14px; }

.imera { margin-bottom: 28px; }

.imera-kefalida {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 2px;
}

.imera-onoma { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; }

.imera .lista { margin-top: 8px; }

/* ---------- Συνεργεία ---------- */

.omada { margin-bottom: 26px; }

.omada-titlos {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--keimeno);
}

.omada .lista { margin-top: 8px; }

.tilefono {
  color: var(--gkri);
  text-decoration: none;
  border-bottom: 0.5px solid var(--grammi);
}

.tilefono:hover { color: var(--keimeno); border-bottom-color: var(--gkri); }

.leipei { color: var(--portokali); }

.koutakia {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px 14px;
  margin-bottom: 20px;
  padding: 14px;
  border: 0.5px solid var(--grammi);
  border-radius: 8px;
}

.koutaki {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--keimeno);
  cursor: pointer;
}

.koutaki input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--keimeno);
  cursor: pointer;
}

.grammi.anenergo .grammi-titlos { color: var(--gkri-anoixto); }

/* ---------- Οθόνη έργου ---------- */

.piso {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 13px;
  color: var(--gkri);
  text-decoration: none;
}

.piso:hover { color: var(--keimeno); }

.kefalida-ergou { margin-bottom: 40px; }

.kefalida-panw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.kefalida-koumpia { display: flex; align-items: center; gap: 8px; flex: none; }

.kefalida-ergou h1 { margin: 0 0 4px; font-size: 26px; letter-spacing: -0.02em; }

.ypotitlos-ergou { margin: 0; font-size: 14px; color: var(--gkri); }

/* ---------- Προσφορά ---------- */

.prosfora {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 16px;
  background: var(--epifaneia);
  border: 0.5px solid var(--grammi);
  border-radius: 10px;
}

.prosfora:empty { display: none; }

.prosfora-mesa { flex: 1; min-width: 0; }

.prosfora-titlos {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 15px;
  font-weight: 500;
  color: var(--keimeno);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.prosfora-titlos:hover { text-decoration: underline; }

.prosfora-eikonidio {
  flex: none;
  width: 24px;
  height: 20px;
  border: 0.5px solid var(--kokkino);
  border-radius: 3px;
  font-size: 8px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  color: var(--kokkino);
}

.prosfora-ypo { margin-top: 3px; font-size: 13px; color: var(--gkri); }

.prosfora-adeio { font-size: 14px; color: var(--gkri); flex: 1; }

/* ---------- Φωτογραφίες ---------- */

.foto-seira { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.foto-seira img {
  width: 78px; height: 78px;
  display: block;
  object-fit: cover;
  background: var(--fonto);
  border: 0.5px solid var(--grammi);
  border-radius: 8px;
  cursor: zoom-in;
  transition: opacity 0.12s;
}

.foto-seira img:hover { opacity: 0.82; }

.plegma {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.plegma img {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
  background: var(--epifaneia);
  border: 0.5px solid var(--grammi);
  border-radius: 10px;
  cursor: zoom-in;
}

.provoli {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: rgba(17, 19, 24, 0.9);
  cursor: zoom-out;
}

.provoli img { max-width: 100%; max-height: 100%; border-radius: 8px; display: block; }

/* ---------- Παράθυρο φόρμας ---------- */

.parathyro {
  position: fixed;
  inset: 0;
  z-index: 150;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(17, 19, 24, 0.45);
  overflow-y: auto;
}

.parathyro-kouti {
  width: 100%;
  max-width: 520px;
  background: var(--epifaneia);
  border: 0.5px solid var(--grammi);
  border-radius: 14px;
  margin: auto;
}

.parathyro-kefalida { padding: 22px 28px 0; }

.parathyro-kefalida h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.parathyro-soma { padding: 24px 28px 4px; }

.parathyro-podi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 28px;
  border-top: 0.5px solid var(--grammi);
}

.podi-dexia { display: flex; align-items: center; gap: 10px; }

.zevgari { display: flex; gap: 14px; }
.zevgari > div { flex: 1; min-width: 0; }

.diakoptis {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 400;
  color: var(--keimeno);
  cursor: pointer;
}

.diakoptis input {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: var(--keimeno);
  cursor: pointer;
}

.forma-lathos { min-height: 19px; font-size: 13px; color: var(--kokkino); }

/* ---------- Μήνυμα ---------- */

.minyma {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 200;
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  background: var(--keimeno);
  border-radius: 999px;
  max-width: 90vw;
  text-align: center;
}

.minyma.kako { background: var(--kokkino); }

/* ---------- Λοιπά ---------- */

details { margin-top: 12px; }

summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gkri-anoixto);
  list-style: none;
}

summary::-webkit-details-marker { display: none; }
summary::before { content: "▸ "; }
details[open] summary::before { content: "▾ "; }

.minima-bot {
  margin-top: 8px;
  padding-left: 12px;
  border-left: 2px solid var(--grammi);
  font-size: 14px;
  color: var(--gkri);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .bara-mesa { padding: 0 18px; gap: 10px; }
  .sima { display: none; }
  .diaxoristis { display: none; }
  .karteles { margin-left: 0; }
  .kartela { padding: 0 11px; font-size: 13px; }
}

@media (max-width: 620px) {
  .perioxi { padding: 24px 18px 60px; }
  .grammi { flex-wrap: wrap; }
  .grammi-dexia {
    max-width: 100%;
    align-items: flex-start;
    padding-left: 21px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .simadia { justify-content: flex-start; }
  .kefalida-ergou h1 { font-size: 22px; }
  .kefalida-panw { flex-wrap: wrap; }
  .kefalida-koumpia { flex-wrap: wrap; }
  .prosfora { flex-direction: column; align-items: flex-start; }
  .provoli { padding: 14px; }
  .parathyro { padding: 12px; align-items: flex-start; }
  .parathyro-soma { padding: 20px 20px 4px; }
  .parathyro-kefalida { padding: 18px 20px 0; }
  .parathyro-podi { padding: 16px 20px; }
  .zevgari { flex-direction: column; gap: 0; }
}

:root{--ink:#20231f;--muted:#62685f;--paper:#f6f7f2;--white:#fff;--line:#e1e5db;--lime:#dce889;--olive:#566344;--red:#a83336;--red-bg:#fcf0ed;--amber:#845718;--green-bg:#eef3e7;--radius:12px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #788b2b;outline-offset:3px}button{border:0;background:none}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,2.8vw,40px);letter-spacing:-1.3px;font-weight:500;line-height:1.15}h2{font-size:20px;letter-spacing:-.4px;font-weight:600}h3{font-size:16px;font-weight:600}small{font-size:12px}input,select,textarea{min-width:0;color:var(--ink)}.skip{position:fixed;top:-60px;left:20px;background:var(--lime);padding:12px;z-index:100}.skip:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:29px 18px 18px;z-index:20}.brand{padding:0 15px 34px}.brand img{display:block;object-fit:contain;object-position:left center;width:122px;height:69px}.brand>span{display:block;color:#c5cbbd;font-size:12px;letter-spacing:2px;margin-top:14px}.sidebar nav{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;min-height:48px;border-radius:7px;color:#bcc3b7;transition:background .18s,color .18s}.nav-link:hover{background:#30372b;color:white}.nav-link.active{background:var(--lime);color:var(--ink);font-weight:600}.nav-link .nav-count{margin-left:auto;font-size:12px;opacity:.8}.sidebar-bottom{margin-top:auto}.workspace-label{color:#bac2b3;font-size:11px;padding:20px 12px;border-bottom:1px solid #3b4136;margin-bottom:15px}.live-dot,.demo-dot{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;margin-right:7px}.profile{display:flex;align-items:center;gap:10px;text-align:left;color:white;padding:8px;width:100%;border-radius:8px}.profile:hover{background:#30372b}.profile small{display:block;color:#bdc5b6;font-size:10px;margin-top:3px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#e7ebdf;color:#4c5843;font-size:11px;font-weight:600}.profile .avatar{background:#39432d;color:#dae6ad}.workspace{margin-left:218px;min-height:100vh}.topbar{display:flex;align-items:center;gap:24px;height:75px;background:var(--white);border-bottom:1px solid var(--line);padding:0 38px;font-size:13px}.topbar #breadcrumb{color:var(--muted)}.search-trigger{display:flex;gap:9px;align-items:center;margin-left:auto;color:var(--muted);min-height:44px}.search-trigger svg{width:16px}.search-trigger kbd{font:11px Arial;border:1px solid var(--line);padding:1px 4px;border-radius:4px;margin-left:14px}.top-date{border-left:1px solid var(--line);padding-left:24px;font-size:12px;color:var(--muted)}.demo-strip{font-size:11px;padding:9px 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;background:#edf0e5;color:#4f5c40}.demo-dot{background:#77884a;width:5px;height:5px}.demo-strip button{font-size:11px;padding:0;min-height:26px;text-decoration:underline;text-underline-offset:3px}main{padding:34px 38px 24px;max-width:1600px;margin:auto;min-height:75vh}main:focus{outline:none}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;color:var(--olive);margin-bottom:9px}.subtitle{color:var(--muted);font-size:14px;margin-top:10px}.header-actions,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid var(--line);background:white;border-radius:7px;font-size:13px;line-height:1.25;white-space:nowrap;transition:background .16s,border-color .16s}.btn:hover{background:#eef1e7;border-color:#bdc6af}.btn.primary{background:var(--ink);border-color:var(--ink);color:white}.btn.primary:hover{background:#424d36}.btn.lime{background:var(--lime);border-color:var(--lime)}.btn.danger{color:var(--red);border-color:#e9c4c2}.btn.small{min-height:36px;padding:7px 11px;font-size:12px}.btn svg{width:16px;height:16px}.link-btn{display:inline-flex;align-items:center;gap:8px;color:var(--olive);font-size:12px;min-height:40px;padding:4px 0}.link-btn:hover{text-decoration:underline}.link-btn svg{width:16px}.count{font-size:12px;background:#eef1e8;border-radius:5px;padding:3px 7px;margin-left:7px;color:var(--muted)}.summary-band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:29px}.metric{display:flex;align-items:center;gap:15px;padding:1px 24px;border-right:1px solid var(--line);text-align:left}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font-size:33px;font-weight:500;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.metric span{font-size:12px;display:block;color:var(--muted)}.metric small{font-size:10px;display:block;color:var(--olive);margin-top:3px}.metric:hover strong{color:var(--olive)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.section-heading h2{font-size:18px}.priority-box{border:1px solid #e6d9d0;border-radius:var(--radius);background:white;overflow:hidden;margin-bottom:31px}.priority-intro{padding:15px 20px;display:flex;align-items:center;gap:10px;background:#f8f2ec;color:#6e4433;font-size:12px}.priority-intro svg{width:17px}.topic-row{display:flex;align-items:center;gap:16px;padding:18px 20px;border-top:1px solid var(--line);background:white}.topic-row:first-child{border-top:0}.priority-box .topic-row{padding-top:15px;padding-bottom:15px}.topic-symbol{height:34px;width:34px;display:flex;align-items:center;justify-content:center;background:var(--red-bg);color:var(--red);border-radius:8px;flex-shrink:0}.topic-symbol.olive{background:var(--green-bg);color:var(--olive)}.topic-symbol.amber{color:var(--amber);background:#faf1df}.topic-main{flex:1;min-width:0}.topic-title{font-size:14px;font-weight:600;text-align:left;padding:0;line-height:1.5}.topic-title:hover{text-decoration:underline}.meta{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.6}.meta a:hover{text-decoration:underline}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;border-radius:4px;padding:4px 8px;white-space:nowrap;background:#f0f2eb;color:var(--muted)}.tag.red{background:var(--red-bg);color:var(--red)}.tag.green{background:var(--green-bg);color:var(--olive)}.tag.amber{background:#fbf1df;color:var(--amber)}.tag::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.topic-row .actions{flex-shrink:0}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.project-table-head{display:grid;grid-template-columns:2fr 1.2fr 1.25fr 24px;gap:14px;padding:12px 18px;font-size:10px;color:var(--muted);background:#fafbf7}.project-row{display:grid;grid-template-columns:2fr 1.2fr 1.25fr 24px;gap:14px;align-items:center;padding:18px;border-top:1px solid var(--line);min-height:89px;transition:background .16s}.project-row:hover{background:#f8faf2}.project-name{display:flex;gap:12px;align-items:center;min-width:0}.plan-tile{display:flex;align-items:center;justify-content:center;background:#f1f3e9;width:42px;height:46px;color:#77836a;border-radius:6px;flex-shrink:0}.plan-tile svg{width:27px;height:27px}.project-name strong{display:block;font-size:13px;font-weight:600}.project-name small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.project-presence{font-size:11px;color:var(--olive)}.project-presence .none{color:var(--muted)}.project-row>svg{width:16px;color:#748167}.agenda-panel{border-top:2px solid #a4b55d;padding-top:2px}.agenda-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.time{font-size:11px;color:var(--muted);min-width:36px;padding-top:2px;font-variant-numeric:tabular-nums}.agenda-line{border-left:2px solid #d4ddbb;padding-left:12px;flex:1}.agenda-line strong{display:block;font-size:12px}.agenda-line p{font-size:11px;color:var(--muted);margin-top:4px}.agenda-line a:hover{text-decoration:underline}.presence-note{background:#eaf0db;padding:18px;border-radius:8px;margin-top:20px}.presence-note>svg{color:var(--olive);margin-bottom:10px}.presence-note h3{font-size:13px}.presence-note p{font-size:11px;color:#526045;margin-top:5px}.presence-note .avatar-stack{display:flex;gap:5px;margin-top:12px}.page-footer{max-width:1600px;margin:20px auto 0;padding:20px 38px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filters{display:flex;gap:4px;flex-wrap:wrap}.filter{border:1px solid transparent;border-radius:6px;padding:8px 12px;min-height:40px;font-size:12px;color:var(--muted)}.filter:hover{background:#e8edde}.filter.active{border-color:var(--line);background:white;color:var(--ink);font-weight:600}.input-search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:7px;padding:0 12px;gap:8px}.input-search svg{width:16px;color:var(--muted)}.input-search input{background:none;border:0;min-height:42px;width:230px;outline-offset:0;font-size:13px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .16s}.project-card:hover{border-color:#a6b487}.project-cover{height:108px;background:#e9eedb;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;overflow:hidden}.project-cover>svg{width:90px;height:90px;opacity:.45;transform:rotate(-8deg);margin-top:7px}.project-card:nth-child(3n+2) .project-cover{background:#eee9df}.project-card:nth-child(3n+3) .project-cover{background:#e5ebe9}.project-card-body{padding:20px}.project-card h2{font-size:18px;letter-spacing:-.3px}.project-card .meta{font-size:11px}.project-card-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.project-card-bottom svg{width:16px}.empty{padding:46px 20px;text-align:center;color:var(--muted)}.empty svg{width:30px;height:30px;color:#7b8966;margin-bottom:12px}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}.empty p{font-size:13px}.back-link{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-bottom:21px;min-height:32px}.back-link svg{width:15px}.project-header{margin-bottom:24px}.project-info{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:12px}.presence-banner{padding:13px 17px;background:#eaf0df;border:1px solid #d9e2c8;border-radius:8px;display:flex;align-items:center;gap:10px;margin-bottom:23px;font-size:12px;color:#485939}.presence-banner span{flex:1}.presence-banner small{font-size:11px;color:#58654e}.presence-banner button{font-size:11px;text-decoration:underline;min-height:32px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px;flex-wrap:wrap}.tab{padding:12px 1px;min-height:44px;font-size:13px;border-bottom:2px solid transparent;color:var(--muted)}.tab.active{border-bottom-color:var(--olive);color:var(--ink);font-weight:600}.tab .count{font-size:10px}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:25px}.side-detail h3{font-size:13px}.side-detail{background:#eff2e7;padding:20px;border-radius:9px;align-self:start}.side-detail p{font-size:12px;color:var(--muted);margin:9px 0 18px}.mini-person{display:flex;gap:10px;margin:16px 0;align-items:center}.mini-person strong{font-size:12px;display:block}.mini-person small{display:block;color:var(--muted);font-size:11px}.topic-description{font-size:12px;color:var(--muted);margin-top:8px;max-width:65ch}.topic-list .topic-row{align-items:flex-start;padding:21px}.topic-list .actions{margin-left:5px}.topic-list .topic-main>.tag{margin-bottom:7px}.topic-meta-line{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap}.section-space{margin-top:28px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.person-row{display:flex;gap:12px;align-items:center;padding:19px 20px;border-bottom:1px solid var(--line)}.person-row:last-child{border:0}.person-row .person-text{flex:1}.person-row strong{font-size:13px;display:block}.person-row .meta{font-size:11px}.person-date{font-size:11px;color:var(--muted)}.hint{font-size:12px;color:var(--muted);margin-bottom:18px}.crew-table .person-row{padding:17px 20px}.crew-specialty{font-size:11px;color:var(--olive);display:block;margin-bottom:2px}.crew-name{font-size:14px!important}.crew-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:25px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.day{border-right:1px solid var(--line);min-height:360px}.day:last-child{border:0}.day-header{padding:18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;align-items:center}.day-header strong{font-size:24px;font-weight:500;color:var(--ink)}.day.today .day-header{background:#edf2db}.day.today .day-header strong{background:var(--ink);color:white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.cal-event{display:block;margin:12px 10px;padding:13px 11px;background:#f0f3e8;border-left:3px solid #a2b468;border-radius:5px;font-size:12px;text-align:left;width:calc(100% - 20px)}.cal-event:hover{background:#e8edda}.cal-event strong{display:block;font-size:12px;margin:5px 0}.cal-event span{color:var(--muted);font-size:11px}.cal-event.conflict{background:#f9eeeb;border-color:#bd6752}.calendar .empty{padding:26px 10px;font-size:11px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-card{border:1px solid var(--line);background:white;border-radius:9px;overflow:hidden}.photo-art{display:block;background:#e6e7de;width:100%;height:145px;padding:0}.photo-art svg{width:100%;height:100%}.photo-caption{padding:12px;display:flex;gap:8px;align-items:center;font-size:12px}.photo-caption label{display:flex;gap:7px;align-items:center;cursor:pointer;min-height:32px}.photo-caption input{accent-color:var(--olive);width:18px;height:18px}.photo-caption span{flex:1}.photo-caption .meta{font-size:10px}.notice{padding:13px 17px;background:#f1f3eb;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted);margin-bottom:20px}.document-row{display:flex;gap:15px;align-items:center;padding:25px}.document-row svg{width:32px;height:32px;color:var(--olive)}.document-row>div{flex:1}.timeline{max-width:800px}.timeline-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.timeline-item time{width:55px;flex-shrink:0;font-size:12px;color:var(--muted)}.timeline-item h3{font-size:14px}.timeline-item p{font-size:13px;color:var(--muted);margin-top:7px}.timeline-item .tag{margin-top:10px}.closed-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-top:1px solid var(--line);font-size:13px}.closed-line:first-child{border:0}dialog{border:0;border-radius:14px;padding:0;max-width:610px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;color:var(--ink);background:white;box-shadow:0 20px 70px #10190e33}dialog::backdrop{background:#15200eb0}.dialog-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:25px 28px 20px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:23px}.dialog-header .meta{font-size:12px}.icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.icon-btn:hover{background:#eef1e8}.dialog-body{padding:25px 28px}.dialog-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:17px 28px;border-top:1px solid var(--line);background:#fafbf7}.dialog-body p{font-size:14px;line-height:1.7;margin-bottom:15px}.form-grid{display:grid;gap:16px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:600}.form-grid input,.form-grid textarea,.form-grid select{border:1px solid #b7c0ac;border-radius:6px;padding:11px;background:white;width:100%;font-size:15px;font-weight:400}.form-grid textarea{min-height:95px;resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .checkbox-label{display:flex;align-items:center;gap:9px;font-weight:400}.checkbox-label input{width:18px;height:18px;accent-color:var(--olive)}.search-box{padding:16px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.search-box input{border:0;width:100%;padding:12px 0;font-size:16px}.search-result{display:flex;gap:12px;align-items:center;padding:14px 12px;border-radius:6px;width:100%;text-align:left}.search-result:hover{background:#f0f3e7}.search-result strong{font-size:13px;display:block}.search-result small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.search-results{padding:10px 16px;max-height:480px;overflow:auto}.photo-large svg{width:100%;height:auto;max-height:400px}.about-list{margin:0;padding-left:20px;font-size:13px;line-height:1.9}.about-list li{margin:8px 0}.about-list strong{font-weight:600}.about-callout{background:#eef3df;border-radius:8px;padding:15px;margin-top:20px;font-size:12px;color:#4b5c3b}#toast{position:fixed;bottom:24px;left:calc(50% + 109px);transform:translateX(-50%);background:var(--ink);color:white;padding:13px 22px;border-radius:8px;font-size:13px;max-width:90vw;z-index:90;box-shadow:0 8px 30px #17211322;display:none}#toast.show{display:block}.error{color:var(--red);font-size:12px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pending-note{font-size:11px;color:var(--amber)}
@media(min-width:1500px){main{padding-top:40px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 320px}.project-row{min-height:94px}.topic-title{font-size:15px}}
@media(max-width:1200px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.workspace{margin-left:190px}.topbar{padding:0 26px;gap:15px}.top-date{display:none}main{padding:28px 26px}.demo-strip{padding-left:26px;padding-right:26px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.project-table-head,.project-row{grid-template-columns:1.7fr 1fr 20px}.project-table-head>:nth-child(3),.project-row>.project-presence{display:none}.metric{padding:1px 15px;gap:12px}.metric strong{font-size:29px}.detail-columns{grid-template-columns:minmax(0,1fr) 220px}.topic-row{gap:11px}.topic-list .topic-row{flex-wrap:wrap}.topic-list .actions{margin-left:45px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.day{border-bottom:1px solid var(--line)}.day:nth-child(3){border-right:0}.crew-grid{grid-template-columns:1fr}.crew-grid .side-detail{display:none}#toast{left:calc(50% + 95px)}}
@media(max-width:930px){.dashboard-columns{grid-template-columns:1fr}.today-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.today-column .section-heading{grid-column:1/-1;margin-bottom:0}.today-column .presence-note{margin-top:0}.metric{align-items:flex-start;flex-direction:column;gap:8px}.metric strong{font-size:30px}.summary-band{padding:17px 0}.priority-box .tag{display:none}.detail-columns{grid-template-columns:1fr}.side-detail{display:none}.tabs{gap:15px}.people-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.project-header{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){body{font-size:16px}.sidebar{position:relative;width:100%;padding:10px 14px;display:block}.brand{padding:0;display:flex;align-items:center;justify-content:space-between}.brand img{width:89px;height:49px}.brand>span{margin:0;font-size:11px}.sidebar nav{display:flex;gap:1px;justify-content:space-between;margin-top:9px}.nav-link{flex-direction:column;gap:4px;padding:8px 5px;min-height:52px;font-size:10px;border-radius:6px;flex:1}.nav-link svg{width:17px;height:17px}.nav-count{display:none}.sidebar-bottom{display:none}.workspace{margin-left:0}.topbar{height:55px;padding:0 18px;font-size:11px}.search-trigger{font-size:11px}.search-trigger kbd{display:none}.demo-strip{padding:7px 18px;font-size:10px;align-items:flex-start}.demo-strip button{font-size:10px;max-width:110px;text-align:right;min-height:30px}.demo-long{display:none}main{padding:24px 18px 20px}.page-header{align-items:flex-start;margin-bottom:23px;gap:16px}.page-header h1{font-size:29px}.page-header .header-actions .btn{font-size:11px;padding:9px 10px}.page-header .header-actions .btn svg{display:none}.eyebrow{font-size:11px}.subtitle{font-size:12px}.summary-band{grid-template-columns:repeat(2,1fr);gap:18px 0;margin-bottom:24px}.metric{flex-direction:row;gap:13px;align-items:center;padding:0 12px!important}.metric:nth-child(odd){padding-left:0!important}.metric:nth-child(2){border:0}.metric strong{font-size:28px}.metric span{font-size:11px}.metric small{font-size:10px}.section-heading h2{font-size:17px}.priority-intro{padding:13px 15px;line-height:1.6}.topic-row{padding:16px 14px!important;flex-wrap:wrap;align-items:flex-start}.topic-title{font-size:13px}.topic-symbol{width:29px;height:29px}.topic-row .actions{margin-left:40px}.topic-main{min-width:calc(100% - 45px)}.priority-box .topic-row .actions{margin-top:-3px}.priority-box .topic-row .btn{min-height:36px}.project-table-head,.project-row{grid-template-columns:minmax(0,1fr) 112px 16px;gap:9px;padding:14px 12px}.project-table-head{font-size:10px}.project-name{gap:9px}.project-name strong{font-size:12px}.plan-tile{width:33px;height:40px}.plan-tile svg{width:24px}.tag{font-size:10px;padding:4px 6px}.today-column{display:block}.today-column .section-heading{margin-bottom:13px}.today-column .presence-note{margin-top:17px}.projects-grid{grid-template-columns:1fr}.project-cover{height:90px}.toolbar{align-items:stretch}.input-search{width:100%}.input-search input{width:100%;font-size:16px}.filters{gap:2px}.filter{font-size:11px;padding:8px 10px}.tabs{gap:0;display:grid;grid-template-columns:repeat(3,1fr)}.tab{padding:11px 3px;font-size:12px}.tabs .count{margin-left:3px}.presence-banner{align-items:flex-start;flex-wrap:wrap}.presence-banner small{display:block;margin-top:4px}.presence-banner button{margin-left:30px}.project-info{font-size:11px}.project-header .header-actions{width:100%}.project-header .header-actions .btn{font-size:12px;flex:1}.topic-list .topic-main{min-width:calc(100% - 42px)}.topic-list .actions{margin-left:40px}.photo-grid{gap:10px}.photo-art{height:120px}.photo-caption{padding:10px;font-size:11px}.photo-caption label{align-items:flex-start}.photo-caption .meta{font-size:10px}.document-row{padding:20px;flex-wrap:wrap}.document-row>.actions{width:100%}.calendar{grid-template-columns:1fr}.day{min-height:0;border-right:0}.day-header{padding:10px 17px}.day-header strong{font-size:20px}.day.today .day-header strong{width:33px;height:33px}.cal-event{margin:10px 16px;width:calc(100% - 32px);padding:13px}.cal-event strong{font-size:14px}.cal-event span{font-size:12px}.calendar .empty{padding:18px;text-align:left}.crew-table .person-row{flex-wrap:wrap}.crew-table .person-row .actions{margin-left:47px}.crew-table .person-text{min-width:calc(100% - 52px)}.person-row .person-date{display:none}.dialog-header{padding:21px 20px}.dialog-header h2{font-size:21px}.dialog-body{padding:21px 20px}.dialog-footer{padding:17px 20px}.form-two{grid-template-columns:1fr}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.page-footer{padding:20px 18px;gap:20px;font-size:9px}#toast{left:50%;bottom:20px;width:max-content}.btn{min-height:44px}.icon-btn{min-width:44px;min-height:44px}.link-btn{min-height:44px}.timeline-item{gap:12px}.search-box{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.photo-caption .meta{display:block}.topic-list .topic-main>.tag{margin-right:7px}.compact-context{display:none}@media(max-width:930px){.compact-context{display:block;color:var(--olive);font-size:11px;margin-top:3px}.compact-context.blocked{color:var(--red)}}

/* Adapter for the existing production DOM, auth and forms. */
:root{--fonto:var(--paper);--epifaneia:#fff;--keimeno:var(--ink);--gkri:var(--muted);--gkri-anoixto:#62685f;--grammi:var(--line);--kokkino:var(--red);--portokali:#845718;--prasino:var(--olive)}
body{font-family:Arial,Helvetica,sans-serif}.krymmeno{display:none!important}button{width:auto}button:hover{opacity:1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #788b2b;outline-offset:3px}.sidebar .karteles{display:grid;border:0;gap:8px}.sidebar .kartela{font-size:14px;display:flex;align-items:center;gap:13px;border:0;padding:12px 14px;color:#bdc4b6;border-radius:7px;font-weight:400;min-height:48px}.sidebar .kartela.energi{background:var(--lime);color:var(--ink);font-weight:600}.sidebar .kartela:after{display:none}.sidebar .menou-xristi{position:relative}.sidebar .profile{background:none;border:0;width:100%;color:white;text-align:left;white-space:normal}.sidebar .anaptysso{bottom:100%;top:auto;left:0;right:0;min-width:180px}.sidebar .anaptysso-item{width:100%;color:var(--ink)}.anamoni-simadi{margin-left:auto;background:#e9d5a8;color:#3f432b}.perioxi{max-width:1600px;margin:auto;padding:34px 38px 25px}.topbar .btn{color:var(--ink);background:#fff}.topbar .search-trigger{color:var(--muted);border:0;background:none}.topbar .search-trigger>span{display:flex}.page-header h1{font-size:clamp(28px,2.8vw,40px);font-weight:500;line-height:1.2}.kefalida-ergou{margin:0 0 25px;padding:0;border:0}.kefalida-ergou h1{font-size:clamp(28px,2.8vw,40px);font-weight:500}.kefalida-panw{align-items:flex-start;gap:20px}.ypotitlos-ergou{font-size:13px;color:var(--muted);margin-top:12px}.titlos-tmimatos{text-transform:none;letter-spacing:-.3px;font-size:18px;font-weight:600;color:var(--ink);margin-bottom:15px}.tmima{margin-bottom:27px}.lista{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.grammi{border-bottom:1px solid var(--line);padding:20px;gap:15px;align-items:flex-start}.grammi:last-child{border-bottom:0}.grammi-mesa{min-width:0;overflow-wrap:anywhere}.grammi-titlos{font-size:14px;line-height:1.5;color:var(--ink)}.grammi-ypo,.grammi-perigrafi{font-size:12px;line-height:1.7;color:var(--muted);margin-top:7px}.grammi-dexia{gap:8px}.energeia,button.mikro,button.kyrio{min-height:40px;padding:9px 13px;font-size:12px;border-radius:7px}.energeia,button.mikro{background:#fff;color:var(--ink);border:1px solid var(--line)}.energeia:hover,button.mikro:hover{background:#eef1e7}.energeies{gap:8px}.simadi{font-size:11px;border:0;border-radius:4px;background:#f0f2eb;color:var(--muted);padding:4px 8px}.simadi.epeigon{background:var(--red-bg);color:var(--red)}.simadi.prosoxi{background:#fbf1df;color:var(--amber)}.teleia{margin-top:7px;width:7px;height:7px}.etiketa-typou{font-size:10px;color:var(--olive);display:block;letter-spacing:.2px;margin-bottom:5px}.klik:hover{background:#f6f8ef}.imera-kefalida{background:#edf2df;padding:14px;color:var(--olive)}.imera-onoma{font-size:13px}.omada-titlos{font-size:16px;color:var(--ink);letter-spacing:0;text-transform:none}.nl-calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nl-calendar .grammi{flex-wrap:wrap;padding:16px}.nl-calendar .grammi-titlos{font-size:13px}.nl-calendar .imera{margin:0}.nl-calendar .grammi-dexia{margin-left:20px}.nl-calendar .lista{border-top-left-radius:0;border-top-right-radius:0}.nl-calendar .imera-kefalida{border-radius:8px 8px 0 0}.nl-calendar .grammi-mesa{flex-basis:75%}#nl-today h2{font-size:18px;margin-bottom:15px}.agenda-item{min-height:72px}.agenda-item p{font-size:12px}.agenda-line strong{font-size:13px}.metric{border-top:0;border-bottom:0;border-left:0;border-radius:0;background:none;color:var(--ink)}.metric span{font-size:12px}.summary-band{margin-bottom:30px}.project-table-head,.project-row{grid-template-columns:1.7fr 1fr 1.2fr 18px}.project-row{padding:18px 15px;gap:12px}.project-name strong{font-size:14px}.project-name small{font-size:11px}.project-card .project-cover>svg{height:80px;width:80px}.project-card{color:var(--ink)}.project-card-body h2{font-size:20px}.input-search input{margin:0;border:0;background:none;width:240px}.filter{background:none;border-color:transparent;color:var(--muted);font-weight:400}.filter.active{background:white;color:var(--ink);border:1px solid var(--line)}.nl-issue-filters{margin-bottom:20px}.nl-panel .hint{margin-top:15px}.nl-panel .tmima{margin-top:0}.presence-banner{line-height:1.7}.tabs .tab{background:none;border-radius:0;text-decoration:none}.piso{font-size:12px;color:var(--muted);margin:0 0 24px;display:inline-flex}.prosfora{margin-top:0;padding:20px;background:white;border:1px solid var(--line);border-radius:10px}.prosfora .prosfora-syndesmos{color:var(--olive)}.nl-photo-card{margin:0;min-width:0}.nl-thumbnail{padding:0;border:0;background:#eef0e8;border-radius:8px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:70px;min-height:70px}.nl-thumbnail img{display:block;width:100%;height:150px;object-fit:cover;border-radius:0}.foto-seira{gap:10px}.foto-seira .nl-thumbnail{width:100px;height:78px}.foto-seira .nl-thumbnail img{height:78px}.plegma{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.plegma .nl-thumbnail{width:100%;height:150px}.nl-photo-error{border:1px dashed #b78366;color:var(--red);padding:8px}.nl-photo-close{position:absolute;right:20px;top:20px;background:white;color:var(--ink);border:0;border-radius:50%;font-size:26px;width:44px;height:44px;padding:0;z-index:2}.provoli{z-index:110}.parathyro{z-index:100}.parathyro-kouti{border:0;border-radius:14px;background:#fff;max-width:610px}.parathyro-kefalida h2{font-size:22px;font-weight:500}.parathyro-kefalida{padding:23px 28px;border-bottom:1px solid var(--line)}.parathyro-soma{padding:23px 28px}.parathyro-podi{padding:17px 28px;background:#fafbf7;gap:10px;flex-wrap:wrap}.parathyro input,.parathyro textarea,.parathyro select{border-color:#b7c0ac;font-size:15px;background:white}.parathyro label{color:var(--ink);font-size:12px}.parathyro .hint{font-size:12px;margin-bottom:12px}.parathyro button.epikindyno{font-size:12px}.nl-modal-open{overflow:hidden}.kentro{background:var(--paper)}.kouti{max-width:430px;padding:40px;border:1px solid var(--line);box-shadow:none}.kouti h1{font-size:27px;font-weight:500;line-height:1.25;margin-top:25px}.nl-login-brand{background:var(--ink);padding:20px 28px;margin:-40px -40px 0;border-radius:12px 12px 0 0}.nl-login-brand img{object-fit:contain}.kouti input{font-size:16px;border-color:#b7c0ac}.kouti button{width:100%;background:var(--ink);color:white}.kouti .ypotitlos{margin-top:10px}.kouti a{color:var(--olive)}.katastasi{font-size:13px;padding:15px;border-radius:8px;background:#eef2e6;margin-bottom:20px}.katastasi.kako{color:var(--red);background:var(--red-bg)}.nl-loading{visibility:hidden;pointer-events:none}#nl-search-dialog{z-index:120}#nl-search-dialog .hint{padding:0 24px;margin-top:10px}#nl-search-dialog button{background:none;color:var(--ink);border:0}#nl-search-dialog input{margin:0}#nl-search-dialog .search-result:hover{background:#eef3e4}.minyma{z-index:130;background:var(--ink);font-size:13px}.nl-calendar .tilefono{font-size:12px}.crew-specialty{font-size:11px;color:var(--olive)}.nl-panel .lista:empty{display:none}
@media(max-width:1200px){.perioxi{padding:28px 26px}.project-table-head,.project-row{grid-template-columns:1.7fr 1fr 18px}.nl-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.plegma{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:930px){.nl-calendar{grid-template-columns:1fr}.dashboard-columns{grid-template-columns:1fr}.nl-thumbnail img{height:130px}.kefalida-panw{flex-direction:column}.kefalida-koumpia{justify-content:flex-start}.sidebar .kartela{font-size:13px}.topbar{gap:12px}}
@media(max-width:700px){.sidebar .karteles{display:flex;gap:2px;justify-content:space-between;margin-top:9px}.sidebar .kartela{flex-direction:column;gap:5px;flex:1;font-size:10px;padding:8px 4px;min-height:55px}.sidebar .sidebar-bottom{display:block;position:absolute;right:100px;top:13px;max-width:140px}.sidebar .workspace-label{display:none}.sidebar .profile{font-size:10px;min-height:30px;padding:4px}.sidebar .anaptysso{top:100%;bottom:auto;right:0;left:auto}.sidebar .profile:after{content:' ▾'}.sidebar .anamoni-simadi{position:absolute;top:3px;right:6px;margin:0;font-size:9px}.sidebar .kartela{position:relative}.perioxi{padding:24px 18px}.topbar .btn{font-size:11px;padding:8px;min-height:36px}.topbar .search-trigger{font-size:11px;margin-left:auto;padding:5px}.topbar #nl-breadcrumb{font-size:11px;max-width:110px;overflow-wrap:anywhere}.page-header{flex-direction:column;align-items:flex-start}.page-header h1,.kefalida-ergou h1{font-size:29px}.page-header .btn{min-height:40px;font-size:12px}.kefalida-koumpia{flex-wrap:wrap;gap:8px;width:100%}.kefalida-koumpia .energeies{flex-wrap:wrap}button.mikro,.energeia{min-height:44px}.grammi{flex-wrap:wrap;gap:10px;padding:17px}.grammi-mesa{flex:1 1 calc(100% - 30px)}.grammi-dexia{margin-left:17px;flex-direction:row;align-items:center;flex-wrap:wrap}.grammi-titlos{font-size:14px}.grammi-ypo,.grammi-perigrafi{font-size:13px}.project-table-head,.project-row{grid-template-columns:minmax(0,1fr) 110px 16px;padding:14px 12px;gap:9px}.project-name strong{font-size:12px}.project-name small{font-size:10px}.summary-band .metric{padding-left:0!important}.input-search{width:100%}.input-search input{width:100%;font-size:16px}.plegma{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plegma .nl-thumbnail{height:130px}.nl-thumbnail img{height:130px}.parathyro-soma{padding:20px}.parathyro-kefalida{padding:20px}.parathyro-podi{padding:16px 20px}.parathyro input,.parathyro textarea,.parathyro select{font-size:16px}.zevgari{grid-template-columns:1fr}.kouti{padding:28px}.nl-login-brand{margin:-28px -28px 0}.tabs{gap:0}.nl-issue-filters{gap:1px}.filter{font-size:11px;padding:8px 9px;min-height:44px}.nl-calendar{grid-template-columns:1fr}.provoli img{max-width:95vw}.prosfora{flex-wrap:wrap;padding:17px}.titlos-tmimatos{font-size:17px}}

.nl-ergo-odigia { margin: -14px 0 20px; line-height: 1.5; }

/* ---------- Εβδομαδιαίο πλέγμα ---------- */

.nl-week-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.nl-week-range{font-size:19px;font-weight:700;letter-spacing:-.3px;margin:0;color:var(--ink)}
.nl-week-nav{display:flex;gap:7px}
.nl-week-nav .mikro{min-width:38px}
.nl-week-nav .mikro:disabled{opacity:.35}

.nl-week-warn{display:flex;align-items:flex-start;gap:11px;background:var(--red-bg);
  border-radius:var(--radius);padding:13px 16px;margin-bottom:16px;font-size:13px;line-height:1.5}
.nl-week-warn b{color:var(--red);white-space:nowrap}

/* Η οριζόντια κύλιση είναι που το κάνει να δουλεύει σε κινητό. */
.nl-week-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.nl-week-grid{display:grid;grid-template-columns:repeat(7,minmax(152px,1fr));min-width:100%}

.nl-day{border-right:1px solid var(--line);display:flex;flex-direction:column}
.nl-day:last-child{border-right:0}
.nl-day.simera{background:var(--green-bg)}
.nl-day.perase{background:#fbfbf9}

.nl-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:15px 14px;border-bottom:1px solid var(--line);min-height:62px}
.nl-day-name{font-size:12.5px;color:var(--muted)}
.nl-day.simera .nl-day-name{color:var(--ink);font-weight:600}
.nl-day-num{font-size:19px;font-weight:600;color:var(--ink);line-height:1}
.nl-day.simera .nl-day-num{background:var(--ink);color:var(--white);border-radius:50%;
  width:31px;height:31px;display:flex;align-items:center;justify-content:center;font-size:15px}

.nl-day-body{padding:11px;display:flex;flex-direction:column;gap:9px;flex:1;min-height:150px}
.nl-day-empty{font-size:12.5px;color:var(--gkri-anoixto);padding:10px 3px}

.nl-ev{display:block;text-decoration:none;background:var(--green-bg);
  border-left:3px solid var(--olive);border-radius:8px;padding:11px 12px;transition:opacity .15s}
.nl-ev:hover{opacity:.82}
.nl-ev.syngrousi{background:var(--red-bg);border-left-color:var(--red)}
.nl-ev-ergo{font-size:11.5px;color:var(--muted);margin-bottom:3px}
.nl-ev-titlos{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.32;margin-bottom:3px}
.nl-ev-syn{font-size:12px;color:var(--muted);line-height:1.35}
.nl-ev-flag{font-size:11.5px;color:var(--red);margin-top:4px}

@media (max-width:620px){
  .nl-week-bar{gap:10px}
  .nl-week-range{font-size:16px}
  .nl-week-grid{grid-template-columns:repeat(7,minmax(138px,1fr))}
}

/* ---------- Ομάδα ---------- */

.melos-katastasi{font-size:12.5px;color:var(--muted);margin-top:3px}
.melos-katastasi .prasino{color:var(--olive)}
.melos-katastasi .leipei{color:var(--amber)}

/* Διακόπτης ειδοποιήσεων */
.nl-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font-size:12.5px;color:var(--muted);white-space:nowrap;
  background:none;border:0;padding:0;font-family:inherit}
.nl-switch-track{width:38px;height:22px;border-radius:999px;background:var(--line);
  position:relative;transition:background .18s;flex:none}
.nl-switch-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;
  background:var(--white);transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.nl-switch.on .nl-switch-track{background:var(--olive)}
.nl-switch.on .nl-switch-knob{transform:translateX(16px)}
.nl-switch.on{color:var(--ink)}
.nl-switch:disabled{opacity:.45;cursor:default}

.grammi.eimai-ego .grammi-titlos::after{content:" · εσύ";color:var(--muted);font-weight:400;font-size:12.5px}
.grammi.anenergos .grammi-titlos{color:var(--gkri-anoixto)}

.melos-katastasi .kokkino{color:var(--red);font-weight:600}

/* ---------- Διαγραφή φωτογραφίας ---------- */

.nl-thumb-wrap{position:relative;display:block}

.nl-thumb-del{
  position:absolute;top:6px;right:6px;width:23px;height:23px;
  border:0;border-radius:50%;padding:0;cursor:pointer;
  background:rgba(17,19,24,.68);color:#fff;
  font-size:15px;line-height:23px;text-align:center;
  opacity:.55;transition:opacity .15s,background .15s}

.nl-thumb-wrap:hover .nl-thumb-del{opacity:1}
.nl-thumb-del:hover{background:var(--red,#b42318);opacity:1}
.nl-thumb-del:disabled{opacity:.3;cursor:default}

/* Σε αφή δεν υπάρχει hover — το κουμπί μένει ορατό. */
@media (hover:none){ .nl-thumb-del{opacity:.8} }

/* ---------- Ποιος είναι πού ---------- */
.nl-pou-titlos{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nl-pou-legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}
.nl-pou{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.nl-pou-head,.nl-pou-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1.1fr) 18px;gap:20px}
.nl-pou-head{padding:12px 20px;font-size:11px;color:var(--muted);background:#fafbf7}
.nl-pou-row{padding:18px 20px;border-top:1px solid var(--line);color:var(--ink);align-items:start;transition:background .16s;cursor:pointer}
.nl-pou-row:hover{background:#f8faf2}
.nl-pou-arrow{display:flex;color:#748167;margin-top:3px}
.nl-pou-arrow svg{width:16px}
.nl-pou-link{color:var(--ink)}
.nl-pou-link:hover{text-decoration:underline}
.nl-pou-ergo strong{display:block;font-size:15px;font-weight:600;line-height:1.35}
.nl-pou-meta{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.nl-pou-meta small{font-size:12px;color:var(--muted)}
.nl-pou-col{display:flex;flex-direction:column;gap:7px;min-width:0}
.nl-pou-lbl{display:none}
.nl-pou-keno{font-size:13px;color:var(--muted)}
.nl-pou-p{display:flex;align-items:baseline;gap:9px;font-size:14px;line-height:1.4}
.nl-pou-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--olive);transform:translateY(-1px)}
.nl-pou-p.anamenetai .nl-pou-dot{background:transparent;border:1.5px solid #8a9180}
.nl-pou-p.syngrousi .nl-pou-dot{background:var(--red);border-color:var(--red)}
.nl-pou-p.syngrousi .nl-pou-rolos{color:var(--red)}
.nl-pou-onoma{font-weight:500}
.nl-pou-rolos{color:var(--muted);font-size:13px}
.nl-pou-legend .nl-pou-p{font-size:12px;color:var(--muted)}
.nl-pou-hint{margin-top:10px}
.nl-pou-x{flex:none;align-self:center;margin-left:auto;min-width:28px;min-height:28px;padding:0 6px;border-radius:6px;color:var(--muted);font-size:16px;line-height:1}
.nl-pou-x:hover{background:var(--red-bg);color:var(--red)}
.nl-pou-x.sigoura{background:var(--red);color:#fff;font-size:12px}
.nl-pou-add{align-self:flex-start;margin-top:2px;min-height:32px;padding:4px 10px;border:1px dashed #b7c0ac;border-radius:6px;font-size:12px;color:var(--olive);background:transparent}
.nl-pou-add:hover{background:#eef1e7;border-style:solid}
#nl-pou-dialog{max-width:480px}
#nl-pou-dialog select{width:100%;min-height:44px;margin:6px 0 10px;border:1px solid #b7c0ac;border-radius:6px;padding:10px;background:#fff;font-size:15px}
#nl-pou-dialog label{font-size:12px;font-weight:600;color:var(--ink)}
#nl-pou-dialog .forma-lathos{min-height:18px}
#nl-pou-dialog .hint{margin:6px 0 0}
@media(max-width:700px){
  .nl-pou-head{display:none}
  .nl-pou-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
  .nl-pou-arrow{display:none}
  .nl-pou-lbl{display:block;font-size:11px;letter-spacing:.3px;color:var(--olive);margin-top:4px}
  .nl-pou-add,.nl-pou-x{min-height:40px}
  #nl-pou-dialog select{font-size:16px}
}

/* ---------- Φόρμα: κύριο κουμπί και εξήγηση τύπου ---------- */
.parathyro button.kyrio{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.parathyro button.kyrio:hover{background:#424d36}
.nl-typos-exigisi{margin:-8px 0 18px;min-height:18px}
#tmima-xexasmena .hint,#tmima-xoris .hint,#tmima-programma .hint{margin:-8px 0 12px}
#tmima-prosoxi .hint{margin:-8px 0 12px}

/* Ώρα ραντεβού */
.imer-ora{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--keimeno)}
.imerominia.perase .imer-ora{color:inherit}
.nl-ev-ora{font-size:12.5px;font-weight:700;color:var(--keimeno);font-variant-numeric:tabular-nums;margin-bottom:2px}
.nl-pou-ora{font-weight:600;font-variant-numeric:tabular-nums}
#pedio-ora.aorato{visibility:hidden}
.ora-katharise{background:none;border:0;padding:0 0 0 6px;margin:0;font:inherit;font-size:12px;font-weight:400;color:var(--gkri);text-decoration:underline;cursor:pointer;min-height:0;width:auto}
.ora-katharise:hover{color:var(--keimeno)}
@media (max-width: 620px){#pedio-ora.aorato{display:none}}

/* Ομάδες θεμάτων: κάρτα με δικό της τίτλο, θέματα μέσα σε μικρότερο μέγεθος */
.omada-karta{margin:14px 12px;border:1.5px solid var(--olive);border-left:6px solid var(--olive);border-radius:12px;background:var(--epifaneia);overflow:hidden;box-shadow:0 1px 3px rgba(40,50,30,.08)}
.omada-kef{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 13px;background:var(--green-bg);border-bottom:1.5px solid color-mix(in srgb, var(--olive) 35%, transparent)}
.omada-kef-mesa{min-width:0}
.omada-etiketa{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--olive)}
.omada-karta .omada-titlos{font-size:20px;font-weight:800;line-height:1.25;margin-top:3px;color:var(--keimeno)}
.omada-meta{font-size:12.5px;color:var(--gkri);margin-top:3px}
.omada-meli{background:var(--epifaneia)}
.omada-meli .grammi.melos{padding:10px 16px 10px 28px;border-bottom:0.5px solid var(--grammi)}
.omada-meli .grammi.melos:last-child{border-bottom:none}
.omada-meli .grammi.melos .grammi-titlos{font-size:13.5px;font-weight:500}
.omada-meli .grammi.melos .grammi-ypo,.omada-meli .grammi.melos .grammi-perigrafi{font-size:12.5px}
.omada-meli .grammi.melos .etiketa-typou{font-size:9.5px}
#lista-themata > .omada-karta + .grammi, #lista-themata > .grammi + .omada-karta{border-top:none}
#omada-dialog{width:min(460px,calc(100vw - 32px));padding:24px;border:1px solid var(--grammi);border-radius:12px;color:var(--keimeno);background:var(--epifaneia)}
#omada-dialog::backdrop{background:rgba(20,25,18,.45)}
#omada-dialog h2{margin:0 0 14px;font-size:19px}
#omada-dialog input{width:100%}
.omada-dialog-koumpia{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
@media (max-width:700px){.omada-karta{margin:10px}.omada-kef{flex-wrap:wrap}.omada-meli .grammi.melos{padding-left:20px}}

/* ---------- Οικονομικά (τιμολόγια, πληρωμές, υπόλοιπα) ---------- */
.tim-header-actions{display:flex;gap:8px;flex-wrap:wrap}
.tim-seg{display:inline-flex;gap:3px;padding:3px;background:#eceee6;border-radius:9px;margin-bottom:18px;flex-wrap:wrap;max-width:100%}
.tim-seg-btn{min-height:36px;padding:7px 14px;border-radius:7px;font-size:12.5px;color:var(--muted);background:none;border:0;font-weight:500}
.tim-seg-btn:hover{color:var(--ink)}
.tim-seg-btn.active{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(32,35,31,.14)}

.tim-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}
.tim-kpi{display:flex;flex-direction:column;gap:6px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);transition:border-color .16s}
.tim-kpi:hover{border-color:#bdc6af}
.tim-kpi-lbl{font-size:12px;color:var(--muted)}
.tim-kpi-val{font-size:26px;font-weight:500;letter-spacing:-.6px;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tim-kpi-note{font-size:11.5px;color:var(--olive)}
.tim-kpi.kyrio{background:var(--ink);border-color:var(--ink);color:#fff}
.tim-kpi.kyrio:hover{border-color:var(--olive)}
.tim-kpi.kyrio .tim-kpi-lbl{color:#c5cbbd}
.tim-kpi.kyrio .tim-kpi-note{color:var(--lime)}
.tim-kpi.prosoxi{border-color:#e9cf9f;background:#fffaf0}
.tim-kpi.prosoxi .tim-kpi-note{color:var(--amber)}

.tim-tabs .tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tim-count{display:inline-flex;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:var(--amber);color:#fff;font-size:11px;font-weight:600;align-items:center;justify-content:center}

.tim-toolbar{align-items:center}
.tim-toolbar-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tim-select{width:auto;min-height:42px;margin:0;padding:9px 34px 9px 12px;font-size:13px;border:1px solid var(--line);border-radius:7px;background-color:#fff;max-width:240px}
.tim-hint{margin:-8px 0 14px}
.tim-adeio{padding:28px 22px;font-size:14px;color:var(--muted);background:#fff;border:1px dashed #cfd6c4;border-radius:12px;text-align:center}
.tim-lista .tim-adeio{border:0;border-radius:0}
.tim-muted{color:var(--muted)}
.tim-amber{color:var(--amber)}
.tim-red{color:var(--red)}
.tim-green{color:var(--olive)}
.tim-mikro{font-size:12.5px;margin:-4px 0 12px}
.tim-warn{margin:0;padding:8px 11px;border-radius:7px;background:var(--red-bg);color:var(--red);font-size:12.5px;line-height:1.45;overflow-wrap:anywhere}
.tim-mob{display:none}

/* Πίνακες */
.tim-head,.tim-row{display:grid;gap:14px;align-items:center;padding:14px 18px}
.tim-head{padding-top:11px;padding-bottom:11px;font-size:10.5px;color:var(--muted);background:#fafbf7;letter-spacing:.2px}
.tim-row{border-top:1px solid var(--line);min-height:66px;color:var(--ink);transition:background .14s;cursor:pointer}
.tim-head+.tim-row{border-top:1px solid var(--line)}
.tim-row:hover{background:#f8faf2}
.tim-row.xoris-klik{cursor:default}
.tim-row.xoris-klik:hover{background:none}
.tim-row>svg{width:16px;color:#748167}
.tim-row.akyro{opacity:.62}
.tim-row.akyro .tim-c-poso strong{text-decoration:line-through}
.tim-row.kleisto .tim-c-who strong{color:var(--muted)}
.tim-row-t{grid-template-columns:24px 96px minmax(0,1.7fr) minmax(0,1.1fr) 128px 150px 16px}
.tim-row-p{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 130px 130px 140px 16px}
.tim-row-pl{grid-template-columns:96px minmax(0,1.5fr) 140px 120px minmax(0,1.2fr) 96px}
.tim-row-e{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 80px 130px 100px 110px}
.tim-row-k{grid-template-columns:96px minmax(0,1.8fr) 140px 140px}
.tim-head.tim-row-t span:nth-child(5),
.tim-head.tim-row-p span:nth-child(3),.tim-head.tim-row-p span:nth-child(4),.tim-head.tim-row-p span:nth-child(5),
.tim-head.tim-row-pl span:nth-child(4),
.tim-head.tim-row-e span:nth-child(3),.tim-head.tim-row-e span:nth-child(4),
.tim-head.tim-row-k span:nth-child(3),.tim-head.tim-row-k span:nth-child(4){text-align:right}
.tim-c-date strong{display:block;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.tim-c-date small{display:block;font-size:11px}
.tim-c-who{min-width:0}
.tim-c-who strong{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.tim-c-who small{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.tim-ic{width:14px!important;height:14px!important;color:var(--muted)}
.tim-c-ergo{font-size:13px;min-width:0;overflow-wrap:anywhere}
.tim-c-et{font-size:12.5px;color:var(--muted);min-width:0;overflow-wrap:anywhere}
.tim-c-num,.tim-c-poso{text-align:right;font-variant-numeric:tabular-nums}
.tim-c-num{font-size:13px}
.tim-c-num strong{display:block;font-weight:500}
.tim-c-num small,.tim-c-poso small{display:block;font-size:11px;color:var(--muted)}
.tim-c-poso strong{display:block;font-size:14.5px;font-weight:600}
.tim-ypoloipo.xrei strong{color:var(--red)}
.tim-ypoloipo.pistosi strong{color:var(--olive)}
.tim-c-st{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tim-c-note{font-size:12.5px;min-width:0;overflow-wrap:anywhere}
.tim-c-note small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.tim-c-note small.tim-red{color:var(--red)}
.tim-c-act{display:flex;justify-content:flex-end}
.tim-row-warn{grid-column:2 / -1;margin-top:-4px}
.tim-kinisi.xreosi{color:var(--ink)}
.tim-kinisi.pistosi{color:var(--olive)}
.tim-more{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;min-height:48px;color:var(--olive);font-weight:600;justify-content:center}
.tim-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 4px 0;font-size:12.5px;font-variant-numeric:tabular-nums}

/* Εκκρεμή */
.tim-ekk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.tim-ekk{display:flex;flex-direction:column;gap:10px;padding:18px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:12px;transition:opacity .3s,transform .3s;min-width:0}
.tim-ekk.tim-fevgei{opacity:.35;transform:scale(.98)}
.tim-ekk-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.tim-ekk-who{min-width:0}
.tim-ekk-who strong{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.tim-ekk-who small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.tim-ekk-poso{font-size:18px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.tim-ekk-pedio{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.tim-ekk-pedio span{display:inline-block;margin-right:8px;font-size:10.5px;letter-spacing:.3px;color:var(--olive);text-transform:uppercase}
.tim-ekk-ylika{margin:0;font-size:12.5px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.tim-protasi{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline;text-align:left;padding:8px 11px;min-height:0;border:1px dashed #b7c0ac;border-radius:7px;background:#f8faf2;font-size:12px;font-weight:400;color:var(--muted)}
.tim-protasi strong{color:var(--olive)}
.tim-protasi:hover{border-style:solid;background:var(--green-bg)}
.tim-ekk-actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}
.tim-ekk-actions .tim-select{flex:1;max-width:none;min-width:0}

/* Παράθυρα */
dialog.tim-dialog{max-width:640px}
dialog.tim-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
dialog.tim-dialog>.dialog-header,dialog.tim-dialog>.dialog-footer{flex:none}
dialog.tim-dialog>.dialog-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.tim-hint-katw{margin:10px 0 0}
dialog.tim-dialog.tim-mesaio{max-width:540px}
dialog.tim-dialog.tim-platy{max-width:1120px}
.tim-dlg-titlos{min-width:0}
.tim-dlg-titlos h2{overflow-wrap:anywhere}
.tim-dlg-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.tim-dlg-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;align-items:start}
.tim-preview{position:sticky;top:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.tim-pages{display:flex;gap:6px;flex-wrap:wrap}
.tim-page{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12px;font-weight:400;color:var(--muted)}
.tim-page.active{border-color:var(--ink);color:var(--ink);font-weight:600}
.tim-frame{height:62vh;min-height:340px;border:1px solid var(--line);border-radius:10px;background:#f1f3ec;overflow:auto;display:flex;align-items:flex-start;justify-content:center}
.tim-frame img{display:block;max-width:100%;height:auto;cursor:zoom-in}
.tim-frame.tim-zoom img{max-width:none;width:200%;cursor:zoom-out}
.tim-frame iframe{width:100%;height:100%;border:0;background:#fff}
.tim-preview-msg{align-self:center;margin:auto;padding:30px 24px;text-align:center;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:12px;align-items:center}
.tim-preview-links{display:flex;gap:8px;flex-wrap:wrap}
.tim-forma .tim-pedio{margin-bottom:12px;min-width:0}
.tim-forma label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:5px}
.tim-forma input,.tim-forma select,.tim-forma textarea{width:100%;margin:0;min-height:42px;padding:9px 11px;border:1px solid #b7c0ac;border-radius:7px;background-color:#fff;font-size:14px}
.tim-forma select{padding-right:32px;max-width:none}
.tim-forma textarea{resize:vertical;line-height:1.5}
.tim-zevg{display:flex;gap:12px}
.tim-zevg>.tim-pedio{flex:1}
.tim-zevg>.tim-plati{flex:1.7}
.tim-meta{font-size:12px;color:var(--muted);margin:4px 0 0}
.tim-forma .forma-lathos{margin-top:8px}
.tim-foot-left{margin-right:auto;display:flex;gap:8px}
.btn.sigoura{background:var(--red);border-color:var(--red);color:#fff}
.tim-seg-forma{display:flex;margin-bottom:8px}
.tim-seg-forma .tim-seg-btn{flex:1}
.tim-ypol-grammi{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px;margin:-2px 0 12px;min-height:20px}
.tim-ypol-grammi strong{font-variant-numeric:tabular-nums}
.tim-link{padding:0;min-height:0;border:0;background:none;color:var(--olive);text-decoration:underline;font-size:12.5px;font-weight:400}
.tim-mini-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.tim-mini{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fafbf7}
.tim-mini span{display:block;font-size:11.5px;color:var(--muted)}
.tim-mini strong{display:block;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tim-mini.xrei strong{color:var(--red)}
.tim-kartela{max-height:52vh;overflow:auto}
.tim-kartela .tim-head{position:sticky;top:0;z-index:1}


/* Φίλτρα και ταξινόμηση (όπως τα φίλτρα του Google Sheets) */
.tim-filtra{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:-6px 0 16px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.tim-filtro{display:flex;flex-direction:column;gap:4px;margin:0;min-width:170px;flex:0 1 220px}
.tim-filtro>span{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.2px}
.tim-filtro .tim-select{width:100%;max-width:none;min-height:40px}
.tim-filtro-tax{flex:0 1 330px}
.tim-filtro.energo>span{color:var(--olive)}
.tim-filtro.energo .tim-select{border-color:var(--olive);background-color:var(--green-bg);font-weight:600}
.tim-katharismos{margin-left:auto;align-self:flex-end;color:var(--red);border-color:#e9c4c2}
.tim-th{display:inline-flex;align-items:center;gap:5px;padding:2px 0;min-height:0;border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;border-radius:4px;width:auto}
.tim-th:hover{color:var(--ink)}
.tim-th.energo{color:var(--ink);font-weight:700}
.tim-th-belos{font-size:9px;opacity:.5}
.tim-th.energo .tim-th-belos{opacity:1;color:var(--olive)}
.tim-head>span{min-width:0}
.tim-omades-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 2px 10px;font-size:12.5px;color:var(--muted)}
.tim-omada{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-top:1px solid var(--line);background:#f3f6ec;cursor:pointer;transition:background .14s}
.tim-omada:hover{background:#ebf0df}
.tim-head+.tim-omada{border-top:1px solid var(--line)}
.tim-omada-onoma{display:flex;align-items:center;gap:10px;min-width:0}
.tim-omada-onoma strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.tim-omada-onoma small{display:block;font-size:11.5px;color:var(--muted)}
.tim-omada-belos{width:16px;flex:none;color:var(--olive);font-size:13px}
.tim-omada-sum{text-align:right;font-variant-numeric:tabular-nums;flex:none}
.tim-omada-sum strong{display:block;font-size:14.5px}
.tim-omada-sum small{display:block;font-size:11px;color:var(--muted)}
.tim-omada.kleisti{background:#f8faf3}

@media(max-width:1200px){
  .tim-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Από εδώ και κάτω οι γραμμές γίνονται κάρτες δύο στηλών. */
@media(max-width:1080px){
  .tim-head{display:none}
  .tim-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:14px 16px;align-items:start}
  .tim-row>svg{display:none}
  .tim-row .tim-c-who{grid-column:1;grid-row:1}
  .tim-row .tim-c-poso{grid-column:2;grid-row:1}
  .tim-mob{display:inline}
  .tim-row-t .tim-c-date{display:none}
  .tim-row-t .tim-c-ergo{grid-column:1;grid-row:2;color:var(--muted);font-size:12.5px}
  .tim-row-t .tim-c-st{grid-column:2;grid-row:2;justify-content:flex-end}
  .tim-row-warn{grid-column:1 / -1;grid-row:3;margin:2px 0 0}
  .tim-row-p .tim-c-et{grid-column:1;grid-row:2}
  .tim-row-p .tim-c-num{display:none}
  .tim-row-pl .tim-c-date{grid-column:1;grid-row:2}
  .tim-row-pl .tim-c-st{grid-column:2;grid-row:2;justify-content:flex-end}
  .tim-row-pl .tim-c-note{grid-column:1;grid-row:3}
  .tim-row-pl .tim-c-act{grid-column:2;grid-row:3}
  .tim-row-e .tim-c-et{grid-column:1;grid-row:2}
  .tim-row-e .tim-c-num{display:none}
  .tim-row-e .tim-c-st{grid-column:2;grid-row:2;justify-content:flex-end}
  .tim-row-e .tim-c-act{grid-column:1 / -1;grid-row:3;justify-content:flex-start}
  .tim-row-t{grid-template-columns:auto minmax(0,1fr) auto}
  .tim-row-t .tim-c-sel{grid-column:1;grid-row:1 / span 2;padding-top:2px}
  .tim-row-t .tim-c-who{grid-column:2;grid-row:1}
  .tim-row-t .tim-c-poso{grid-column:3;grid-row:1}
  .tim-row-t .tim-c-ergo{grid-column:2;grid-row:2}
  .tim-row-t .tim-c-st{grid-column:3;grid-row:2}
  .tim-row-t .tim-row-warn{grid-column:2 / -1}
  .tim-row-k .tim-c-date{grid-column:1;grid-row:2;font-size:12px;color:var(--muted)}
  .tim-row-k .tim-c-num{grid-column:2;grid-row:2}
  .tim-dlg-grid{grid-template-columns:1fr;gap:18px}
  .tim-preview{position:static}
  .tim-frame{height:46vh;min-height:260px}
}

@media(max-width:700px){
  .tim-filtra{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
  .tim-filtro{min-width:0}
  .tim-filtro .tim-select{font-size:16px}
  .tim-katharismos{grid-column:1 / -1;margin-left:0;width:100%}
  .tim-filtro-tax{grid-column:1 / -1}
  .tim-omada{padding:12px 14px}
  .tim-header-actions{width:100%}
  .tim-header-actions .btn{flex:1}
  .tim-seg{display:flex;width:100%}
  .tim-seg-btn{flex:1;padding:7px 8px;font-size:12px}
  .tim-kpis{gap:8px;margin-bottom:20px}
  .tim-kpi{padding:13px 14px;gap:4px}
  .tim-kpi-val{font-size:19px;letter-spacing:-.3px}
  .tim-kpi-note{font-size:11px}
  .tabs.tim-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tabs.tim-tabs::-webkit-scrollbar{display:none}
  .tabs.tim-tabs .tab{padding:11px 1px;flex:none}
  .tim-toolbar-right{width:100%}
  .tim-toolbar-right .tim-select{flex:1 1 45%;max-width:none;font-size:16px}
  .tim-toolbar-right .btn{flex:1 1 100%}
  .tim-ekk-grid{grid-template-columns:1fr}
  .tim-ekk{padding:15px}
  .tim-ekk-actions{flex-wrap:wrap}
  .tim-ekk-actions .tim-select{flex:1 1 100%;font-size:16px}
  .tim-ekk-actions .btn{flex:1}
  .tim-zevg{flex-direction:column;gap:0}
  .tim-forma input,.tim-forma select,.tim-forma textarea{font-size:16px}
  .tim-mini-kpi{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .tim-mini{padding:9px 10px}
  .tim-mini strong{font-size:14px}
  .tim-foot-left{width:100%}
  .tim-foot-left .btn{flex:1}
  .dialog-footer .btn{flex:1}
  .sidebar .kartela{min-width:0}
  .sidebar .karteles.me-oikonomika{gap:1px}
  .sidebar .karteles.me-oikonomika .kartela{font-size:9.5px;padding:8px 2px;letter-spacing:-.1px}
}
@media(max-width:380px){
  .sidebar .karteles.me-oikonomika .kartela{font-size:9px;padding:8px 1px;letter-spacing:-.2px}
}

/* Θέμα φωτογραφίας (καρτέλα Φωτογραφίες) */
.nl-foto-thema-btn{width:100%;margin-top:8px;min-height:40px}
#nl-foto-dialog{z-index:120}
#nl-foto-dialog .nl-foto-body{display:grid;gap:14px;padding:20px 24px}
#nl-foto-dialog .nl-foto-body img{width:100%;max-height:240px;object-fit:contain;border-radius:8px;background:var(--paper)}
#nl-foto-dialog label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
#nl-foto-dialog select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:15px;color:var(--ink)}
#nl-foto-dialog .nl-foto-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--line);background:#fafbf7}

/* ---- Αλλαγή ονόματος έργου με μολυβάκι (14/10/2026) ---- */
#ergo-onoma .nl-molyvi{vertical-align:middle;margin-left:6px;position:relative;top:-3px}
.nl-onoma-keimeno{min-width:0;overflow-wrap:anywhere}
.nl-molyvi{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;opacity:.6;transition:opacity .15s,background-color .15s,border-color .15s}
.nl-molyvi svg{width:18px;height:18px}
.nl-molyvi:hover,.nl-molyvi:focus-visible{opacity:1;color:var(--ink);background:var(--green-bg);border-color:var(--line)}
.kefalida-ergou .nl-molyvi{width:36px;height:36px}
.kefalida-ergou .nl-molyvi svg{width:20px;height:20px}
.nl-titlos-grammi{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.nl-titlos-grammi h2{margin:0;min-width:0;overflow-wrap:anywhere}
.project-card .nl-molyvi{margin:-6px -8px 0 0;opacity:0}
.project-card:hover .nl-molyvi,.project-card:focus-within .nl-molyvi{opacity:.7}
.nl-edit{display:grid;gap:10px;width:100%;max-width:640px}
.nl-edit-pedio{display:grid;gap:4px;margin:0}
.nl-edit-etiketa{font-size:12px;font-weight:600;color:var(--muted)}
.nl-edit input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #b7c0ac;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:15px}
.nl-edit input:focus{outline:2px solid var(--olive);outline-offset:1px;border-color:var(--olive)}
.nl-edit--kefalida .nl-edit-onoma{min-height:52px;font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.02em}
.nl-edit--karta .nl-edit-onoma{font-size:17px;font-weight:600}
.nl-edit-energeies{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.nl-edit-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:13px;cursor:pointer}
.nl-edit-btn svg{width:16px;height:16px}
.nl-edit-ok{background:var(--olive);border-color:var(--olive);color:#fff}
.nl-edit-hint{font-size:11px;color:var(--muted)}
.nl-edit-lathos{font-size:12px;color:var(--red)}
.nl-edit-lathos:empty{display:none}
.nl-edit--busy{opacity:.6;pointer-events:none}
@media (hover:none){.project-card .nl-molyvi{opacity:.7}.nl-molyvi,.kefalida-ergou .nl-molyvi{width:44px;height:44px}.nl-edit-hint{display:none}.nl-edit-btn{min-height:44px}}
@media (max-width:700px){.nl-edit input{font-size:16px}}

/* 21/10/2026: κουτάκια επιλογής τιμολογίων και μολυβάκι προμηθευτή */
.tim-c-sel{display:flex;align-items:center;justify-content:center;cursor:pointer}
.tim-c-sel input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--olive)}
.tim-row.epilegmeno{background:#f1f5e4}
.tim-epilogi{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 16px;margin:0 0 10px;border:1px solid var(--line);border-radius:10px;background:#fafbf4}
.tim-epilogi-koumpia{display:flex;flex-wrap:wrap;gap:8px}
.tim-epilogi small{flex-basis:100%}
.tim-molyvi{width:26px;height:26px;min-width:26px;padding:0;font-size:14px;line-height:1;border-radius:6px;color:var(--muted);opacity:.75}
.tim-molyvi:hover,.tim-molyvi:focus-visible{opacity:1;color:var(--ink)}