/* ΠΑΡΕΑ | Κατηγοριοποιημένη, ευανάγνωστη πλοήγηση. */
body.visual-refresh { --vf-sidebar: 258px; }
body.visual-refresh:not(.activity-mode) .layout { min-width: 0; }
body.visual-refresh .parea-sidebar {
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: thin; scrollbar-color: #c5d5c5 transparent;
  padding: 23px 13px 18px; gap: 0; background: linear-gradient(175deg,#fffef9 0%,#f4f7ee 100%);
  border-right: 1px solid #d6e3d6; box-shadow: 3px 0 24px #49655209;
}
body.visual-refresh .parea-sidebar .sidebar-header { min-width:0; display:flex; align-items:center; padding: 0 7px 15px; }
body.visual-refresh .parea-sidebar .brand { min-width: 0; padding:0; text-decoration: none; display:flex; align-items:center; gap:10px; }
body.visual-refresh .parea-sidebar .brand-mark { width:43px; height:43px; background:#f1f7ed; border-radius:14px; flex:none; }
body.visual-refresh .parea-sidebar .sidebar-brand-copy {min-width:0; display:flex; flex-direction:column;}
body.visual-refresh .parea-sidebar .brand-name {display:block; font-size:26px; font-weight:840; letter-spacing:.055em; line-height:1.16;}
body.visual-refresh .parea-sidebar .brand-sub {display:block; font-size:12px; color:#708576; letter-spacing:.025em; line-height:1.45; margin-top:1px;}
body.visual-refresh .parea-sidebar .site-menu-toggle {display:none;}
body.visual-refresh .parea-sidebar .site-nav-panel {display:block; min-width:0;}
body.visual-refresh .parea-sidebar .site-nav-intro {margin:3px 5px 14px; padding:14px 13px; border:1px solid #e1e9d9; border-radius:17px; background:linear-gradient(125deg,#e9f5e5,#fdfbf1);}
body.visual-refresh .parea-sidebar .site-nav-eyebrow {font-size:11px; font-weight:850; color:#416c51; letter-spacing:.02em;}
body.visual-refresh .parea-sidebar .site-nav-intro p {margin-top:3px; font-size:12px; color:#536b5d; line-height:1.42;}
body.visual-refresh .parea-sidebar .grouped-nav {width:100%; min-width:0; display:flex; flex-direction:column; gap:11px; margin:0; padding:0;}
body.visual-refresh .parea-sidebar .nav-group {min-width:0; background:#ffffffb3; border:1px solid #e4ece3; border-radius:17px; padding:9px 8px 10px; box-shadow:0 3px 12px #304d3705;}
body.visual-refresh .parea-sidebar .nav-group-title {min-width:0; margin:0 4px 7px; display:flex; align-items:center; gap:7px; color:#647c6c; font-size:11px; font-weight:850; letter-spacing:.01em; line-height:1.35; overflow-wrap:anywhere;}
body.visual-refresh .parea-sidebar .nav-group-marker {width:8px; height:8px; flex:none; border-radius:4px; background:#98c6a8;}
body.visual-refresh .parea-sidebar .nav-group-2 .nav-group-marker {background:#e9b88b;}
body.visual-refresh .parea-sidebar .nav-group-3 .nav-group-marker {background:#b6a4db;}
body.visual-refresh .parea-sidebar .nav-group-4 .nav-group-marker {background:#a9d3d7;}
body.visual-refresh .parea-sidebar .nav-group-links {display:flex; flex-direction:column; gap:2px; min-width:0;}
body.visual-refresh .parea-sidebar .nav-link {min-width:0; width:100%; display:flex; align-items:center; gap:9px; min-height:41px; padding:8px 9px; margin:0; text-align:left; line-height:1.3; color:#385d49; font-size:13px; font-weight:690; white-space:normal; border:1px solid transparent; border-radius:11px; text-decoration:none;}
body.visual-refresh .parea-sidebar .nav-link > .icon {width:18px; height:18px; flex:none; color:#5c8571;}
body.visual-refresh .parea-sidebar .nav-link > span {min-width:0; max-width:100%; overflow-wrap:break-word; word-break:normal;}
body.visual-refresh .parea-sidebar .nav-link:hover {background:#eef7eb; border-color:#daead7; color:#285b3d;}
body.visual-refresh .parea-sidebar .nav-link.active,
body.visual-refresh .parea-sidebar .nav-link[aria-current="page"] {background:#dcebdc; border-color:#bfdcc2; box-shadow:inset 3px 0 0 #51976b; color:#214c36; font-weight:850;}
body.visual-refresh .parea-sidebar .nav-link.active > .icon {color:#34714c;}
body.visual-refresh .parea-sidebar .nav-link:focus-visible,
body.visual-refresh .parea-sidebar .site-menu-toggle:focus-visible {outline:3px solid #a56b34; outline-offset:2px;}
body.visual-refresh .parea-sidebar .sidebar-bottom {display:block; margin-top:15px; padding:0 8px 9px;}
body.visual-refresh .parea-sidebar .side-version {font-size:11px; line-height:1.5; margin:0; color:#66806e; white-space:normal; align-items:flex-start;}
@media (min-width:936px) and (max-width:1100px) {
 body.visual-refresh {--vf-sidebar:231px;}
 body.visual-refresh .parea-sidebar {padding:17px 9px 14px;}
 body.visual-refresh .parea-sidebar .nav-link {font-size:12.5px; gap:7px; padding-inline:7px;}
 body.visual-refresh .parea-sidebar .nav-group-title {font-size:10.4px;}
}
@media (max-width:935px) {
 body.visual-refresh:not(.activity-mode) .layout {display:block;}
 body.visual-refresh:not(.activity-mode) .layout > .parea-sidebar {
   position:relative; display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; justify-content:flex-start;
   width:100%; max-width:100%; overflow:visible; height:auto; margin:0; gap:0; padding:12px clamp(14px,3vw,26px);
   border-right:0; border-bottom:1px solid #dce7da; z-index:30; box-shadow:0 3px 18px #294a340c;
 }
 body.visual-refresh .parea-sidebar .sidebar-header {display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0; min-height:48px;}
 body.visual-refresh .parea-sidebar .brand {flex:0 1 auto;}
 body.visual-refresh .parea-sidebar .brand-name {font-size:23px;}
 body.visual-refresh .parea-sidebar .brand-mark {width:37px; height:37px;}
 body.visual-refresh .parea-sidebar .brand-sub {display:none;}
 body.visual-refresh .parea-sidebar .site-menu-toggle {display:flex; align-items:center; gap:9px; min-width:0; max-width:58%; min-height:46px; padding:7px 12px; background:#e8f2e5; border:1px solid #c7ddc5; color:#315943; border-radius:15px; font:inherit; cursor:pointer;}
 body.visual-refresh .parea-sidebar .menu-toggle-lines {font-size:20px; line-height:1; flex:none;}
 body.visual-refresh .parea-sidebar .menu-toggle-copy {display:flex; flex-direction:column; align-items:flex-start; min-width:0;}
 body.visual-refresh .parea-sidebar .menu-toggle-copy strong {font-size:14px; font-weight:800; line-height:1.14;}
 body.visual-refresh .parea-sidebar .menu-toggle-copy small {font-size:11px; line-height:1.25; color:#597361; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 body.visual-refresh .parea-sidebar .menu-toggle-chevron {font-size:22px; line-height:1; transition:transform .15s;}
 body.visual-refresh .parea-sidebar.is-open .menu-toggle-chevron {transform:rotate(180deg);}
 body.visual-refresh .parea-sidebar .site-nav-panel {display:none; width:100%; min-width:0; margin-top:13px; padding:13px 0 3px; border-top:1px solid #dce7da;}
 body.visual-refresh .parea-sidebar.is-open .site-nav-panel {display:block;}
 body.visual-refresh .parea-sidebar .site-nav-intro {margin:0 0 12px; padding:11px 14px;}
 body.visual-refresh .parea-sidebar .grouped-nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; width:100%; margin:0;}
 body.visual-refresh .parea-sidebar .nav-group {padding:10px;}
 body.visual-refresh .parea-sidebar .nav-link {min-height:44px; font-size:14px;}
 body.visual-refresh .parea-sidebar .sidebar-bottom {display:none;}
}
@media (max-width:580px) {
 body.visual-refresh .parea-sidebar .grouped-nav {grid-template-columns:minmax(0,1fr);}
 body.visual-refresh .parea-sidebar .menu-toggle-copy small {max-width:125px;}
 body.visual-refresh .parea-sidebar .nav-group {padding:10px 11px;}
 body.visual-refresh .parea-sidebar .nav-group-links {display:grid; grid-template-columns:minmax(0,1fr);}
 body.visual-refresh .parea-sidebar .nav-link {font-size:14.5px; padding:10px;}
}
@media (max-width:359px) {
 body.visual-refresh .parea-sidebar .site-menu-toggle {max-width:55%; padding:7px 8px; gap:6px;}
 body.visual-refresh .parea-sidebar .menu-toggle-copy small {max-width:84px;}
 body.visual-refresh .parea-sidebar .brand-mark {width:30px; height:30px;}
 body.visual-refresh .parea-sidebar .brand-name {font-size:19px;}
}
@media print {body.visual-refresh .parea-sidebar {display:none!important;}}
@media (prefers-reduced-motion:reduce) {body.visual-refresh .parea-sidebar * {transition:none!important;}}
/* Long-standing small-screen icon-only rule must not hide grouped menu labels. */
body.visual-refresh .parea-sidebar .nav-link > span {display:block; min-width:0;}