/* HWS V121 — «Παρατηρητήριο»: νέα, πρωτότυπη δομή σελίδας.
   Πλοήγηση σε δύο επίπεδα (5 αριθμημένοι «δρόμοι» + λωρίδα ενοτήτων), πίνακας παρατήρησης στην αρχική και επεξηγηματικό ευρετήριο.
   Δεν αλλάζει καμία λειτουργία: οι ενότητες και τα scripts παραμένουν ως έχουν. Παράκαμψη: προσθήκη ?classic=1 στη διεύθυνση. */
html.hws-atlas{--at-bg:#0d1110;--at-bg2:#111715;--at-card:#171e1b;--at-card2:#1d2622;--at-ink:#ecf1ed;--at-mute:#9aaba2;--at-line:rgba(196,220,208,.16);--at-line2:rgba(196,220,208,.3);--at-accent:#e08a3c;--at-iso:#7fd1c7;--at-red:#ff6a5c;--at-or:#ffa14a;--at-bar:56px;--at-strip:46px}
html.hws-atlas body{background:var(--at-bg)!important;color:var(--at-ink);padding-top:0!important}
html.hws-atlas.hws-ref body{padding-left:0!important}

/* ---- κρύβουμε την παλιά πλοήγηση (παραμένει στο DOM για τα υπάρχοντα scripts) ---- */
html.hws-atlas.hws-ref header:not(#_):not(#__),html.hws-atlas.hws-ref .nav:not(#_):not(#__),html.hws-atlas.hws-ref #hwsMenuToggle:not(#_):not(#__),
html.hws-atlas.hws-ref #hwsMenuOverlay:not(#_):not(#__),html.hws-atlas.hws-ref #hwsSideToggle:not(#_):not(#__),html.hws-atlas.hws-ref #hwsSideShade:not(#_):not(#__),
html.hws-atlas.hws-ref #hwsSideMenu:not(#_):not(#__),html.hws-atlas.hws-ref #hwsRefNav:not(#_):not(#__),html.hws-atlas.hws-ref #hwsRefSheet:not(#_):not(#__),
html.hws-atlas.hws-ref #hwsRefBack:not(#_):not(#__),html.hws-atlas.hws-ref #start .hwsGear:not(#_):not(#__),html.hws-atlas.hws-ref #start .hwsStartBrand:not(#_):not(#__),
html.hws-atlas.hws-ref #start .hwsStartH:not(#_):not(#__),html.hws-atlas.hws-ref #start .hwsStartGrid:not(#_):not(#__){display:none!important}

/* ---- ράβδος οργάνων ---- */
#atShell{position:sticky;top:0;z-index:80;background:linear-gradient(180deg,rgba(13,17,16,.98),rgba(13,17,16,.94));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--at-line)}
#atTop{display:flex;align-items:center;gap:18px;height:var(--at-bar);padding:0 clamp(12px,2.4vw,28px);max-width:1440px;margin:0 auto}
.atBrand{display:flex;align-items:center;gap:10px;color:var(--at-ink);text-decoration:none;flex:0 0 auto;border:0;background:none;cursor:pointer;padding:0;font:inherit;text-align:left}
.atBrand img{width:34px;height:34px;border-radius:9px;object-fit:cover}
.atBrand b{display:block;font-size:15px;letter-spacing:.02em;line-height:1.05}.atBrand b em{font-style:normal;color:var(--at-accent)}
.atBrand small{display:block;font-size:10.5px;color:var(--at-mute);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
#atPaths{display:flex;gap:2px;flex:1 1 auto;justify-content:center;min-width:0}
#atPaths button{position:relative;display:flex;align-items:center;gap:8px;padding:0 15px;height:var(--at-bar);border:0;background:none;color:var(--at-mute);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s}
#atPaths button .n{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--at-iso);opacity:.85;letter-spacing:.04em}
#atPaths button svg{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#atPaths button:hover{color:var(--at-ink)}
#atPaths button.on{color:var(--at-ink)}
#atPaths button.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--at-accent)}
.atRight{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#atClock{font:600 12.5px/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--at-mute);text-align:right;white-space:nowrap}#atClock b{display:block;color:var(--at-ink);font-size:14px}
#atAlarm{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--at-line2);background:var(--at-card);color:var(--at-ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
#atAlarm i{width:9px;height:9px;border-radius:50%;background:#5a6a62}
#atAlarm.warn i{background:var(--at-or);box-shadow:0 0 0 4px rgba(255,161,74,.2)}#atAlarm.red i{background:var(--at-red);box-shadow:0 0 0 4px rgba(255,106,92,.22)}
#atSearchBtn{width:36px;height:36px;border-radius:50%;border:1px solid var(--at-line2);background:var(--at-card);color:var(--at-ink);cursor:pointer;display:grid;place-items:center}
#atSearchBtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}

/* ---- λωρίδα ενοτήτων ---- */
#atStrip{display:flex;align-items:center;gap:6px;height:var(--at-strip);padding:0 clamp(12px,2.4vw,28px);max-width:1440px;margin:0 auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#atStrip::-webkit-scrollbar{display:none}
#atStrip .lab{flex:0 0 auto;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--at-mute);letter-spacing:.1em;text-transform:uppercase;padding-right:10px;margin-right:4px;border-right:1px solid var(--at-line2)}
#atStrip button{flex:0 0 auto;height:32px;padding:0 13px;border-radius:8px;border:1px solid transparent;background:none;color:var(--at-mute);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
#atStrip button:hover{color:var(--at-ink);background:var(--at-card)}
#atStrip button.on{background:var(--at-card2);color:var(--at-ink);border-color:var(--at-line2);box-shadow:inset 0 -2px 0 var(--at-accent)}
#atStrip button .nw{margin-left:6px;font-size:9.5px;letter-spacing:.08em;color:#1a1209;background:var(--at-accent);padding:2px 5px;border-radius:5px;vertical-align:1px}
#atCrumb{display:none}

/* ---- περιεχόμενο ---- */
html.hws-atlas main{max-width:1240px!important;margin:0 auto!important;padding:22px clamp(12px,2.4vw,28px) 70px!important}
html.hws-atlas.hws-ref main>section.active .pageHead{border-radius:0!important;background:none!important;border:0!important;border-bottom:1px solid var(--at-line)!important;padding:4px 0 14px!important;margin:0 0 16px!important;box-shadow:none!important}
html.hws-atlas.hws-ref main>section.active .pageHead h1{font-size:clamp(24px,3.4vw,34px);letter-spacing:-.01em}

/* ---- ΑΡΧΙΚΗ: πίνακας παρατήρησης ---- */
html.hws-atlas.hws-ref main>section#start.active{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
#atHero{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px 40px;align-items:end;padding:10px 0 20px;border-bottom:1px solid var(--at-line)}
#atHero .k{font:600 11.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--at-iso);margin-bottom:14px}
#atHero h1{margin:0;font-size:clamp(30px,5.2vw,58px);line-height:1.02;letter-spacing:-.025em;font-weight:800;color:var(--at-ink)}
#atHero h1 span{color:var(--at-accent)}
#atHero p{margin:0 0 12px;color:var(--at-mute);font-size:15px;line-height:1.55;max-width:46ch}
#atSit{display:flex;flex-wrap:wrap;gap:8px}
#atSit button{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid var(--at-line2);background:var(--at-card);color:var(--at-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:40px}
#atSit button i{font-style:normal;font:700 11px/1 ui-monospace,monospace;color:var(--at-iso)}
html.hws-atlas.hws-ref #start #hwsHome24{grid-column:1/9;margin:0!important;max-width:none!important}
html.hws-atlas.hws-ref #start #hwsStartSun{grid-column:9/-1;margin:0!important;max-width:none!important}
html.hws-atlas.hws-ref #start #hwsStartSat{grid-column:9/-1;margin:0!important;max-width:none!important}
#atIndex{grid-column:1/-1;margin-top:10px}
#atIndex>h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 4px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--at-mute);font-weight:600}
#atIndex>h2 small{letter-spacing:0;text-transform:none;font-size:12.5px;color:var(--at-mute)}
.atCols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--at-ink)}
.atCol{padding:16px 16px 18px 0;border-right:1px solid var(--at-line);margin-right:16px}.atCol:last-child{border-right:0;margin-right:0}
.atCol .num{font:700 34px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--at-accent);letter-spacing:-.04em}
.atCol h3{margin:8px 0 2px;font-size:19px;letter-spacing:-.01em}.atCol .d{margin:0 0 12px;font-size:12.5px;color:var(--at-mute);line-height:1.4;min-height:2.8em}
.atCol button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:9px 0;border:0;border-top:1px solid var(--at-line);background:none;color:var(--at-ink);font:inherit;cursor:pointer}
.atCol button b{font-size:14px;font-weight:650}.atCol button small{font-size:11.8px;color:var(--at-mute);line-height:1.35}
.atCol button:hover b{color:var(--at-accent)}
.atCol button .nw{font-size:9.5px;letter-spacing:.08em;color:#1a1209;background:var(--at-accent);padding:2px 5px;border-radius:5px;margin-left:6px;vertical-align:1px}
#atFoot{grid-column:1/-1;margin-top:6px;padding-top:14px;border-top:1px solid var(--at-line);color:var(--at-mute);font-size:12px;line-height:1.5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}

/* ---- αναζήτηση ---- */
#atSearch{position:fixed;inset:0;z-index:200;background:rgba(5,8,7,.72);display:none;align-items:flex-start;justify-content:center;padding:12vh 14px 0}
#atSearch.open{display:flex}
#atSearch .box{width:min(560px,100%);background:var(--at-card);border:1px solid var(--at-line2);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
#atSearch input{width:100%;box-sizing:border-box;padding:16px 18px;border:0;border-bottom:1px solid var(--at-line);background:none;color:var(--at-ink);font:inherit;font-size:17px;outline:none}
#atSearch ul{list-style:none;margin:0;padding:6px;max-height:46vh;overflow:auto}
#atSearch li button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:none;color:var(--at-ink);font:inherit;font-size:14.5px;text-align:left;cursor:pointer;min-height:44px;align-items:center}
#atSearch li button small{color:var(--at-mute);font-size:12px}#atSearch li button.sel,#atSearch li button:hover{background:var(--at-card2)}

/* ---- tablet ---- */
@media(max-width:1100px){
  .atBrand small{display:none}#atClock{display:none}
  .atCols{grid-template-columns:repeat(3,minmax(0,1fr))}.atCol:nth-child(3){border-right:0;margin-right:0}.atCol:nth-child(n+4){border-top:1px solid var(--at-line)}
  html.hws-atlas.hws-ref #start #hwsHome24{grid-column:1/-1}html.hws-atlas.hws-ref #start #hwsStartSun,html.hws-atlas.hws-ref #start #hwsStartSat{grid-column:span 6}
  #atHero{grid-template-columns:1fr}
}
/* ---- κινητό: οι δρόμοι γίνονται κάτω μπάρα, η λωρίδα μένει πάνω ---- */
@media(max-width:760px){
  :root{--at-bar:52px}
  #atShell{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(13,17,16,.98)}
  html.hws-atlas body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
  #atTop{gap:10px}.atBrand b{font-size:14px}.atBrand img{width:30px;height:30px}
  #atPaths{position:fixed;left:0;right:0;bottom:0;z-index:90;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);justify-content:stretch;gap:0;background:rgba(13,17,16,.97);backdrop-filter:blur(12px);border-top:1px solid var(--at-line2)}
  #atPaths button{flex:1 1 0;flex-direction:column;justify-content:center;gap:3px;height:62px;padding:0 2px;font-size:10.5px;font-weight:600}
  #atPaths button svg{display:block}#atPaths button .n{display:none}
  #atPaths button.on::after{left:22%;right:22%;top:-1px;bottom:auto;border-radius:0 0 3px 3px}
  #atAlarm span{display:none}#atAlarm{padding:0 11px}
  #atTop .atRight{margin-left:auto}
  #atStrip .lab{display:none}
  .atCols{grid-template-columns:1fr}.atCol{border-right:0;margin-right:0;padding-right:0;border-top:1px solid var(--at-line)}.atCol:first-child{border-top:0}.atCol .d{min-height:0}
  html.hws-atlas.hws-ref #start #hwsStartSun,html.hws-atlas.hws-ref #start #hwsStartSat{grid-column:1/-1}
  html.hws-atlas.hws-ref main>section#start.active{gap:14px}
  #hwsRefTop{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ---- προστασία από τα παλιά, γενικά στυλ button/nav/section ---- */
html.hws-atlas #atShell button:not(#_){background-image:none!important;box-shadow:none;text-shadow:none!important;letter-spacing:normal;text-transform:none;border-radius:8px}
html.hws-atlas #atShell #atPaths:not(#_){background:none!important;border:0!important;box-shadow:none!important;padding:0;margin:0;overflow:visible}
html.hws-atlas #atShell #atPaths button:not(#_){background:none!important;border:0!important;border-radius:0}
html.hws-atlas #atShell #atStrip button:not(#_){background:none!important;border:1px solid transparent!important;color:var(--at-mute)!important}
html.hws-atlas #atShell #atStrip button:hover:not(#_){background:var(--at-card)!important;color:var(--at-ink)!important}
html.hws-atlas #atShell #atStrip button.on:not(#_){background:var(--at-card2)!important;border-color:var(--at-line2)!important;color:var(--at-ink)!important;box-shadow:inset 0 -2px 0 var(--at-accent)}
html.hws-atlas #atShell #atAlarm:not(#_),html.hws-atlas #atShell #atSearchBtn:not(#_){background:var(--at-card)!important;border:1px solid var(--at-line2)!important;border-radius:999px;color:var(--at-ink)!important}
html.hws-atlas #atShell .atBrand:not(#_){background:none!important;border:0!important}
html.hws-atlas #atSit button:not(#_){background:var(--at-card)!important;border:1px solid var(--at-line2)!important;color:var(--at-ink)!important;box-shadow:none!important;border-radius:10px}
html.hws-atlas .atCol button:not(#_){background:none!important;border:0!important;border-top:1px solid var(--at-line)!important;border-radius:0;box-shadow:none!important;color:var(--at-ink)!important;padding:9px 0!important}
html.hws-atlas #atSearch li button:not(#_){background:none!important;border:0!important;color:var(--at-ink)!important;box-shadow:none!important}
html.hws-atlas #atSearch li button.sel:not(#_),html.hws-atlas #atSearch li button:hover:not(#_){background:var(--at-card2)!important}
html.hws-atlas #atSearch input:not(#_){background:none!important;border:0!important;border-bottom:1px solid var(--at-line)!important;color:var(--at-ink)!important;border-radius:0}
html.hws-atlas.hws-ref main:not(#_):not(#__){max-width:1240px!important;width:100%!important;box-sizing:border-box;margin:0 auto!important;padding:18px clamp(12px,2.4vw,28px) 70px!important}
html.hws-atlas.hws-ref main>section#start:not(#_):not(#__){padding-top:0!important;margin-top:0!important}
html.hws-atlas.hws-ref #start>*:not(#_):not(#__){max-width:none}
@media(max-width:760px){html.hws-atlas #atShell #atPaths button:not(#_){flex-direction:column}}

html.hws-atlas.hws-ref body:not(#_):not(#__){padding-top:0!important;padding-left:0!important}
@media(max-width:760px){html.hws-atlas.hws-ref body:not(#_):not(#__){padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}}

@media(max-width:760px){html.hws-atlas #atShell #atPaths:not(#_):not(#__){background:#0d1110!important;border-top:1px solid var(--at-line2)!important}}

/* ---- V123: ευανάγνωστοι τίτλοι και ουδέτερα περιγράμματα στις νέες σελίδες ---- */
html.hws-atlas.hws-ref main>section.active .pageHead h1:not(#_):not(#__){color:var(--at-ink)!important}
html.hws-atlas.hws-ref main>section.active .pageHead p:not(#_):not(#__){color:var(--at-mute)!important}
html.hws-atlas #insights .card:not(#_),html.hws-atlas #insights .tl:not(#_),html.hws-atlas #insights .tw:not(#_),html.hws-atlas #insights .act:not(#_),html.hws-atlas #insights select:not(#_),
html.hws-atlas #insights .tabs button:not(.on):not(#_),html.hws-atlas #insights .seg button:not(.on):not(#_),html.hws-atlas #insights .bar>button:not(#_),html.hws-atlas #insights .more button:not(#_){border-color:var(--at-line)!important}
html.hws-atlas #insights .kpi:not(#_){border-color:var(--at-line)!important;border-left-color:var(--k)!important}
html.hws-atlas #insights .act:not(#_){border-top-color:var(--c)!important}
html.hws-atlas #insights .tabs button.on:not(#_),html.hws-atlas #insights .seg button.on:not(#_){border-color:var(--at-accent)!important;background:var(--at-accent)!important;color:#1a1209!important}
html.hws-atlas #snow .snCard:not(#_),html.hws-atlas #snow .snChips button:not(.on):not(#_),html.hws-atlas #snow .snSeg button:not(.on):not(#_),html.hws-atlas #snow .snPlaces button:not(#_),html.hws-atlas #snow .snPlay:not(.on):not(#_),html.hws-atlas #snow .snMapWrap:not(#_){border-color:var(--at-line)!important}
html.hws-atlas #insights select:not(#_):not(#__){background:var(--at-card)!important;color:var(--at-ink)!important}
html.hws-atlas #insights table.hm th:not(#_),html.hws-atlas #insights table.hm td:not(#_){border-color:rgba(0,0,0,.28)!important}