/* =====================================================================================================
   Aelius 2026 — design layer on top of Nifty (Bootstrap 3) + Syncfusion EJ1.
   Loaded last in core/header.php. Keeps every id/class the platform and the DB-stored form code use;
   only appearance and layout change. Three layouts:
     desktop  >= 1200px  fixed sidebar with labels, screens open over the content area like pages
     tablet   768–1199   icon rail (expands as an overlay), near full-width screens
     mobile   <  768     drawer menu + bottom bar, full-screen screens, lists as cards
   Scope: everything is under html.ae (set in core/header.php), so removing the class restores the old look.
   ===================================================================================================== */

:root{
  --ae-accent:#7a2848; --ae-accent-600:#64203b; --ae-accent-50:#f7edf1; --ae-accent-100:#efd9e2;
  --ae-ink:#1f1a1e; --ae-ink-2:#3b3439; --ae-muted:#6c6570; --ae-faint:#9a929d;
  --ae-line:#e7e1e5; --ae-line-2:#d9d1d6;
  --ae-bg:#f5f3f4; --ae-surface:#ffffff; --ae-surface-2:#faf8f9;
  --ae-side:#24121b; --ae-side-2:#321a26; --ae-side-ink:#efe5ea; --ae-side-muted:#a8939e;
  --ae-green:#1d7a3e; --ae-green-50:#e8f4ec;
  --ae-amber:#a8640f; --ae-amber-50:#fbf1e1;
  --ae-red:#b42318;   --ae-red-50:#fbe9e7;
  --ae-blue:#1f5f8b;  --ae-blue-50:#e8f0f7;
  --ae-teal:#1f7a6d;  --ae-teal-50:#e5f3f0;
  --ae-violet:#5f3d93;--ae-violet-50:#efeaf7;
  --ae-radius:12px; --ae-radius-sm:9px; --ae-radius-lg:16px;
  --ae-shadow-1:0 1px 2px rgba(36,18,27,.06);
  --ae-shadow-2:0 1px 2px rgba(36,18,27,.06),0 10px 28px rgba(36,18,27,.08);
  --ae-shadow-3:0 20px 60px rgba(36,18,27,.22);
  --ae-font:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ae-navbar-h:60px; --ae-side-w:252px; --ae-rail-w:76px; --ae-bottom-h:64px;
  --ae-focus:0 0 0 3px rgba(122,40,72,.22);
}

/* ---------- 1. Base ---------- */
html.ae, html.ae body{background:var(--ae-bg)!important;color:var(--ae-ink);font-family:var(--ae-font)!important;-webkit-font-smoothing:antialiased}
html.ae body, html.ae .form-control, html.ae .btn:not(.fa):not([class*="ti-"]), html.ae input, html.ae select, html.ae textarea, html.ae .e-grid, html.ae .e-grid *:not(.fa):not([class^="ti-"]):not([class*=" ti-"]):not([class^="demo-"]):not([class^="pli-"]):not([class^="psi-"]),
html.ae .modal, html.ae .panel, html.ae .list-group-item, html.ae h1, html.ae h2, html.ae h3, html.ae h4, html.ae h5, html.ae h6, html.ae p, html.ae label, html.ae span:not(.fa){font-family:var(--ae-font)}
html.ae body{font-size:14.5px;line-height:1.5}
html.ae h1,html.ae h2,html.ae h3,html.ae h4,html.ae h5,html.ae h6{color:var(--ae-ink);letter-spacing:-.01em}
html.ae a{color:var(--ae-accent)}
html.ae ::selection{background:var(--ae-accent-100)}
html.ae *:focus-visible{outline:none;box-shadow:var(--ae-focus)!important}
html.ae .text-main{color:var(--ae-ink)!important}
html.ae .text-muted{color:var(--ae-muted)!important}
html.ae .text-primary{color:var(--ae-accent)!important}
html.ae .text-info{color:var(--ae-blue)!important}
html.ae .text-success{color:var(--ae-green)!important}
html.ae .text-warning{color:var(--ae-amber)!important}
html.ae .text-danger{color:var(--ae-red)!important}
html.ae .text-mint{color:var(--ae-teal)!important}
html.ae .themeColorsLight,html.ae .themeColorsDark{color:var(--ae-ink)!important}
@media (prefers-reduced-motion:reduce){html.ae *{transition:none!important;animation:none!important}}

/* ---------- 2. Top bar ---------- */
html.ae #navbar{height:var(--ae-navbar-h);background:var(--ae-surface)!important;border-bottom:1px solid var(--ae-line);box-shadow:none!important;z-index:1030}
html.ae #navbar-container{height:100%;display:flex;align-items:center;background:transparent!important}
html.ae #navbar .navbar-header{width:var(--ae-side-w)!important;height:100%;background:var(--ae-side)!important;display:flex;align-items:center;flex:none;float:none}
html.ae #container #navbar .navbar-header,html.ae #container #navbar .navbar-brand{background-color:var(--ae-side)!important;background-image:none!important}
html.ae #navbar .navbar-brand{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:0 18px!important;background:transparent!important;float:none}
html.ae #navbar .navbar-brand img.brand-icon{max-height:38px;width:auto!important;padding:0!important;filter:brightness(0) invert(1);opacity:.92}
html.ae #navbar .brand-title{display:none}
html.ae #navbar .navbar-content{flex:1;display:flex;align-items:center;height:100%;margin:0!important;padding:0 14px 0 6px;background:transparent!important;min-width:0}
html.ae #navbar .navbar-content>.col-sm-2{display:none}
html.ae #navbar .navbar-content>.row{flex:1;min-width:0;margin:0!important;padding:0!important;float:none;width:auto}
html.ae #navbar .navbar-content>.row center{text-align:left}
html.ae #navbar .navbar-content>.row h4{height:auto!important;margin:0;font-size:16px;font-weight:600;color:var(--ae-ink)!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.ae #navbar .navbar-top-links{float:none!important;display:flex;align-items:center}
html.ae #navbar .navbar-top-links>li>a{height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--ae-ink-2)!important;padding:0 10px!important;line-height:1}
html.ae #navbar .navbar-top-links>li>a:hover{background:var(--ae-accent-50)!important}
html.ae #navbar .mainnav-toggle i{font-size:17px}
html.ae #navbar .mainnav-toggle i:before{content:"\f0c9"}
html.ae #dropdown-user>a{gap:10px}
html.ae #dropdown-user .ic-user{float:none!important;order:2;width:32px;height:32px;border-radius:50%;background:var(--ae-accent-50);color:var(--ae-accent);display:inline-flex;align-items:center;justify-content:center;font-size:16px}
html.ae #dropdown-user .username{float:none!important;font-weight:600;font-size:13.5px;color:var(--ae-ink)}
html.ae .dropdown-menu{border:1px solid var(--ae-line)!important;border-radius:var(--ae-radius)!important;box-shadow:var(--ae-shadow-2)!important;padding:6px!important}
html.ae .dropdown-menu>li>a,html.ae .dropdown-menu .list-group-item{border-radius:8px;padding:8px 12px}
html.ae .dropdown-menu>li>a:hover{background:var(--ae-accent-50)!important;color:var(--ae-ink)!important}

/* ---------- 3. Sidebar ---------- */
html.ae #mainnav-container{position:fixed!important;top:var(--ae-navbar-h)!important;bottom:0;left:0!important;width:var(--ae-side-w)!important;background:var(--ae-side)!important;z-index:1020;transition:transform .22s ease,width .22s ease;transform:none}
html.ae #mainnav-container,html.ae #mainnav-container #mainnav{padding-top:0!important}
html.ae #mainnav{background:transparent!important;height:100%;width:100%!important;position:static}
html.ae #mainnav-menu li,html.ae #mainnav-menu>li.active,html.ae #mainnav-menu>li.active-sub,html.ae #mainnav-menu ul.collapse{background:transparent!important}
html.ae #mainnav-menu>li.list-header{margin-top:4px!important}
html.ae #mainnav-menu-wrap, html.ae #mainnav-menu-wrap .nano{height:100%!important}
html.ae #mainnav-menu-wrap .nano-content{padding-top:10px!important;padding-bottom:24px;overflow-y:auto!important;right:0!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
html.ae #mainnav-menu-wrap .nano>.nano-pane{display:none!important}
html.ae #mainnav-profile{display:none}
html.ae #mainnav-menu{padding:0 12px!important;background:transparent!important}
html.ae #mainnav-menu>.list-header{color:var(--ae-side-muted)!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:14px 10px 6px!important;background:transparent!important}
html.ae #mainnav-menu li a{color:var(--ae-side-ink)!important;border-radius:9px;padding:8px 10px!important;display:flex!important;align-items:center;gap:11px;font-size:14px!important;line-height:1.3;background:transparent!important;border:0!important;transition:background .15s}
html.ae #mainnav-menu li a i{font-size:15px!important;width:20px;text-align:center;flex:none;opacity:.85;margin:0!important;line-height:1}
html.ae #mainnav-menu li a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
html.ae #mainnav-menu>li>a .menu-title{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ae-side-muted)}
html.ae #mainnav-menu>li>a .menu-title{flex:1}
html.ae #mainnav-menu>li>a i{display:none}
html.ae #mainnav-menu>li:not(.list-header)>a{padding-top:14px!important;padding-bottom:6px!important}
html.ae #mainnav-menu>li>a[onclick*="getDashboardView"] i{display:inline-block}
html.ae #mainnav-menu>li>a[onclick*="getDashboardView"]{padding:9px 10px!important}
html.ae #mainnav-menu>li>a[onclick*="getDashboardView"] .menu-title{font-size:14px!important;letter-spacing:0;text-transform:none;font-weight:600;color:var(--ae-side-ink)}
html.ae #mainnav-menu ul{background:transparent!important;padding:0!important;margin:0!important}
html.ae #mainnav-menu ul li a{padding-left:10px!important;font-weight:500}
html.ae #mainnav-menu ul li.ae-current>a,html.ae #mainnav-menu>li.ae-current>a{background:rgba(255,255,255,.12)!important;color:#fff!important;font-weight:600;box-shadow:inset 3px 0 0 #d98aa8}
html.ae #mainnav-menu .list-divider{display:none}
html.ae #mainnav-menu .arrow,html.ae #mainnav-menu i.arrow{display:none!important}
html.ae #navhide{display:none}

/* ---------- 4. Content area ---------- */
html.ae #container.navbar-fixed>.boxed,html.ae #container .boxed{padding-top:0}
html.ae #content-container{padding-top:var(--ae-navbar-h)!important;padding-left:var(--ae-side-w)!important;padding-bottom:40px;min-height:100vh;background:transparent!important;transition:padding .22s ease}
html.ae #page-head{display:none}
html.ae #page-content{padding:24px 28px 32px!important;max-width:1680px}
html.ae #dashboard>div>h4:first-child{display:flex;align-items:center;justify-content:space-between;font-size:22px;font-weight:700;margin:0 0 18px;text-transform:none}
html.ae #dashboard>div>h4:first-child .close{opacity:.5;font-size:16px}
html.ae #footer{left:var(--ae-side-w)!important;height:34px!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:left .22s ease;z-index:1010}
html.ae #footer>.bord-top{left:var(--ae-side-w)!important;height:34px!important;background:var(--ae-bg)!important;border-top:1px solid var(--ae-line)!important;font-size:12px;color:var(--ae-faint)}
html.ae #footer>.bord-top p{padding-top:8px!important;margin:0}
html.ae .scroll-top{display:none!important}

/* main tabs (screens opened from the menu) */
html.ae #mainTab{background:transparent!important}
html.ae #mainTabLinks{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;border-bottom:1px solid var(--ae-line)!important;padding:0 2px;margin-bottom:16px;scrollbar-width:none}
html.ae #mainTabLinks::-webkit-scrollbar{display:none}
html.ae #mainTabLinks>li{float:none;flex:none;margin:0}
html.ae #mainTabLinks>li>a{display:flex;align-items:center;gap:8px;border:0!important;background:transparent!important;color:var(--ae-muted)!important;padding:10px 10px 10px 14px!important;border-radius:10px 10px 0 0;margin:0;font-size:14px;border-bottom:2px solid transparent!important}
html.ae #mainTabLinks>li>a b{font-weight:600}
html.ae #mainTabLinks>li.active>a{color:var(--ae-ink)!important;border-bottom-color:var(--ae-accent)!important}
html.ae #mainTabLinks>li>a>button[id^="btnCloseTab_"]{width:24px!important;height:24px!important;margin:0!important;padding:0;border:0!important;background:transparent!important;color:var(--ae-faint)!important;font-size:12px;border-radius:6px;box-shadow:none}
html.ae #mainTabLinks>li>a>button[id^="btnCloseTab_"]:hover{background:var(--ae-accent-50)!important;color:var(--ae-accent)!important}
html.ae #mainTabContent{padding:0!important;background:transparent!important;border:0!important}

/* ---------- 5. Panels, cards, lists ---------- */
html.ae .panel{background:var(--ae-surface);border:1px solid var(--ae-line)!important;border-radius:var(--ae-radius)!important;box-shadow:none!important;margin-bottom:16px;overflow:visible}
html.ae .panel-heading{background:transparent!important;border-bottom:1px solid var(--ae-line)!important;height:auto!important;padding:12px 16px!important;border-radius:var(--ae-radius) var(--ae-radius) 0 0!important;color:var(--ae-ink)!important}
html.ae .panel-title{font-size:15px!important;font-weight:700!important;color:var(--ae-ink)!important;padding:0!important;line-height:1.4!important;height:auto!important}
html.ae .panel-body{padding:16px}
html.ae .panel-primary,html.ae .panel-bordered,html.ae .panel-bordered-dark,html.ae .panel-bordered-primary{border-color:var(--ae-line)!important}
html.ae .panel-primary>.panel-heading,html.ae .panel-danger>.panel-heading,html.ae .panel-info>.panel-heading,html.ae .panel-success>.panel-heading,html.ae .panel-warning>.panel-heading,html.ae .panel-mint>.panel-heading,html.ae .panel-dark>.panel-heading{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important}
html.ae .panel-primary>.panel-heading .panel-title,html.ae .panel-dark>.panel-heading .panel-title{color:var(--ae-ink)!important}
html.ae .panel-control .nav-tabs>li>a{color:var(--ae-muted)!important}
html.ae .panel-colorful{color:var(--ae-ink)!important}
html.ae .panel-colorful.panel-warning{background:var(--ae-amber-50)!important}
html.ae .panel-colorful.panel-mint{background:var(--ae-teal-50)!important}
html.ae .panel-colorful.panel-danger{background:var(--ae-red-50)!important}
html.ae .panel-colorful.panel-info{background:var(--ae-blue-50)!important}
html.ae .panel-colorful.panel-success{background:var(--ae-green-50)!important}
html.ae .panel-colorful.panel-primary{background:var(--ae-accent-50)!important}
html.ae .panel-colorful .text-2x{color:var(--ae-ink)}
html.ae .list-group-item{border:1px solid var(--ae-line)!important;background:var(--ae-surface)!important;color:var(--ae-ink)}
html.ae .list-group .list-group-item:first-child{border-radius:10px 10px 0 0}
html.ae .list-group .list-group-item:last-child{border-radius:0 0 10px 10px}
html.ae a.list-group-item:hover{background:var(--ae-accent-50)!important}
html.ae .label{border-radius:999px;padding:.25em .7em;font-weight:700;font-size:11.5px}
html.ae .label-info{background:var(--ae-blue-50)!important;color:var(--ae-blue)!important}
html.ae .label-warning{background:var(--ae-amber-50)!important;color:var(--ae-amber)!important}
html.ae .label-danger{background:var(--ae-red-50)!important;color:var(--ae-red)!important}
html.ae .label-success{background:var(--ae-green-50)!important;color:var(--ae-green)!important}
html.ae .label-primary,html.ae .label-purple,html.ae .label-pink{background:var(--ae-accent-50)!important;color:var(--ae-accent)!important}
html.ae .bord-all{border-color:var(--ae-line)!important;border-radius:var(--ae-radius-sm)}
html.ae .icon-wrap.bg-success,html.ae .bg-success{background:var(--ae-green)!important;color:#fff}
html.ae .icon-wrap.bg-mint,html.ae .bg-mint{background:var(--ae-teal)!important;color:#fff}
html.ae .icon-wrap.bg-primary,html.ae .bg-primary{background:var(--ae-accent)!important;color:#fff}
html.ae .bg-info{background:var(--ae-blue)!important;color:#fff}
html.ae .bg-warning{background:var(--ae-amber)!important;color:#fff}
html.ae .bg-danger{background:var(--ae-red)!important;color:#fff}
html.ae .bg-gray-light{background:var(--ae-bg)!important}
html.ae .bg-color1-1{background:var(--ae-blue-50)!important;color:var(--ae-blue)!important}
html.ae .bg-color1-2{background:var(--ae-accent)!important;color:#fff!important}
html.ae .bg-color2-1,html.ae .bg-color2-3,html.ae .bg-color3-1{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important}
html.ae .bg-color2-2{background:var(--ae-accent-50)!important;color:var(--ae-accent)!important}

/* ---------- 6. Buttons ---------- */
html.ae .btn.fa,html.ae .btn[class*=" fa-"]{font-family:var(--ae-font)!important}
html.ae .btn.fa:before,html.ae .btn[class*=" fa-"]:before{font-family:FontAwesome!important;font-weight:normal!important}
html.ae .btn-icon.fa:not(.btn-labeled){font-family:FontAwesome!important}
html.ae .btn{border-radius:var(--ae-radius-sm)!important;font-weight:600;font-size:13.5px;letter-spacing:0;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s,opacity .15s;text-transform:none}
html.ae .btn:not(.btn-icon):not(.btn-circle):not(.btn-xs):not(.btn-sm):not(.btn-lg){min-height:38px;padding:8px 14px}
html.ae .btn-default{background:var(--ae-surface)!important;border:1px solid var(--ae-line-2)!important;color:var(--ae-ink)!important}
html.ae .btn-default:hover{background:var(--ae-surface-2)!important;border-color:var(--ae-faint)!important}
html.ae .btn-primary{background:var(--ae-accent)!important;border:1px solid var(--ae-accent)!important;color:#fff!important}
html.ae .btn-primary:hover{background:var(--ae-accent-600)!important}
html.ae .btn-success{background:var(--ae-green)!important;border:1px solid var(--ae-green)!important;color:#fff!important}
html.ae .btn-danger{background:var(--ae-red)!important;border:1px solid var(--ae-red)!important;color:#fff!important}
html.ae .btn-info{background:var(--ae-blue)!important;border:1px solid var(--ae-blue)!important;color:#fff!important}
html.ae .btn-warning{background:var(--ae-amber)!important;border:1px solid var(--ae-amber)!important;color:#fff!important}
html.ae .btn-mint{background:var(--ae-teal)!important;border:1px solid var(--ae-teal)!important;color:#fff!important}
html.ae .btn-purple{background:var(--ae-violet)!important;border:1px solid var(--ae-violet)!important;color:#fff!important}
html.ae .btn-dark{background:var(--ae-ink-2)!important;border:1px solid var(--ae-ink-2)!important;color:#fff!important}
html.ae .btn-success:hover,html.ae .btn-danger:hover,html.ae .btn-info:hover,html.ae .btn-warning:hover,html.ae .btn-mint:hover,html.ae .btn-purple:hover,html.ae .btn-dark:hover{filter:brightness(.92)}
html.ae .btn-link{color:var(--ae-accent)!important}
html.ae .btn[disabled],html.ae .btn.disabled{opacity:.42!important;cursor:not-allowed!important}
/* action bar: Προσθήκη / Αλλαγή / Διαγραφή */
html.ae .GreenText,html.ae .BlueText,html.ae .RedText{background:var(--ae-surface)!important;border:1px solid var(--ae-line-2)!important}
html.ae .GreenText{color:var(--ae-green)!important}
html.ae .BlueText{color:var(--ae-ink)!important}
html.ae .RedText{color:var(--ae-red)!important}
html.ae .GreenText:hover{background:var(--ae-green-50)!important;border-color:var(--ae-green)!important}
html.ae .BlueText:hover{background:var(--ae-surface-2)!important;border-color:var(--ae-faint)!important}
html.ae .RedText:hover{background:var(--ae-red-50)!important;border-color:var(--ae-red)!important}
html.ae [id$="_MainActions"]{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
html.ae [id$="_MainActions"] .btn{margin:0!important}
html.ae .btn-labeled{padding-left:12px!important;display:inline-flex!important;align-items:center;gap:8px}
html.ae .btn-labeled:before{position:static!important;background:transparent!important;width:auto!important;line-height:1!important;padding:0!important;margin:0!important;font-size:14px}
html.ae .btn-labeled>.btn-label{position:static!important;background:transparent!important;width:auto!important;margin:0!important;padding:0!important}
/* round icon buttons used for "clear field" etc. */
html.ae .btn-icon.btn-rounded{width:32px!important;height:32px!important;padding:0!important;border-radius:9px!important;background:transparent!important;border:1px solid transparent!important;color:var(--ae-faint)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:14px}
html.ae .btn-icon.btn-rounded:hover{background:var(--ae-accent-50)!important;color:var(--ae-accent)!important}
html.ae .btn-circle.btn-icon{width:64px!important;height:64px!important;border-radius:18px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:24px!important;padding:0!important}

/* ---------- 7. Form fields ---------- */
html.ae .form-control,html.ae input[type=text].form-control,html.ae textarea.form-control{border:1px solid var(--ae-line-2)!important;border-radius:var(--ae-radius-sm)!important;background:var(--ae-surface)!important;color:var(--ae-ink)!important;min-height:40px;font-size:14.5px;box-shadow:none!important;padding:8px 12px}
html.ae textarea.form-control{min-height:96px}
html.ae .form-control:focus{border-color:var(--ae-accent)!important;box-shadow:var(--ae-focus)!important}
html.ae .form-control[readonly],html.ae .form-control[disabled]{background:var(--ae-surface-2)!important;color:var(--ae-muted)!important}
html.ae [id^="parent_"]{vertical-align:top}
html.ae [id^="parent_"]>label,html.ae [id$="_parent"]>label,html.ae .ae-label{display:block;font-size:12.5px!important;font-weight:600!important;color:var(--ae-muted)!important;margin:0 0 5px!important;letter-spacing:.01em}
html.ae .input-group-addon{border-color:var(--ae-line-2)!important;background:var(--ae-surface-2)!important;border-radius:var(--ae-radius-sm)}
html.ae .has-error .form-control,html.ae .validationerror{border-color:var(--ae-red)!important;color:var(--ae-red)!important}
html.ae [id^="parent_"]>span.label:first-child{display:inline-block;margin:0 0 4px}
/* select2 */
html.ae .select2-container .select2-selection--single,html.ae .select2-container .select2-selection--multiple{min-height:40px!important;height:auto!important;border:1px solid var(--ae-line-2)!important;border-radius:var(--ae-radius-sm)!important;margin:0!important}
html.ae .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px!important;padding-left:12px;color:var(--ae-ink)!important}
html.ae .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px!important}
html.ae .select2-container--focus .select2-selection,html.ae .select2-container--open .select2-selection{border-color:var(--ae-accent)!important;box-shadow:var(--ae-focus)}
html.ae .select2-dropdown{border:1px solid var(--ae-line)!important;border-radius:var(--ae-radius-sm)!important;box-shadow:var(--ae-shadow-2);overflow:hidden}
html.ae .select2-results__option--highlighted[aria-selected]{background:var(--ae-accent-50)!important;color:var(--ae-ink)!important}
html.ae .select2-container--default .select2-results__option[aria-selected=true]{background:var(--ae-accent-100)!important}
/* bootstrap-select (Advanced Dropdown) */
html.ae .bootstrap-select>.dropdown-toggle,html.ae .bootstrap-select .btn-primary.dropdown-toggle{background:var(--ae-surface)!important;border:1px solid var(--ae-line-2)!important;color:var(--ae-ink)!important;min-height:40px;font-weight:500}
html.ae .bootstrap-select>.dropdown-toggle:focus{border-color:var(--ae-accent)!important}
html.ae .bootstrap-select .dropdown-menu li.selected a,html.ae .bootstrap-select .dropdown-menu li a:hover{background:var(--ae-accent-50)!important;color:var(--ae-ink)!important}
html.ae .bootstrap-select .dropdown-header{color:var(--ae-faint);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
/* chip slider (Dropdown Slider Field) */
html.ae [id^="parent_"] [style*="#f2f2f2"],html.ae [id^="parent_"] [style*="#F2F2F2"]{background:var(--ae-surface-2)!important;border-radius:10px!important}
/* switchery */
html.ae .switchery{box-shadow:none!important;border-color:var(--ae-line-2)!important}
html.ae .switchery[style*="rgb(100, 189, 99)"],html.ae .switchery[style*="#64bd63"]{background-color:var(--ae-green)!important;border-color:var(--ae-green)!important}
/* datepicker */
html.ae .datepicker{border-radius:var(--ae-radius)!important;padding:8px!important}
html.ae .datepicker table tr td.active,html.ae .datepicker table tr td.active:hover,html.ae .datepicker table tr td.active.active{background:var(--ae-accent)!important;color:#fff!important}
html.ae .datepicker table tr td.today{background:var(--ae-accent-50)!important}
/* jQuery-UI spinner */
html.ae .ui-spinner{border:1px solid var(--ae-line-2)!important;border-radius:var(--ae-radius-sm)!important;overflow:hidden}
html.ae .ui-spinner-button{background:var(--ae-surface-2)!important;border:0!important;border-left:1px solid var(--ae-line)!important}
/* summernote */
html.ae .note-editor.note-frame{border:1px solid var(--ae-line-2)!important;border-radius:var(--ae-radius-sm)!important}
html.ae .note-toolbar{background:var(--ae-surface-2)!important}
/* magic checkbox */
html.ae .magic-checkbox+label:before,html.ae .magic-radio+label:before{border-color:var(--ae-line-2)!important;border-radius:5px}
html.ae .magic-checkbox:checked+label:before{background:var(--ae-accent)!important;border-color:var(--ae-accent)!important}

/* ---------- 8. Tabs inside forms (student card etc.) ---------- */
html.ae .nav-tabs{border-bottom:1px solid var(--ae-line)!important;background:transparent!important;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
html.ae .nav-tabs::-webkit-scrollbar{display:none}
html.ae .nav-tabs>li{float:none;flex:none}
html.ae .nav-tabs>li>a{border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:var(--ae-muted)!important;font-weight:600;padding:10px 14px!important;margin:0!important;border-radius:0!important}
html.ae .nav-tabs>li>a:hover{color:var(--ae-ink)!important}
html.ae .nav-tabs>li.active>a,html.ae .nav-tabs>li.active>a:focus,html.ae .nav-tabs>li.active>a:hover{color:var(--ae-ink)!important;border-bottom-color:var(--ae-accent)!important}
html.ae .panel-control{height:auto!important;display:block!important;padding:0 8px;float:none!important;width:100%}
html.ae .panel>.panel-heading:has(>.panel-control){padding:0 8px!important;background:transparent!important;display:block;height:auto!important;min-height:0!important;line-height:normal!important}
html.ae .panel-control .nav-tabs,html.ae .panel-control>.nav-tabs>li{margin:0!important;height:auto!important}
html.ae .panel-control .nav-tabs>li>a{line-height:1.3!important;height:auto!important}
html.ae .panel>.panel-heading:has(>.panel-control) .panel-title:empty{display:none}
html.ae .nav-tabs>li>a,html.ae .nav-tabs>li>a *{text-decoration:none!important}
html.ae .nav-tabs{justify-content:flex-start}
html.ae .panel>.panel-heading .panel-control .nav-tabs{float:none!important}
html.ae .tab-base .tab-content{background:transparent!important;padding:12px 0!important}

/* ---------- 9. Dialogs ---------- */
html.ae .modal-backdrop{background:#1d1218!important}
html.ae .modal-backdrop.in{opacity:.38!important}
html.ae .modal-content{border:0!important;border-radius:var(--ae-radius-lg)!important;box-shadow:var(--ae-shadow-3)!important;overflow:hidden;background:var(--ae-surface)}
html.ae .modal-header{border-bottom:1px solid var(--ae-line)!important;padding:14px 20px!important;background:var(--ae-surface)!important;display:flex;align-items:center;gap:10px}
html.ae .modal-header:before,html.ae .modal-header:after,html.ae .modal-footer:before,html.ae .modal-footer:after{display:none!important}
html.ae .modal-header .close{order:2;position:static!important;float:none!important;margin:0 0 0 auto!important;opacity:.55;width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
html.ae .modal-header .close:hover{opacity:1;background:var(--ae-accent-50)}
html.ae .modal-title{font-size:18px!important;font-weight:700!important;color:var(--ae-ink)!important;display:flex;align-items:center;gap:10px;flex:1;min-width:0}
html.ae .modal-title>i{color:var(--ae-accent);font-size:16px}
html.ae .modal-body{background:var(--ae-surface);color:var(--ae-ink)}
html.ae .modal-footer{border-top:1px solid var(--ae-line)!important;background:var(--ae-surface-2)!important;padding:12px 20px!important;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
html.ae .modal-footer .btn{margin:0!important}
html.ae .modal-footer .btn+.btn{margin-left:0!important}
/* screens opened as dialogs (Σύνοψη shortcuts) behave like pages over the content area */
html.ae #globalDialog,html.ae .modal[id^="dialog_"]{padding:0!important}
html.ae #globalDialog>.modal-dialog,html.ae .modal[id^="dialog_"]>.modal-dialog{width:auto!important;margin:0!important;position:fixed;top:calc(var(--ae-navbar-h) + 14px);left:calc(var(--ae-side-w) + 18px);right:18px;bottom:14px;transform:none!important}
html.ae #globalDialog .modal-content,html.ae .modal[id^="dialog_"] .modal-content{height:100%;display:flex;flex-direction:column}
html.ae #globalDialog .modal-content>div:not(.modal-header),html.ae .modal[id^="dialog_"] .modal-content>div:not(.modal-header){flex:1;min-height:0;display:flex;flex-direction:column}
html.ae #globalDialogBody,html.ae .modal[id^="dialog_"] .modal-body{height:auto!important;flex:1;min-height:0;padding:18px 22px!important}
/* record dialog of every form (forms.php: <RID>_editDialog) */
html.ae .modal[id$="_editDialog"]>.modal-dialog{width:min(1180px,calc(100% - 48px))!important;margin:24px auto!important}
html.ae .modal[id$="_editDialog"] .modal-body{height:calc(100vh - 190px)!important;padding:18px 22px!important}
/* message boxes */
html.ae .modal[id$="_msgboxDialog"]>.modal-dialog{width:min(520px,calc(100% - 32px))!important;margin:12vh auto 0!important}
html.ae .modal[id$="_msgboxDialog"] .modal-body table,html.ae .modal[id$="_msgboxDialog"] .modal-body table td{border:0!important;background:transparent!important;margin:0}
html.ae .modal[id$="_msgboxDialog"] .modal-body table td:first-child{width:64px;vertical-align:top;padding:4px 14px 0 0!important}
html.ae .modal[id$="_msgboxDialog"] .modal-body table td:first-child i{font-size:30px!important;width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--ae-accent-50);color:var(--ae-accent)}
html.ae .modal[id$="_msgboxDialog"] .modal-body table td:first-child i.text-warning{background:var(--ae-amber-50)}
html.ae .modal[id$="_msgboxDialog"] .modal-body table td:first-child i.text-danger{background:var(--ae-red-50)}
html.ae .modal[id$="_msgboxDialog"] .modal-body table td:last-child p{font-size:15px;font-weight:500!important;color:var(--ae-ink)!important;line-height:1.55;margin:4px 0 0}
html.ae .modal[id$="_msgboxDialog"] .modal-body col{width:auto!important}
/* nested find dialogs (DataList / DataBound fields) */
html.ae .modal[id^="findDialog_"]>.modal-dialog{width:min(980px,calc(100% - 48px))!important}

/* ---------- 10. Notifications, overlay ---------- */
html.ae #floating-top-right .alert-wrap .alert,html.ae .alert{border-radius:var(--ae-radius)!important;box-shadow:var(--ae-shadow-2)!important;border:1px solid var(--ae-line)!important;background:var(--ae-surface)!important;color:var(--ae-ink)!important;padding:14px 16px!important}
html.ae .alert .alert-title{font-weight:700;color:var(--ae-ink)!important}
html.ae .alert .media-left .icon-wrap,html.ae .alert .media-left i{color:inherit}
html.ae .alert-success{border-left:4px solid var(--ae-green)!important}
html.ae .alert-danger{border-left:4px solid var(--ae-red)!important}
html.ae .alert-warning{border-left:4px solid var(--ae-amber)!important}
html.ae .alert-info,html.ae .alert-primary,html.ae .alert-purple,html.ae .alert-mint,html.ae .alert-dark{border-left:4px solid var(--ae-accent)!important}
html.ae .alert .close{color:var(--ae-muted)!important;opacity:.6}
html.ae .panel-overlay{background:rgba(255,255,255,.72)!important}
html.ae .panel-overlay-icon{color:var(--ae-accent)!important}

/* ---------- 11. Grids (Syncfusion ejGrid) ---------- */
html.ae .e-grid{border:1px solid var(--ae-line)!important;border-radius:var(--ae-radius)!important;overflow:hidden;background:var(--ae-surface)!important;font-size:13.5px}
html.ae .e-grid .e-gridheader{background:var(--ae-surface-2)!important;border-bottom:1px solid var(--ae-line)!important}
html.ae .e-grid .e-headercell,html.ae .e-grid .e-headercelldiv{background:transparent!important;color:var(--ae-muted)!important;font-weight:700!important;font-size:11.5px!important;letter-spacing:.06em;text-transform:uppercase;border-color:var(--ae-line)!important}
html.ae .e-grid .e-headercell{height:44px}
html.ae .e-grid .e-rowcell{padding:10px 12px!important;border-color:var(--ae-line)!important;color:var(--ae-ink)!important;font-size:13.5px!important;line-height:1.35}
html.ae .e-grid .e-alt_row{background:var(--ae-surface-2)!important}
html.ae .e-grid tr.e-row:hover>td,html.ae .e-grid tr.e-alt_row:hover>td,html.ae .e-grid .e-hover{background:var(--ae-accent-50)!important}
html.ae .e-grid .e-active,html.ae .e-grid td.e-selectionbackground,html.ae .e-grid .e-rowcell.e-selectionbackground{background:var(--ae-accent-100)!important;color:var(--ae-ink)!important}
html.ae .e-grid .e-groupdroparea{background:var(--ae-surface-2)!important;color:var(--ae-muted)!important;border-bottom:1px solid var(--ae-line)!important;font-size:12.5px}
html.ae .e-grid .e-groupheadercell{background:var(--ae-accent)!important;border-radius:999px!important;color:#fff!important}
html.ae .e-grid .e-groupcaption,html.ae .e-grid .e-recordplusexpand,html.ae .e-grid .e-recordpluscollapse,html.ae .e-grid .e-indentcell{background:var(--ae-bg)!important;color:var(--ae-ink)!important;font-weight:700}
html.ae .e-grid .e-pager,html.ae .e-pager{background:var(--ae-surface-2)!important;border-top:1px solid var(--ae-line)!important}
html.ae .e-pager .e-currentitem,html.ae .e-pager .e-currentitem:hover{background:var(--ae-accent)!important;color:#fff!important;border-radius:8px}
html.ae .e-grid .e-filterbar,html.ae .e-grid .e-filterbarcell{background:var(--ae-surface)!important}
html.ae .e-grid .e-summaryrow{background:var(--ae-surface-2)!important;font-weight:700}
html.ae .e-grid .e-gridcontent ::-webkit-scrollbar{width:10px;height:10px}
html.ae .e-grid .e-gridcontent ::-webkit-scrollbar-thumb{background:var(--ae-line-2);border-radius:10px;border:2px solid var(--ae-surface)}
html.ae .table{color:var(--ae-ink)}
html.ae .table>thead>tr>th{color:var(--ae-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-color:var(--ae-line)!important}
html.ae .table-bordered,html.ae .table-bordered>tbody>tr>td,html.ae .table-bordered>thead>tr>th{border-color:var(--ae-line)!important}

/* criteria / search accordion of forms */
html.ae .panel-group.accordion>.panel{border-radius:var(--ae-radius)!important}
html.ae [id$="_pnlCriteria"]{padding:6px 2px 2px}
html.ae [id$="_btnFind"]{min-height:40px}

/* ---------- 12. Login, register, reminder pages ---------- */
html.ae .cls-container{background:var(--ae-bg)!important;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
html.ae .cls-container #bg-overlay{opacity:.12!important;filter:grayscale(1)}
html.ae .cls-content{position:relative;padding:0!important;width:100%;display:flex;justify-content:center}
html.ae .cls-content .cls-content-sm,html.ae .cls-content .cls-content-lg{width:100%;max-width:420px;border-radius:20px!important;box-shadow:var(--ae-shadow-3)!important;border:1px solid var(--ae-line)!important;overflow:hidden}
html.ae .cls-content .panel-body{padding:34px 34px 26px!important}
html.ae .cls-content h1.h3{font-size:22px;font-weight:700;margin:0 0 4px}
html.ae .cls-content .mar-ver p{color:var(--ae-muted)}
html.ae .cls-content .btn-lg{min-height:48px;font-size:15px;border-radius:12px!important}
html.ae .cls-content .form-control{min-height:46px}
html.ae .cls-content .logo img{max-width:130px!important;border-radius:14px}

/* ---------- 13. Shared content helpers (used by the new DB screens) ---------- */
html.ae .ae-page{display:grid;gap:18px}
html.ae .ae-hero{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;justify-content:space-between}
html.ae .ae-hero h2{margin:0;font-size:26px;font-weight:800;line-height:1.15}
html.ae .ae-hero p{margin:2px 0 0;color:var(--ae-muted)}
html.ae .ae-hero .ae-clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ae-ink-2);font-size:15px}
html.ae .ae-links{display:flex;gap:8px;flex-wrap:wrap}
html.ae .ae-chip-link{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--ae-line-2);background:var(--ae-surface);color:var(--ae-ink-2)!important;font-weight:600;font-size:12.5px;text-decoration:none!important}
html.ae .ae-chip-link:hover{border-color:var(--ae-accent);color:var(--ae-accent)!important}
html.ae .ae-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html.ae .ae-kpi{background:var(--ae-surface);border:1px solid var(--ae-line);border-radius:var(--ae-radius);padding:14px 16px;display:grid;gap:6px;align-content:start;min-width:0;position:relative}
html.ae .ae-kpi .ae-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ae-muted);font-size:12.5px;font-weight:600}
html.ae .ae-kpi .ae-kpi-top i{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
html.ae .ae-kpi .ae-kpi-value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--ae-ink)}
html.ae .ae-kpi .ae-kpi-sub{font-size:12.5px;color:var(--ae-muted);max-height:4.6em;overflow:auto}
html.ae .ae-kpi .ae-kpi-add{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:9px;border:1px solid var(--ae-line-2);background:var(--ae-surface);color:var(--ae-ink-2);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
html.ae .ae-kpi .ae-kpi-add:hover{border-color:var(--ae-accent);color:var(--ae-accent)}
html.ae .ae-tone-green i{background:var(--ae-green-50);color:var(--ae-green)}
html.ae .ae-tone-teal i{background:var(--ae-teal-50);color:var(--ae-teal)}
html.ae .ae-tone-red i{background:var(--ae-red-50);color:var(--ae-red)}
html.ae .ae-tone-wine i{background:var(--ae-accent-50);color:var(--ae-accent)}
html.ae .ae-tone-blue i{background:var(--ae-blue-50);color:var(--ae-blue)}
html.ae .ae-tone-amber i{background:var(--ae-amber-50);color:var(--ae-amber)}
html.ae .ae-tone-violet i{background:var(--ae-violet-50);color:var(--ae-violet)}
html.ae .ae-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
html.ae .ae-shortcut{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:var(--ae-radius);border:1px solid var(--ae-line);background:var(--ae-surface);color:var(--ae-ink)!important;font-weight:600;font-size:13.5px;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
html.ae .ae-shortcut:hover{border-color:var(--ae-accent);transform:translateY(-1px)}
html.ae .ae-shortcut i{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:17px}
html.ae .ae-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
html.ae .ae-card{background:var(--ae-surface);border:1px solid var(--ae-line);border-radius:var(--ae-radius);min-width:0}
html.ae .ae-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ae-line)}
html.ae .ae-card>header h3{margin:0;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
html.ae .ae-card>.ae-card-body{padding:6px 8px 10px}
html.ae .ae-count{display:inline-flex;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--ae-accent-50);color:var(--ae-accent);font-size:12px;font-weight:700;align-items:center;justify-content:center}
html.ae .ae-icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--ae-line-2);background:var(--ae-surface);color:var(--ae-ink-2);display:inline-flex;align-items:center;justify-content:center}
html.ae .ae-icon-btn:hover{border-color:var(--ae-accent);color:var(--ae-accent)}
html.ae .ae-list{display:grid}
html.ae .ae-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:10px 8px;border-radius:10px;cursor:pointer;color:var(--ae-ink)!important;text-decoration:none!important}
html.ae .ae-row+.ae-row{border-top:1px dashed var(--ae-line)}
html.ae .ae-row:hover{background:var(--ae-accent-50)}
html.ae .ae-row .ae-row-icon{grid-row:span 3;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--ae-accent-50);color:var(--ae-accent)}
html.ae .ae-row .ae-row-title{font-weight:700;font-size:14px}
html.ae .ae-row .ae-row-meta{font-size:12.5px;color:var(--ae-muted)}
html.ae .ae-row .ae-row-note{font-size:13px;color:var(--ae-ink-2)}
html.ae .ae-empty{padding:18px 10px;color:var(--ae-muted);font-size:13.5px;text-align:center}
html.ae .ae-banner{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--ae-radius);border:1px solid #efd9a8;background:var(--ae-amber-50);color:#6b4708}
html.ae .ae-banner h3{margin:0;font-size:16px;color:#6b4708}
html.ae .ae-banner p{margin:2px 0 0}

/* =====================================================================================================
   Tablet 768–1199: icon rail; the full menu opens as an overlay
   ===================================================================================================== */
@media (min-width:768px) and (max-width:1199.98px){
  html.ae #navbar .navbar-header{width:var(--ae-rail-w)!important}
  html.ae #navbar .navbar-brand{padding:0 10px!important}
  html.ae #navbar .navbar-brand img.brand-icon{max-height:30px}
  html.ae #mainnav-container{width:var(--ae-rail-w)!important}
  html.ae:not(.ae-nav-open) #mainnav-menu{padding:0 10px!important}
  html.ae:not(.ae-nav-open) #mainnav-menu>.list-header,
  html.ae:not(.ae-nav-open) #mainnav-menu>li>a:not([onclick*="getDashboardView"]){display:none!important}
  html.ae:not(.ae-nav-open) #mainnav-menu>li>ul{border-top:1px solid rgba(255,255,255,.08);margin-top:6px!important;padding-top:6px!important}
  html.ae:not(.ae-nav-open) #mainnav-menu li a{justify-content:center;padding:10px 0!important;font-size:0!important;gap:0}
  html.ae:not(.ae-nav-open) #mainnav-menu li a .menu-title{display:none}
  html.ae:not(.ae-nav-open) #mainnav-menu li a i{font-size:17px!important;opacity:.9;width:auto}
  html.ae.ae-nav-open #mainnav-container{width:var(--ae-side-w)!important;box-shadow:var(--ae-shadow-3)}
  html.ae #content-container{padding-left:var(--ae-rail-w)!important}
  html.ae #footer,html.ae #footer>.bord-top{left:var(--ae-rail-w)!important}
  html.ae #page-content{padding:20px 20px 28px!important}
  html.ae #globalDialog>.modal-dialog,html.ae .modal[id^="dialog_"]>.modal-dialog{left:calc(var(--ae-rail-w) + 12px);right:12px;top:calc(var(--ae-navbar-h) + 10px);bottom:10px}
  html.ae .modal[id$="_editDialog"]>.modal-dialog{width:calc(100% - 32px)!important;margin:16px auto!important}
  html.ae .ae-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ae .ae-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}
  html.ae .ae-cols{grid-template-columns:1fr}
  html.ae [id^="parent_"]{min-width:calc(50% - 20px)}
}

/* =====================================================================================================
   Mobile < 768: slim top bar, drawer, bottom bar, full-screen dialogs, lists as cards
   ===================================================================================================== */
@media (max-width:767.98px){
  :root{--ae-navbar-h:56px}
  html.ae body{font-size:15px}
  html.ae #navbar .navbar-header{width:auto!important;background:transparent!important;padding-left:8px}
  html.ae #navbar .navbar-brand{padding:0 6px!important;justify-content:flex-start}
  html.ae #navbar .navbar-brand img.brand-icon{filter:none;opacity:1;max-height:30px;max-width:110px}
  html.ae #navbar-container{position:relative}
  html.ae #navbar .navbar-header{padding-left:50px}
  html.ae #navbar .navbar-content{position:absolute;inset:0;padding:0 8px;justify-content:space-between;pointer-events:none}
  html.ae #navbar .navbar-content>*{pointer-events:auto}
  html.ae #navbar .navbar-content>.row{display:none}
  html.ae #dropdown-user .username{display:none}
  html.ae #mainnav-container{width:min(86vw,320px)!important;transform:translateX(-102%);top:0!important;z-index:1060;box-shadow:var(--ae-shadow-3);padding-top:env(safe-area-inset-top,0px)}
  html.ae.ae-nav-open #mainnav-container{transform:none}
  html.ae #mainnav-menu-wrap .nano-content{padding-top:18px!important}
  html.ae #content-container{padding-left:0!important;padding-bottom:calc(var(--ae-bottom-h) + 24px + env(safe-area-inset-bottom,0px))}
  html.ae #page-content{padding:14px 12px 20px!important}
  html.ae #footer{display:none!important}
  html.ae #dashboard>div>h4:first-child{font-size:19px;margin-bottom:12px}
  /* dialogs become full screens */
  html.ae #globalDialog>.modal-dialog,html.ae .modal[id^="dialog_"]>.modal-dialog,html.ae .modal[id$="_editDialog"]>.modal-dialog,html.ae .modal[id^="findDialog_"]>.modal-dialog{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}
  html.ae #globalDialog .modal-content,html.ae .modal[id^="dialog_"] .modal-content,html.ae .modal[id$="_editDialog"] .modal-content,html.ae .modal[id^="findDialog_"] .modal-content{border-radius:0!important;height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
  html.ae .modal[id$="_editDialog"] .modal-content>*{flex:none}
  html.ae .modal[id$="_editDialog"] .modal-body{height:auto!important;flex:1 1 auto!important;min-height:0;overflow-y:auto!important}
  html.ae .modal-header{padding:10px 14px!important}
  html.ae .modal-title{font-size:16.5px!important}
  html.ae .modal-body{padding:14px!important}
  html.ae .modal-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;position:sticky;bottom:0}
  html.ae .modal-footer .btn{flex:1 1 auto;min-height:44px}
  html.ae .modal[id$="_msgboxDialog"]>.modal-dialog{margin:auto!important;position:fixed;left:12px!important;right:12px;bottom:12px;top:auto!important;width:auto!important}
  /* fields stack */
  html.ae [id^="parent_"],html.ae [id$="_parent"]{width:100%!important;margin-left:0!important;margin-right:0!important;display:block!important}
  html.ae [id^="parent_"] .form-control,html.ae [id^="parent_"] .select2-container,html.ae [id^="parent_"] .bootstrap-select{width:calc(100% - 40px)!important}
  html.ae .form-control,html.ae .btn:not(.btn-icon):not(.btn-circle){min-height:44px}
  html.ae [id$="_MainActions"] .btn{flex:1 1 0}
  /* grids become card lists */
  html.ae .e-grid.ae-cards .e-gridheader,html.ae .e-grid.ae-cards .e-groupdroparea{display:none!important}
  html.ae .e-grid.ae-cards{border:0!important;background:transparent!important;border-radius:0!important}
  html.ae .e-grid.ae-cards .e-gridcontent{background:transparent!important}
  html.ae .e-grid.ae-cards .e-gridcontent table,html.ae .e-grid.ae-cards .e-gridcontent tbody{display:block!important;width:100%!important}
  html.ae .e-grid.ae-cards .e-gridcontent colgroup{display:none}
  html.ae .e-grid.ae-cards .e-gridcontent tr.e-row,html.ae .e-grid.ae-cards .e-gridcontent tr.e-alt_row{display:grid!important;grid-template-columns:1fr 1fr;gap:2px 12px;background:var(--ae-surface)!important;border:1px solid var(--ae-line);border-radius:12px;margin:0 0 10px;padding:10px 12px}
  html.ae .e-grid.ae-cards .e-gridcontent tr.e-row>td,html.ae .e-grid.ae-cards .e-gridcontent tr.e-alt_row>td{display:block!important;border:0!important;padding:3px 0!important;background:transparent!important;white-space:normal!important;text-align:left!important;min-width:0;overflow-wrap:anywhere}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.e-hide,html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-empty-cell{display:none!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td[data-label]:before{content:attr(data-label);display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ae-faint);margin-bottom:1px}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead{grid-column:1 / -1;font-size:15px!important;font-weight:700}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead:before{display:none}
  html.ae .e-grid.ae-cards .e-gridcontent tr.e-row.ae-selected,html.ae .e-grid.ae-cards .e-gridcontent tr.e-alt_row.ae-selected{border-color:var(--ae-accent);box-shadow:var(--ae-focus)}
  html.ae .e-grid.ae-cards .e-gridcontent tr.e-grouptopleftcell,html.ae .e-grid.ae-cards .e-gridcontent tr:has(> td.e-groupcaption){display:block!important;margin:12px 0 6px}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.e-indentcell,html.ae .e-grid.ae-cards .e-gridcontent tr>td.e-recordplusexpand,html.ae .e-grid.ae-cards .e-gridcontent tr>td.e-recordpluscollapse{display:none!important}
  html.ae .e-grid.ae-cards .e-gridcontent td.e-groupcaption{display:block!important;background:transparent!important;color:var(--ae-muted)!important;font-size:12.5px!important;padding:0 2px!important}
  html.ae .e-grid.ae-cards .e-gridcontent>div{height:auto!important;max-height:none!important;overflow:visible!important}
  /* dashboard */
  html.ae .ae-hero h2{font-size:21px}
  html.ae .ae-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html.ae .ae-kpi .ae-kpi-value{font-size:21px}
  html.ae .ae-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html.ae .ae-shortcut{align-items:center;text-align:center;font-size:12px;padding:12px 6px}
  html.ae .ae-cols{grid-template-columns:1fr}
  html.ae #mainTabLinks{margin-bottom:10px}
  html.ae .cls-content .panel-body{padding:26px 22px 20px!important}
}

/* drawer backdrop and bottom bar (built by aelius-2026.js) */
html.ae .ae-scrim{position:fixed;inset:0;background:rgba(29,18,24,.42);z-index:1055;opacity:0;pointer-events:none;transition:opacity .2s}
html.ae.ae-nav-open .ae-scrim{opacity:1;pointer-events:auto}
@media (min-width:1200px){html.ae .ae-scrim{display:none}}
html.ae .ae-bottombar{display:none}
@media (max-width:767.98px){
  html.ae .ae-bottombar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:1040;background:var(--ae-surface);border-top:1px solid var(--ae-line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 24px rgba(36,18,27,.06)}
  html.ae .ae-bottombar button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;color:var(--ae-muted);font-size:11px;font-weight:600;font-family:var(--ae-font)}
  html.ae .ae-bottombar button i{font-size:19px;line-height:1}
  html.ae .ae-bottombar button.on{color:var(--ae-accent)}
  html.ae .ae-bottombar button:active{background:var(--ae-accent-50)}
  html.ae body.modal-open .ae-bottombar{display:none}
}

/* desktop: optional collapse to the rail with the menu button */
@media (min-width:1200px){
  html.ae.ae-nav-collapsed #navbar .navbar-header,html.ae.ae-nav-collapsed #mainnav-container{width:var(--ae-rail-w)!important}
  html.ae.ae-nav-collapsed #content-container{padding-left:var(--ae-rail-w)!important}
  html.ae.ae-nav-collapsed #footer,html.ae.ae-nav-collapsed #footer>.bord-top{left:var(--ae-rail-w)!important}
  html.ae.ae-nav-collapsed #globalDialog>.modal-dialog,html.ae.ae-nav-collapsed .modal[id^="dialog_"]>.modal-dialog{left:calc(var(--ae-rail-w) + 18px)}
  html.ae.ae-nav-collapsed #mainnav-menu>.list-header,html.ae.ae-nav-collapsed #mainnav-menu>li>a:not([onclick*="getDashboardView"]){display:none!important}
  html.ae.ae-nav-collapsed #mainnav-menu li a{justify-content:center;padding:10px 0!important;font-size:0!important;gap:0}
  html.ae.ae-nav-collapsed #mainnav-menu li a .menu-title{display:none}
  html.ae.ae-nav-collapsed #mainnav-menu li a i{font-size:17px!important;width:auto}
  html.ae.ae-nav-collapsed #navbar .navbar-brand img.brand-icon{max-height:28px}
}

/* print: keep the app chrome out of printed grids */
@media print{html.ae #navbar,html.ae #mainnav-container,html.ae #footer,html.ae .ae-bottombar,html.ae .ae-scrim{display:none!important}html.ae #content-container{padding:0!important}}

/* ---------- 14. Fine-tuning after review ---------- */
html.ae .ui-spinner .form-control,html.ae .ui-spinner input{border:0!important;box-shadow:none!important;min-height:38px}
html.ae .ui-spinner:focus-within{border-color:var(--ae-accent)!important;box-shadow:var(--ae-focus)}
html.ae #mainnav-menu>.list-header:before,html.ae #mainnav-menu>.list-header:after{display:none!important;content:none!important}
html.ae #mainnav-menu>.list-header{padding-left:10px!important}
html.ae [id^="parent_"]>label+br,html.ae [id$="_parent"]>label+br{display:none}
html.ae #mainnav-menu,html.ae #mainnav-menu li{list-style:none!important}
/* rail and collapsed menu: monogram instead of the full logo */
@media (min-width:768px) and (max-width:1199.98px){
  html.ae #navbar .navbar-brand img.brand-icon{display:none}
  html.ae #navbar .navbar-brand:before{content:"A";width:36px;height:36px;border-radius:11px;background:var(--ae-accent);color:#fff;font:800 18px/36px var(--ae-font);text-align:center}
}
@media (min-width:1200px){
  html.ae.ae-nav-collapsed #navbar .navbar-brand img.brand-icon{display:none}
  html.ae.ae-nav-collapsed #navbar .navbar-brand:before{content:"A";width:36px;height:36px;border-radius:11px;background:var(--ae-accent);color:#fff;font:800 18px/36px var(--ae-font);text-align:center}
}
@media (max-width:767.98px){
  html.ae #container #navbar .navbar-header,html.ae #container #navbar .navbar-brand{background:transparent!important}
  html.ae #navbar .navbar-header{position:relative;z-index:1}
  html.ae #navbar .navbar-content{z-index:2}
  html.ae #navbar .navbar-brand img.brand-icon{filter:none!important;opacity:1!important}
  html.ae [id$="_MainActions"]{flex-wrap:nowrap}
  html.ae [id$="_MainActions"] .btn{padding:8px 6px!important;font-size:13px;justify-content:center}
  html.ae .e-grid.ae-cards .e-content,html.ae .e-grid.ae-cards .e-gridcontent>div{height:auto!important;max-height:none!important;overflow:visible!important}
  html.ae .e-grid.ae-cards .e-scrollbar,html.ae .e-grid.ae-cards .e-vscroll,html.ae .e-grid.ae-cards .e-hscroll,html.ae .e-grid.ae-cards .e-scrollcss .e-gridheader{display:none!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead{order:-2;grid-column:1}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-badge{order:-1;grid-column:2;justify-self:end;align-self:center;font-size:12px!important;font-weight:700;color:var(--ae-accent)!important;background:var(--ae-accent-50)!important;border-radius:999px;padding:2px 10px!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-badge:before{display:none}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead{grid-column:1}
}
html.ae #navbar .navbar-content:before,html.ae #navbar .navbar-content:after,html.ae #navbar-container:before,html.ae #navbar-container:after{display:none!important;content:none!important}
html.ae #dashboard>div>h4:first-child{display:none}
html.ae .ae-kpi .ae-kpi-value small{font-size:13px;font-weight:600;color:var(--ae-muted)}
html.ae .ae-kpi:has(.ae-kpi-add) .ae-kpi-sub{padding-right:40px}
html.ae .ae-kpi .ae-kpi-sub:empty{display:none}
html.ae .btn.ae-btn-danger-outline{color:var(--ae-red)!important;border-color:color-mix(in srgb,var(--ae-red) 35%,var(--ae-line-2))!important}
html.ae .btn.ae-btn-danger-outline:hover{background:var(--ae-red-50)!important;border-color:var(--ae-red)!important}
html.ae .modal-footer .btn i.fa{margin-right:2px}
html.ae table[border="1"]{border-collapse:collapse;border-color:var(--ae-line)!important}
html.ae table[border="1"] td,html.ae table[border="1"] th{border-color:var(--ae-line)!important;padding:6px 8px}
html.ae [id^="details_"]{overflow-x:auto;max-width:100%}
@media (max-width:767.98px){
  html.ae .modal-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}
  html.ae .modal-footer .btn{min-height:40px!important;padding:6px 8px!important;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.ae .modal-footer .btn:only-child{grid-column:1 / -1}
  html.ae .modal-footer .btn-danger:last-child,html.ae .modal-footer [id$="_btnSave"]{order:10}
}

/* numeric fields: the platform sizes the input in JS when the form is still hidden (width 0); size it in CSS instead */
html.ae [id^="parent_"] .ui-spinner{display:inline-block!important;position:relative;width:calc(100% - 40px)!important;vertical-align:middle}
html.ae [id^="parent_"] .ui-spinner>input,html.ae [id^="parent_"] .ui-spinner>.form-control{width:100%!important;margin:0!important;padding-right:80px!important;height:38px!important}
html.ae [id^="parent_"] .ui-spinner .ui-spinner-button{position:absolute;top:0;bottom:0;height:100%!important}
@media (max-width:767.98px){html.ae [id^="parent_"],html.ae [id$="_parent"]{max-width:100%!important;min-width:0!important}}

/* =====================================================================================================
   v2 — shell and dashboard as in the approved mock-ups
   ===================================================================================================== */
/* brand + school card */
html.ae #navbar .navbar-brand.ae-brand img.brand-icon{display:none!important}
html.ae #navbar .navbar-brand.ae-brand:before{content:none!important}
html.ae #navbar .navbar-brand.ae-brand{justify-content:flex-start!important;gap:10px;padding:0 18px!important;text-decoration:none}
html.ae .ae-mark{width:32px;height:32px;border-radius:10px;background:var(--ae-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 16px/1 var(--ae-font);flex:none}
html.ae .ae-wordmark{color:#fff;font:800 15px/1 var(--ae-font);letter-spacing:.14em}
html.ae .ae-school{margin:14px 12px 4px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);display:grid;gap:2px;color:var(--ae-side-ink)}
html.ae .ae-school b{font-size:14px;font-weight:700;line-height:1.3}
html.ae .ae-school small{font-size:12px;color:var(--ae-side-muted)}
html.ae .ae-school small:empty{display:none}
html.ae #mainnav-menu>.list-header.ae-hidden-header{display:none!important}
/* menu groups always expanded (Nifty toggles them closed on click) */
html.ae #mainnav-menu>li>ul,html.ae #mainnav-menu>li>ul.collapse{display:block!important;height:auto!important;visibility:visible!important}
html.ae #mainnav-menu>li>a:not([onclick]){cursor:default;pointer-events:none}

/* top bar: title + search + new payment */
html.ae .ae-topbar{display:flex;align-items:center;gap:14px;min-width:0;width:100%}
html.ae .ae-topbar h1{margin:0;font-size:18px;font-weight:700;color:var(--ae-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
html.ae .ae-topbar h1 span{color:var(--ae-muted);font-weight:500}
html.ae .ae-search{flex:1 1 260px;max-width:380px;margin-left:auto;position:relative;display:flex;align-items:center}
html.ae .ae-search i{position:absolute;left:12px;color:var(--ae-faint);font-size:13px;pointer-events:none}
html.ae .ae-search input{width:100%;height:38px;border:1px solid var(--ae-line);border-radius:10px;background:var(--ae-surface-2);padding:0 12px 0 34px;font:500 13.5px var(--ae-font);color:var(--ae-ink);outline:none}
html.ae .ae-search input:focus{border-color:var(--ae-accent);background:var(--ae-surface);box-shadow:var(--ae-focus)}
html.ae .ae-new-payment{white-space:nowrap;flex:none;min-height:38px!important}
html.ae #navbar .navbar-content>.row{display:flex!important;align-items:center;height:100%}
html.ae #dropdown-user .username{display:none}
/* one screen at a time: the tab strip is replaced by the title in the top bar */
html.ae #mainTabLinks{display:none!important}
html.ae #mainTab{margin-top:0}
/* dashboard screens as pages */
html.ae.ae-pagemode .modal-backdrop.in{opacity:0!important}
html.ae.ae-pagemode #globalDialog .modal-content{box-shadow:none!important;border:1px solid var(--ae-line)!important;background:var(--ae-bg)}
html.ae.ae-pagemode #globalDialog .modal-header{background:var(--ae-bg)!important;border-bottom:0!important;padding:6px 6px 10px!important}
html.ae.ae-pagemode #globalDialog .modal-title{font-size:20px!important}
html.ae.ae-pagemode #globalDialog .modal-title>i{display:none}
html.ae #globalDialog .modal-header .close.ae-back{order:-1!important;margin:0!important;opacity:.8;width:36px;height:36px;border:1px solid var(--ae-line-2);background:var(--ae-surface)}
html.ae.ae-pagemode #globalDialogBody{background:var(--ae-bg);padding:4px 6px 12px!important}
html.ae.ae-pagemode #globalDialog .modal-footer{background:var(--ae-bg)!important;border-top:0!important}
@media (min-width:768px){
  html.ae.ae-pagemode #globalDialog>.modal-dialog{top:calc(var(--ae-navbar-h) + 0px);left:var(--ae-side-w);right:0;bottom:0}
  html.ae.ae-pagemode #globalDialog .modal-content{border-radius:0!important;border:0!important}
  html.ae.ae-pagemode #globalDialog{left:var(--ae-side-w)!important;top:var(--ae-navbar-h)!important}
}
@media (min-width:768px) and (max-width:1199.98px){
  html.ae.ae-pagemode #globalDialog,html.ae.ae-pagemode #globalDialog>.modal-dialog{left:var(--ae-rail-w)!important}
}
@media (min-width:1200px){
  html.ae.ae-nav-collapsed.ae-pagemode #globalDialog,html.ae.ae-nav-collapsed.ae-pagemode #globalDialog>.modal-dialog{left:var(--ae-rail-w)!important}
}

/* dashboard v2 */
html.ae .ae-hero h2{font-size:22px}
html.ae .ae-kpi .ae-kpi-top{font-size:12.5px}
html.ae .ae-kpi .ae-kpi-value{font-size:28px}
html.ae .ae-kpi .ae-kpi-names{font-size:12px;color:var(--ae-muted);max-height:3.2em;overflow:hidden;padding-right:40px}
html.ae .ae-kpi .ae-kpi-names:empty{display:none}
html.ae .ae-spark{height:30px;margin:2px 0}
html.ae .ae-spark svg{width:100%!important;height:30px!important;display:block}
html.ae .ae-spark polyline{fill:none;stroke:var(--ae-accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
html.ae .ae-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;line-height:1.3}
html.ae .ae-chip-ok{background:var(--ae-green-50);color:var(--ae-green)}
html.ae .ae-chip-warn{background:var(--ae-amber-50);color:var(--ae-amber)}
html.ae .ae-chip-bad{background:var(--ae-red-50);color:var(--ae-red)}
html.ae .ae-chip-muted{background:var(--ae-surface-2);color:var(--ae-faint)}
html.ae .ae-shortcuts{display:flex;flex-wrap:wrap;gap:8px;grid-template-columns:none}
html.ae .ae-shortcut{flex-direction:row;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:999px;font-size:13px}
html.ae .ae-shortcut i{width:28px;height:28px;border-radius:999px;font-size:13px}
html.ae .ae-row.ae-row-class{grid-template-columns:56px minmax(0,1fr) auto;align-items:center}
html.ae .ae-row-class .ae-row-time{grid-row:span 2;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ae-accent);font-size:14px}
html.ae .ae-row-class .ae-row-meta{grid-column:2 / -1}
html.ae .ae-head-btn{min-height:32px!important;padding:4px 10px!important;font-size:12.5px!important}
html.ae .ae-table-wrap{overflow-x:auto}
html.ae .ae-table{width:100%;border-collapse:collapse;font-size:13.5px}
html.ae .ae-table th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ae-muted);font-weight:700;text-align:left;padding:10px 16px;border-bottom:1px solid var(--ae-line);background:var(--ae-surface-2)}
html.ae .ae-table td{padding:11px 16px;border-bottom:1px solid var(--ae-line);color:var(--ae-ink)}
html.ae .ae-table tr:last-child td{border-bottom:0}
html.ae .ae-table tbody tr{cursor:pointer}
html.ae .ae-table tbody tr:hover td{background:var(--ae-accent-50)}
html.ae .ae-table .r{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
/* floating new payment on phones */
html.ae .ae-fab{display:none}
@media (max-width:767.98px){
  html.ae .ae-topbar .ae-search,html.ae .ae-topbar .ae-new-payment{display:none}
  html.ae .ae-topbar h1{font-size:16px}
  html.ae .ae-topbar h1 span{display:none}
  html.ae #navbar .navbar-content>.row{display:flex!important;position:absolute;left:96px;right:56px;top:0;bottom:0}
  html.ae #navbar .navbar-header{display:none!important}
  html.ae .ae-fab{display:inline-flex;align-items:center;gap:8px;position:fixed;right:14px;bottom:calc(var(--ae-bottom-h) + 14px + env(safe-area-inset-bottom,0px));z-index:1041;border:0;border-radius:16px;background:var(--ae-accent);color:#fff;font:700 14px var(--ae-font);padding:12px 16px;box-shadow:var(--ae-shadow-2)}
  html.ae body.modal-open .ae-fab{display:none}
  html.ae .ae-table th:nth-child(2),html.ae .ae-table td:nth-child(2),html.ae .ae-table th:nth-child(3),html.ae .ae-table td:nth-child(3){display:none}
  html.ae .ae-table td,html.ae .ae-table th{padding:10px 12px}
  html.ae .ae-school{margin-top:4px}
}
@media (min-width:768px) and (max-width:1199.98px){
  html.ae .ae-search{max-width:260px}
  html.ae:not(.ae-nav-open) .ae-school,html.ae:not(.ae-nav-open) #mainnav .ae-school{display:none}
  html.ae .ae-wordmark{display:none}
  html.ae #navbar .navbar-brand.ae-brand{justify-content:center!important;padding:0!important}
}
@media (min-width:1200px){
  html.ae.ae-nav-collapsed .ae-school,html.ae.ae-nav-collapsed .ae-wordmark{display:none}
  html.ae.ae-nav-collapsed #navbar .navbar-brand.ae-brand{justify-content:center!important;padding:0!important}
}

/* ---------- v2: cards as in the mock-up ---------- */
html.ae .ae-kpis{gap:12px}
html.ae .ae-kpi{padding:12px 14px;gap:5px;border-radius:12px}
html.ae .ae-kpi .ae-kpi-top{font-size:12px;font-weight:600;color:var(--ae-muted)}
html.ae .ae-kpi .ae-kpi-value{font-size:24px;font-weight:800}
html.ae .ae-kpi .ae-kpi-sub{font-size:12px;padding-right:0!important}
html.ae .ae-kpi .ae-chip{justify-self:start}
html.ae .ae-spark{height:24px}
html.ae .ae-spark svg{height:24px!important}
html.ae .ae-chip-wine{background:var(--ae-accent-50);color:var(--ae-accent)}
html.ae .ae-card{border-radius:12px}
html.ae .ae-card>header{padding:11px 14px}
html.ae .ae-card>header h3{font-size:14px}
html.ae .ae-row+.ae-row{border-top:1px dashed var(--ae-line)}
html.ae .ae-links-foot{justify-content:flex-start;padding-top:2px}
html.ae .ae-cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
@media (max-width:767.98px){
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-extra{display:none!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr.e-row,html.ae .e-grid.ae-cards .e-gridcontent tr.e-alt_row{padding:10px 12px;gap:0 12px;margin-bottom:8px}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td[data-label]:not(.ae-lead):not(.ae-badge){font-size:13px!important;color:var(--ae-ink-2)!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td[data-label]:before{font-size:10px;margin-bottom:0}
}
/* "Σήμερα" group */
html.ae #mainnav-menu>li.ae-moved{display:none!important}

/* =====================================================================================================
   Dark theme (per school: Ρυθμίσεις → Θέμα εμφάνισης). html.ae.ae-dark is set in environment.php.
   ===================================================================================================== */
html.ae.ae-dark{
  --ae-accent:#b8456f; --ae-accent-600:#a03b60; --ae-accent-50:#3a2230; --ae-accent-100:#4b2a3c;
  --ae-ink:#f1ecef; --ae-ink-2:#d8cfd4; --ae-muted:#a89fa6; --ae-faint:#7d747a;
  --ae-line:#332c31; --ae-line-2:#433b41;
  --ae-bg:#151215; --ae-surface:#1d191c; --ae-surface-2:#241f23;
  --ae-side:#0f080c; --ae-side-2:#1a1016; --ae-side-ink:#eadde3; --ae-side-muted:#9b8691;
  --ae-green:#2f9a57; --ae-green-50:#183326; --ae-amber:#c58a2b; --ae-amber-50:#3a2d14;
  --ae-red:#d0473b; --ae-red-50:#3d1c1a; --ae-blue:#3f86bd; --ae-blue-50:#16283a;
  --ae-teal:#2f9a8a; --ae-teal-50:#13302b; --ae-violet:#8a68c4; --ae-violet-50:#2a2238;
  --ae-shadow-2:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35); --ae-shadow-3:0 20px 60px rgba(0,0,0,.6);
  --ae-focus:0 0 0 3px rgba(216,122,156,.3);
  color-scheme:dark;
}
html.ae.ae-dark .ae-chip-ok{color:#6fcf8f} html.ae.ae-dark .ae-chip-warn{color:#e3b25c} html.ae.ae-dark .ae-chip-bad{color:#f08a80}
html.ae.ae-dark .ae-chip-wine,html.ae.ae-dark .ae-count{color:#f0bfd1}
html.ae.ae-dark a{color:#e48aac}
html.ae.ae-dark .text-primary{color:#e48aac!important}
html.ae.ae-dark .ae-row-class .ae-row-time{color:#e48aac}
html.ae.ae-dark .ae-spark polyline{stroke:#e48aac}
html.ae.ae-dark .GreenText{color:#6fcf8f!important} html.ae.ae-dark .RedText,html.ae.ae-dark .btn.ae-btn-danger-outline{color:#f08a80!important}
/* surfaces the old theme paints white */
html.ae.ae-dark #navbar,html.ae.ae-dark #navbar-container,html.ae.ae-dark .ae-bottombar{background:var(--ae-surface)!important}
html.ae.ae-dark .ae-search input{background:var(--ae-surface-2);color:var(--ae-ink)}
html.ae.ae-dark #page-content,html.ae.ae-dark #content-container,html.ae.ae-dark #container{background:var(--ae-bg)!important}
html.ae.ae-dark .panel,html.ae.ae-dark .panel-body,html.ae.ae-dark .panel-footer,html.ae.ae-dark .tab-content,html.ae.ae-dark .tab-pane,html.ae.ae-dark .well{background:var(--ae-surface)!important;color:var(--ae-ink)}
html.ae.ae-dark .panel-group .panel-heading,html.ae.ae-dark .panel>.panel-heading{color:var(--ae-ink)!important}
html.ae.ae-dark .modal-content,html.ae.ae-dark .modal-header,html.ae.ae-dark .modal-body{background:var(--ae-surface)!important;color:var(--ae-ink)}
html.ae.ae-dark .modal-footer{background:var(--ae-surface-2)!important}
html.ae.ae-dark.ae-pagemode #globalDialog .modal-content,html.ae.ae-dark.ae-pagemode #globalDialog .modal-header,html.ae.ae-dark.ae-pagemode #globalDialogBody,html.ae.ae-dark.ae-pagemode #globalDialog .modal-footer{background:var(--ae-bg)!important}
html.ae.ae-dark .close{color:var(--ae-ink);text-shadow:none}
html.ae.ae-dark .form-control,html.ae.ae-dark input,html.ae.ae-dark select,html.ae.ae-dark textarea{background-color:var(--ae-surface-2)!important;color:var(--ae-ink)!important;border-color:var(--ae-line-2)!important}
html.ae.ae-dark .form-control[readonly],html.ae.ae-dark .form-control[disabled]{background-color:var(--ae-bg)!important;color:var(--ae-muted)!important}
html.ae.ae-dark ::placeholder{color:var(--ae-faint)!important}
html.ae.ae-dark .input-group-addon{background:var(--ae-surface-2)!important;color:var(--ae-muted)}
html.ae.ae-dark .btn-default,html.ae.ae-dark .GreenText,html.ae.ae-dark .BlueText,html.ae.ae-dark .RedText,html.ae.ae-dark .ae-chip-link,html.ae.ae-dark .ae-icon-btn,html.ae.ae-dark .ae-shortcut,html.ae.ae-dark .ae-kpi .ae-kpi-add,html.ae.ae-dark #globalDialog .modal-header .close.ae-back{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important;border-color:var(--ae-line-2)!important}
html.ae.ae-dark .btn-icon.btn-rounded{background:transparent!important;color:var(--ae-faint)!important}
html.ae.ae-dark .dropdown-menu,html.ae.ae-dark .dropdown-menu>li>a,html.ae.ae-dark .bootstrap-select .dropdown-menu li a{background:var(--ae-surface)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .bootstrap-select>.dropdown-toggle{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important;border-color:var(--ae-line-2)!important}
html.ae.ae-dark .select2-container--default .select2-selection--single,html.ae.ae-dark .select2-container--default .select2-selection--multiple,html.ae.ae-dark .select2-dropdown,html.ae.ae-dark .select2-search input{background:var(--ae-surface-2)!important;border-color:var(--ae-line-2)!important}
html.ae.ae-dark .select2-selection__rendered,html.ae.ae-dark .select2-results,html.ae.ae-dark .select2-results__option,html.ae.ae-dark .select2-search input{color:var(--ae-ink)!important}
html.ae.ae-dark .select2-container--default .select2-results__option[aria-selected=true]{background:var(--ae-accent-100)!important}
html.ae.ae-dark .select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--ae-accent-50)!important;border-color:var(--ae-line-2)!important;color:var(--ae-ink)}
html.ae.ae-dark .datepicker,html.ae.ae-dark .datepicker table,html.ae.ae-dark .bootstrap-timepicker-widget{background:var(--ae-surface)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .datepicker table tr td.day:hover,html.ae.ae-dark .datepicker table tr td span:hover,html.ae.ae-dark .datepicker .datepicker-switch:hover,html.ae.ae-dark .datepicker .prev:hover,html.ae.ae-dark .datepicker .next:hover{background:var(--ae-surface-2)!important}
html.ae.ae-dark .datepicker-dropdown:after{border-bottom-color:var(--ae-surface)!important}
html.ae.ae-dark .note-editor,html.ae.ae-dark .note-editable,html.ae.ae-dark .note-toolbar,html.ae.ae-dark .note-statusbar{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .ui-spinner,html.ae.ae-dark .ui-widget-content{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .ui-spinner-button,html.ae.ae-dark .ui-state-default{background:var(--ae-surface)!important;color:var(--ae-ink)!important;border-color:var(--ae-line-2)!important}
html.ae.ae-dark .list-group-item,html.ae.ae-dark .table,html.ae.ae-dark .table>tbody>tr>td,html.ae.ae-dark .table>thead>tr>th{background:var(--ae-surface)!important;color:var(--ae-ink)!important;border-color:var(--ae-line)!important}
html.ae.ae-dark .table-striped>tbody>tr:nth-of-type(odd)>td{background:var(--ae-surface-2)!important}
html.ae.ae-dark .bg-gray-light,html.ae.ae-dark .bg-gray,html.ae.ae-dark .bg-trans-light{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .switchery{background-color:var(--ae-surface-2)!important}
html.ae.ae-dark .switchery>small{background:#e9e3e6!important}
html.ae.ae-dark [id^="parent_"] [style*="background-color: white"],html.ae.ae-dark [id^="parent_"] [style*="background-color:white"],html.ae.ae-dark [id^="parent_"] [style*="#ffffff"],html.ae.ae-dark [id^="parent_"] [style*="#FFFFFF"]{background-color:var(--ae-surface-2)!important;color:var(--ae-ink)!important}
html.ae.ae-dark [id^="details_"],html.ae.ae-dark .bord-all{border-color:var(--ae-line-2)!important}
/* Syncfusion grid */
html.ae.ae-dark .e-grid,html.ae.ae-dark .e-grid .e-gridcontent,html.ae.ae-dark .e-grid .e-gridcontent table,html.ae.ae-dark .e-grid .e-row,html.ae.ae-dark .e-grid .e-rowcell,html.ae.ae-dark .e-grid .e-content,html.ae.ae-dark .e-grid .e-table{background:var(--ae-surface)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .e-grid .e-alt_row,html.ae.ae-dark .e-grid .e-alt_row .e-rowcell{background:var(--ae-surface-2)!important}
html.ae.ae-dark .e-grid .e-gridheader,html.ae.ae-dark .e-grid .e-headercontent,html.ae.ae-dark .e-grid .e-headercell,html.ae.ae-dark .e-grid .e-columnheader{background:var(--ae-surface-2)!important}
html.ae.ae-dark .e-grid .e-filterbar,html.ae.ae-dark .e-grid .e-filterbarcell,html.ae.ae-dark .e-grid .e-filtertext,html.ae.ae-dark .e-pager,html.ae.ae-dark .e-pager .e-numericitem{background:var(--ae-surface)!important;color:var(--ae-ink)!important;border-color:var(--ae-line)!important}
html.ae.ae-dark .e-grid .e-groupdroparea,html.ae.ae-dark .e-grid .e-groupcaption,html.ae.ae-dark .e-grid .e-indentcell,html.ae.ae-dark .e-grid .e-recordplusexpand,html.ae.ae-dark .e-grid .e-recordpluscollapse{background:var(--ae-bg)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .e-grid .e-scrollbar,html.ae.ae-dark .e-grid .e-vscroll,html.ae.ae-dark .e-grid .e-hscroll{background:var(--ae-surface)!important}
@media (max-width:767.98px){html.ae.ae-dark .e-grid.ae-cards,html.ae.ae-dark .e-grid.ae-cards .e-gridcontent,html.ae.ae-dark .e-grid.ae-cards .e-gridcontent table{background:transparent!important}}
/* DB-stored pages with their own white boxes */
html.ae.ae-dark .help-container,html.ae.ae-dark .subscription-status,html.ae.ae-dark .package,html.ae.ae-dark .contact-note{background:var(--ae-surface)!important;color:var(--ae-ink)!important}
html.ae.ae-dark .help-container h1,html.ae.ae-dark .help-container h2,html.ae.ae-dark .help-container h3{color:var(--ae-ink)!important}
html.ae.ae-dark .panel-overlay{background:rgba(21,18,21,.72)!important}

/* ---------- mobile: floating tab bar (Instagram-style pill) ---------- */
@media (max-width:767.98px){
  :root{--ae-bottom-h:76px}
  html.ae .ae-bottombar{left:14px!important;right:14px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:6px!important;
    background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
    box-shadow:0 10px 30px rgba(36,18,27,.18),0 1px 2px rgba(36,18,27,.08);grid-auto-columns:1fr;gap:2px}
  html.ae .ae-bottombar button{height:48px;border-radius:999px;padding:0!important;gap:0;justify-content:center}
  html.ae .ae-bottombar button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  html.ae .ae-bottombar button i{font-size:21px}
  html.ae .ae-bottombar button.on{background:var(--ae-accent);color:#fff}
  html.ae .ae-bottombar button:active{transform:scale(.94)}
  html.ae .ae-fab{bottom:calc(10px + 64px + 14px + env(safe-area-inset-bottom,0px));border-radius:999px}
  html.ae.ae-dark .ae-bottombar{background:rgba(29,25,28,.72)!important;border-color:rgba(255,255,255,.08)}
  html.ae #content-container{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
}

/* ---------- rail (tablet + collapsed desktop): fixed-height icon rows so icons never overlap ---------- */
@media (min-width:768px) and (max-width:1199.98px){
  html.ae:not(.ae-nav-open) #mainnav-menu li a{height:42px!important;min-height:42px;line-height:42px!important;padding:0!important;margin:2px 0}
  html.ae:not(.ae-nav-open) #mainnav-menu li a i{display:inline-block!important;line-height:1!important;font-size:17px!important}
  html.ae:not(.ae-nav-open) #mainnav-menu>li.ae-today>ul{border-top:0!important;margin-top:0!important}
}
@media (min-width:1200px){
  html.ae.ae-nav-collapsed #mainnav-menu li a{height:42px!important;min-height:42px;line-height:42px!important;padding:0!important;margin:2px 0}
  html.ae.ae-nav-collapsed #mainnav-menu li a i{display:inline-block!important;line-height:1!important;font-size:17px!important}
  html.ae.ae-nav-collapsed #mainnav-menu>li>ul{border-top:1px solid rgba(255,255,255,.08);margin-top:6px!important;padding-top:6px!important}
  html.ae.ae-nav-collapsed #mainnav-menu>li.ae-today>ul{border-top:0}
  html.ae.ae-nav-collapsed #mainnav-menu{padding:0 10px!important}
}
/* tablet with the full menu open: brand area follows the menu width */
@media (min-width:768px) and (max-width:1199.98px){
  html.ae.ae-nav-open #navbar .navbar-header{width:var(--ae-side-w)!important}
  html.ae.ae-nav-open .ae-wordmark{display:inline}
  html.ae.ae-nav-open #navbar .navbar-brand.ae-brand{justify-content:flex-start!important;padding:0 18px!important}
}
html.ae #navbar .navbar-header{overflow:hidden}
/* labels stay neutral in the dark theme (Nifty marks them text-primary) */
html.ae.ae-dark [id^="parent_"]>label,html.ae.ae-dark [id$="_parent"]>label{color:var(--ae-muted)!important}
/* the floating "Νέα πληρωμή" only on the dashboard */
@media (max-width:767.98px){html.ae:not(.ae-on-dashboard) .ae-fab{display:none!important}}
html.ae .ae-topbar h1{text-align:left}
/* Nifty's collapsed modes turn sub-menus into absolute fly-outs; the design layer lays the menu out itself */
html.ae #mainnav-menu ul,html.ae #mainnav-menu li,html.ae #mainnav-menu li a{position:static!important;left:auto!important;top:auto!important;transform:none!important}
html.ae #mainnav-menu li a i{position:static!important}
@media (max-width:1199.98px){html.ae .ae-cols{grid-template-columns:1fr}}
@media (max-width:767.98px){
  html.ae .ae-topbar{justify-content:flex-start}
  html.ae .ae-topbar h1{font-size:17px}
  html.ae #navbar .navbar-content>.row{left:58px!important}
  html.ae .ae-kpi .ae-kpi-value{font-size:21px}
}
/* mobile: the menu lives in the bottom bar; no top-left toggle; explicit close inside the drawer */
@media (max-width:767.98px){
  html.ae #navbar .tgl-menu-btn{display:none!important}
  html.ae #navbar .navbar-content>.row{left:14px!important}
  html.ae .ae-drawer-close{display:flex!important;align-items:center;justify-content:space-between;margin:10px 12px 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);color:var(--ae-side-ink);font:600 14px var(--ae-font);border:0;width:calc(100% - 24px)}
  html.ae .ae-drawer-close i{font-size:16px}
  html.ae.ae-nav-open .ae-bottombar{z-index:1065}
}
html.ae .ae-drawer-close{display:none}
/* field "clear" buttons: round, soft, a plain × instead of the boxed icon */
html.ae .btn-icon.btn-rounded{width:30px!important;height:30px!important;min-height:0!important;border-radius:999px!important;background:var(--ae-surface-2)!important;border:1px solid var(--ae-line)!important;color:var(--ae-muted)!important;font-size:12px!important;vertical-align:middle;margin:0 0 0 6px!important}
html.ae .btn-icon.btn-rounded:hover{background:var(--ae-accent-50)!important;border-color:var(--ae-accent)!important;color:var(--ae-accent)!important}
html.ae .btn-icon.btn-rounded.fa-times-rectangle-o:before,html.ae .btn-icon.btn-rounded.fa-times-rectangle:before,html.ae .btn-icon.btn-rounded.fa-window-close-o:before{content:"\f00d"}
html.ae.ae-dark .btn-icon.btn-rounded{background:var(--ae-surface-2)!important;border-color:var(--ae-line-2)!important;color:var(--ae-muted)!important}
@media (max-width:767.98px){
  html.ae.ae-nav-open .ae-fab{display:none!important}
  html.ae #mainnav-menu-wrap .nano-content{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}
}
/* chip slider (Φύλο etc.): colours are set inline by the platform JS as rgb() */
html.ae [id^="parent_"] [style*="rgb(242, 242, 242)"]{background-color:var(--ae-surface-2)!important;border-radius:12px!important}
html.ae [id^="parent_"] [style*="background-color: rgb(12, 63, 96)"],html.ae [id^="parent_"] [style*="background-color:#0c3f60"],html.ae [id^="parent_"] [style*="background-color: #0c3f60"]{background-color:var(--ae-accent)!important;border-color:var(--ae-accent)!important;color:#fff!important}
html.ae [id^="parent_"] [style*="color: rgb(12, 63, 96)"]:not([style*="background-color: rgb(12, 63, 96)"]){color:var(--ae-ink)!important}
html.ae.ae-dark [id^="parent_"] [style*="rgb(255, 255, 255)"]{background-color:var(--ae-surface)!important;color:var(--ae-ink)!important;border-color:var(--ae-line-2)!important}
html.ae.ae-dark [id^="parent_"] [style*="rgb(23, 32, 42)"],html.ae.ae-dark [id^="parent_"] [style*="#17202A"]{color:var(--ae-ink)!important}

html.ae.ae-dark .switchery[style*="rgb(100, 189, 99)"],html.ae.ae-dark .switchery[style*="#64bd63"]{background-color:var(--ae-green)!important;border-color:var(--ae-green)!important}
/* section titles written straight into a panel (no panel-heading), e.g. «Βασικά Στοιχεία» */
html.ae .panel>.panel-title,html.ae .panel>h3:first-child,html.ae .panel>h4:first-child,html.ae .panel>h5:first-child{padding:14px 16px 6px!important;margin:0!important;font-size:15px!important;font-weight:700!important;color:var(--ae-ink)!important;line-height:1.35!important}
html.ae .panel>.panel-body{padding:10px 16px 16px}
html.ae .panel>.panel-heading+.panel-body{padding-top:14px}
html.ae.ae-dark .panel-title.text-primary,html.ae.ae-dark h3.text-primary,html.ae.ae-dark h4.text-primary{color:var(--ae-ink)!important}
/* mobile record dialog: header + [content: body (scrolls) + footer] must fill the screen */
@media (max-width:767.98px){
  html.ae .modal[id$="_editDialog"] .modal-content>[id$="_editDialogContent"]{flex:1 1 auto!important;min-height:0;display:flex;flex-direction:column}
  html.ae .modal[id$="_editDialog"] [id$="_editDialogContent"]>.modal-body{flex:1 1 auto!important;min-height:0;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:16px!important}
  html.ae .modal[id$="_editDialog"] [id$="_editDialogContent"]>.modal-footer{flex:none;position:static}
  html.ae .modal[id^="findDialog_"] .modal-body,html.ae #globalDialogBody,html.ae .modal[id^="dialog_"] .modal-body{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}
/* clear buttons, discreet: a faint × with no frame; inside the field for plain text inputs */
html.ae .btn-icon.btn-rounded,html.ae.ae-dark .btn-icon.btn-rounded{width:24px!important;height:24px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ae-faint)!important;opacity:.6;font-size:12px!important;margin:0 0 0 4px!important;border-radius:6px!important}
html.ae .btn-icon.btn-rounded:hover,html.ae.ae-dark .btn-icon.btn-rounded:hover{opacity:1;background:transparent!important;color:var(--ae-ink)!important}
html.ae [id^="parent_"]>input.form-control+.btn-icon.btn-rounded[id^="btnclear_"]{margin-left:-30px!important;position:relative;z-index:2}
html.ae [id^="parent_"]>input.form-control{padding-right:30px!important}
@media (max-width:767.98px){html.ae [id^="parent_"]>input.form-control{width:calc(100% - 4px)!important}}
/* chip slider items (inline "background: white" / "background: rgb(12, 63, 96)") */
html.ae [id^="parent_"] [style*="border-radius: 25px"][style*="background: white"]{background:var(--ae-surface)!important;color:var(--ae-ink)!important;border:1px solid var(--ae-line-2)!important;cursor:pointer}
html.ae [id^="parent_"] [style*="border-radius: 25px"][style*="background: rgb(12, 63, 96)"]{background:var(--ae-accent)!important;color:#fff!important;border:1px solid var(--ae-accent)!important}
html.ae [id^="parent_"] [style*="background-color: rgb(242, 242, 242)"]{height:auto!important;padding:8px!important;overflow-x:auto!important;scrollbar-width:none}
/* v2.1 — tablet: the opened menu sits above its scrim, so its entries receive the click */
@media (min-width:768px) and (max-width:1199.98px){html.ae.ae-nav-open #mainnav-container{z-index:1060!important}}
/* rail tooltip (aelius-2026.js railTooltip) */
html.ae .ae-tip{position:fixed;z-index:1080;transform:translate(-4px,-50%);opacity:0;pointer-events:none;background:var(--ae-ink);color:var(--ae-surface);font:600 12.5px/1.2 var(--ae-font);padding:7px 10px;border-radius:8px;box-shadow:var(--ae-shadow-3);white-space:nowrap;transition:opacity .15s,transform .15s}
html.ae .ae-tip.ae-tip-on{opacity:1;transform:translate(0,-50%)}
html.ae .ae-tip:before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;background:inherit;transform:translateY(-50%) rotate(45deg);border-radius:2px}
/* clear buttons: a thin × centred on the field's height */
html.ae [id^="btnclear_"].btn-icon.btn-rounded{height:40px!important;width:28px!important;line-height:40px!important;padding:0!important;vertical-align:top!important;display:inline-flex;align-items:center;justify-content:center}
html.ae [id^="btnclear_"].btn-icon.btn-rounded:before{content:"\00d7"!important;font-family:var(--ae-font)!important;font-weight:300!important;font-size:20px!important;line-height:1!important;display:block}
html.ae [id^="parent_"]>input.form-control+.btn-icon.btn-rounded[id^="btnclear_"]{margin-left:-32px!important}
/* switches: the theme colour when on */
html.ae .switchery[style*="rgb(100, 189, 99)"],html.ae .switchery[style*="#64bd63"],html.ae.ae-dark .switchery[style*="rgb(100, 189, 99)"],html.ae.ae-dark .switchery[style*="#64bd63"]{background-color:var(--ae-accent)!important;border-color:var(--ae-accent)!important;box-shadow:none!important}
/* «Αποθήκευση» of the record dialogs is the primary action (Nifty paints it btn-danger): theme colour */
html.ae [id$="_btnSave"].btn-danger,html.ae.ae-dark [id$="_btnSave"].btn-danger{background:var(--ae-accent)!important;border-color:var(--ae-accent)!important;color:#fff!important}
html.ae [id$="_btnSave"].btn-danger:hover{filter:none;background:var(--ae-accent-600)!important;border-color:var(--ae-accent-600)!important}
html.ae .ae-tip{background:#2a1d24;color:#fff}
html.ae.ae-dark .ae-tip{background:#f1ecef;color:#1d1218}
/* build tag at the bottom of the menu */
html.ae .ae-build{padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));font:500 11px/1.3 var(--ae-font);color:var(--ae-faint);opacity:.75;letter-spacing:.02em;user-select:text}
html.ae .ae-build-short{display:none}
@media (min-width:1200px){html.ae.ae-nav-collapsed .ae-build{padding:14px 0;text-align:center}html.ae.ae-nav-collapsed .ae-build-full{display:none}html.ae.ae-nav-collapsed .ae-build-short{display:inline}}
@media (min-width:768px) and (max-width:1199.98px){html.ae:not(.ae-nav-open) .ae-build{padding:14px 0;text-align:center}html.ae:not(.ae-nav-open) .ae-build-full{display:none}html.ae:not(.ae-nav-open) .ae-build-short{display:inline}}
@media (max-width:767.98px){html.ae .ae-build{padding-bottom:110px}}
/* the menu ends at the bottom of the window (Nifty sets the window height inline, below the top bar it overflowed) */
html.ae #mainnav-container{height:auto!important;min-height:0!important;bottom:0!important}
html.ae #mainnav-container>#mainnav,html.ae #mainnav-menu-wrap,html.ae #mainnav-menu-wrap>.nano{height:100%!important}
/* v2.3 — action buttons in palette tones: Προσθήκη teal, Αλλαγή theme colour, Διαγραφή red (soft fill, stronger on hover) */
html.ae{--ae-add:#1f7a6d;--ae-add-50:#e5f3f0;--ae-add-100:#c7e6df;--ae-edit:var(--ae-accent);--ae-edit-50:var(--ae-accent-50);--ae-edit-100:var(--ae-accent-100);--ae-del:var(--ae-red);--ae-del-50:var(--ae-red-50);--ae-del-100:#f4cdc8}
html.ae.ae-dark{--ae-add:#5cc4b2;--ae-add-50:#13302b;--ae-add-100:#1d4840;--ae-edit:#e48aab;--ae-edit-100:#5a3047;--ae-del:#f08a80;--ae-del-100:#5a2622}
html.ae .btn.GreenText,html.ae .btn.BlueText,html.ae .btn.RedText,html.ae.ae-dark .btn.GreenText,html.ae.ae-dark .btn.BlueText,html.ae.ae-dark .btn.RedText{background:var(--tb)!important;color:var(--t)!important;border:1px solid var(--tl)!important;font-weight:600}
html.ae .btn.GreenText{--t:var(--ae-add);--tb:var(--ae-add-50);--tl:var(--ae-add-100)}
html.ae .btn.BlueText{--t:var(--ae-edit);--tb:var(--ae-edit-50);--tl:var(--ae-edit-100)}
html.ae .btn.RedText{--t:var(--ae-del);--tb:var(--ae-del-50);--tl:var(--ae-del-100)}
html.ae .btn.GreenText:hover,html.ae .btn.BlueText:hover,html.ae .btn.RedText:hover,html.ae.ae-dark .btn.GreenText:hover,html.ae.ae-dark .btn.BlueText:hover,html.ae.ae-dark .btn.RedText:hover{background:var(--tl)!important;border-color:var(--t)!important;color:var(--t)!important}
html.ae .btn.GreenText:before,html.ae .btn.BlueText:before,html.ae .btn.RedText:before{color:inherit!important}
html.ae .btn.GreenText[disabled],html.ae .btn.BlueText[disabled],html.ae .btn.RedText[disabled]{opacity:.45}
/* «Εύρεση» and other btn-dark: the theme's primary action */
html.ae .btn-dark,html.ae.ae-dark .btn-dark{background:var(--ae-accent)!important;border:1px solid var(--ae-accent)!important;color:#fff!important}
html.ae .btn-dark:hover,html.ae.ae-dark .btn-dark:hover{filter:none;background:var(--ae-accent-600)!important;border-color:var(--ae-accent-600)!important}
/* Syncfusion grid scrollbars: thin rounded thumb, no white track or arrow boxes */
html.ae .e-grid .e-scrollbar,html.ae .e-grid .e-vscroll,html.ae .e-grid .e-hscroll,html.ae .e-grid .e-vhandlespace,html.ae .e-grid .e-hhandlespace,html.ae.ae-dark .e-grid .e-scrollbar,html.ae.ae-dark .e-grid .e-vscroll,html.ae.ae-dark .e-grid .e-hscroll{background:transparent!important;border:0!important;box-shadow:none!important}
html.ae .e-grid .e-scrollbar .e-button{background:transparent!important;border:0!important;color:var(--ae-faint)!important;opacity:.55;font-size:10px!important}
html.ae .e-grid .e-scrollbar .e-button:hover{opacity:1}
html.ae .e-grid .e-vhandle,html.ae .e-grid .e-hhandle{background:var(--ae-line-2)!important;border:0!important;border-radius:6px!important;box-shadow:none!important}
html.ae .e-grid .e-vhandle{width:8px!important;margin-left:5px}
html.ae .e-grid .e-hhandle{height:8px!important;margin-top:5px}
html.ae .e-grid .e-vhandle:hover,html.ae .e-grid .e-hhandle:hover,html.ae .e-grid .e-vhandle.e-active,html.ae .e-grid .e-hhandle.e-active{background:var(--ae-faint)!important}
html.ae .e-grid .e-vhandle:before,html.ae .e-grid .e-hhandle:before{display:none!important}
html.ae .e-grid .e-scrollbar .e-corner,html.ae .e-grid .e-scrollcss .e-gridheader{border-color:var(--ae-line)!important}
/* native scrollbars everywhere else */
html.ae,html.ae *{scrollbar-width:thin;scrollbar-color:var(--ae-line-2) transparent}
html.ae .e-grid .e-scrollbar .e-button{visibility:hidden}
/* v2.4 — action buttons, style B: Προσθήκη filled green, Αλλαγή blue outline, Διαγραφή red outline (palette tones) */
html.ae{--ae-add:#1d7a3e;--ae-add-h:#17642f;--ae-edit:#1f5f8b;--ae-edit-50:#e8f0f7;--ae-edit-100:#c5d7e6;--ae-del:#b42318;--ae-del-50:#fbe9e7;--ae-del-100:#f0c4bf}
html.ae.ae-dark{--ae-add:#2f9a57;--ae-add-h:#3aac65;--ae-edit:#8bb8de;--ae-edit-50:#16283a;--ae-edit-100:#2b4560;--ae-del:#f08a80;--ae-del-50:#3d1c1a;--ae-del-100:#5a2622}
html.ae .btn.GreenText,html.ae.ae-dark .btn.GreenText{background:var(--ae-add)!important;border:1px solid var(--ae-add)!important;color:#fff!important}
html.ae .btn.GreenText:hover,html.ae.ae-dark .btn.GreenText:hover{background:var(--ae-add-h)!important;border-color:var(--ae-add-h)!important;color:#fff!important}
html.ae .btn.BlueText,html.ae.ae-dark .btn.BlueText{background:transparent!important;border:1px solid var(--ae-edit-100)!important;color:var(--ae-edit)!important}
html.ae .btn.BlueText:hover,html.ae.ae-dark .btn.BlueText:hover{background:var(--ae-edit-50)!important;border-color:var(--ae-edit)!important;color:var(--ae-edit)!important}
html.ae .btn.RedText,html.ae.ae-dark .btn.RedText{background:transparent!important;border:1px solid var(--ae-del-100)!important;color:var(--ae-del)!important}
html.ae .btn.RedText:hover,html.ae.ae-dark .btn.RedText:hover{background:var(--ae-del-50)!important;border-color:var(--ae-del)!important;color:var(--ae-del)!important}
/* grouped grids (e.g. Πληρωμές by season): no white corner, themed caption row, clear chevron toggle */
html.ae .e-grid .e-grouptopleftcell,html.ae .e-grid .e-lastgrouptopleftcell{background:var(--ae-surface-2)!important;border-color:var(--ae-line)!important;border-left:0!important}
html.ae .e-grid .e-indentcell{background:var(--ae-surface)!important;border-color:var(--ae-line)!important}
html.ae .e-grid .e-groupcaptionrow td,html.ae .e-grid td.e-groupcaption{background:var(--ae-surface-2)!important;color:var(--ae-ink)!important;border-color:var(--ae-line)!important;font-weight:600;padding-top:10px!important;padding-bottom:10px!important}
html.ae .e-grid td.e-recordplusexpand,html.ae .e-grid td.e-recordpluscollapse{background:var(--ae-surface-2)!important;border-color:var(--ae-line)!important;cursor:pointer;text-align:center;vertical-align:middle}
html.ae .e-grid td.e-recordplusexpand .e-icon,html.ae .e-grid td.e-recordpluscollapse .e-icon{background:none!important;width:22px!important;height:22px!important;margin:0 auto!important;border-radius:6px;display:flex!important;align-items:center;justify-content:center;color:var(--ae-muted)!important;transition:background .15s,color .15s}
html.ae .e-grid td.e-recordplusexpand .e-icon:before,html.ae .e-grid td.e-recordpluscollapse .e-icon:before{font-family:FontAwesome!important;font-size:12px!important;line-height:1!important;content:"\f078"!important}
html.ae .e-grid td.e-recordpluscollapse .e-icon:before{content:"\f054"!important}
html.ae .e-grid td.e-recordplusexpand:hover .e-icon,html.ae .e-grid td.e-recordpluscollapse:hover .e-icon{background:var(--ae-accent-50)!important;color:var(--ae-accent)!important}
html.ae .e-grid .e-groupdroparea{background:var(--ae-surface-2)!important;color:var(--ae-muted)!important;border-color:var(--ae-line)!important}
/* v2.5 — Προσθήκη: soft green (the only strong button stays the pink «Νέα πληρωμή» at the top) */
html.ae{--ae-add-t:#1d7a3e;--ae-add-50:#e8f4ec;--ae-add-100:#c3e2cd}
html.ae.ae-dark{--ae-add-t:#7fd09c;--ae-add-50:#183326;--ae-add-100:#24503a}
html.ae .btn.GreenText,html.ae.ae-dark .btn.GreenText{background:var(--ae-add-50)!important;border:1px solid var(--ae-add-100)!important;color:var(--ae-add-t)!important}
html.ae .btn.GreenText:hover,html.ae.ae-dark .btn.GreenText:hover{background:var(--ae-add-100)!important;border-color:var(--ae-add-t)!important;color:var(--ae-add-t)!important}
/* v2.6 — Διαγραφή in a clean cool red (the coral read as orange) */
html.ae{--ae-del:#c4253a;--ae-del-50:#fcebed;--ae-del-100:#f1c2c8}
html.ae.ae-dark{--ae-del:#ff6b78;--ae-del-50:#3d1a20;--ae-del-100:#6a2630}
html.ae .btn.ae-btn-danger-outline,html.ae.ae-dark .btn.ae-btn-danger-outline{background:transparent!important;border:1px solid var(--ae-del-100)!important;color:var(--ae-del)!important}
html.ae .btn.ae-btn-danger-outline:hover,html.ae.ae-dark .btn.ae-btn-danger-outline:hover{background:var(--ae-del-50)!important;border-color:var(--ae-del)!important}
/* Αλλαγή in the palette's amber (soft, like Προσθήκη) */
html.ae{--ae-edit:#a8640f;--ae-edit-50:#fbf1e1;--ae-edit-100:#ecd3a8}
html.ae.ae-dark{--ae-edit:#f0b860;--ae-edit-50:#3a2d14;--ae-edit-100:#5a4420}
html.ae .btn.BlueText,html.ae.ae-dark .btn.BlueText{background:var(--ae-edit-50)!important;border:1px solid var(--ae-edit-100)!important;color:var(--ae-edit)!important}
html.ae .btn.BlueText:hover,html.ae.ae-dark .btn.BlueText:hover{background:var(--ae-edit-100)!important;border-color:var(--ae-edit)!important;color:var(--ae-edit)!important}
html.ae .btn.RedText,html.ae.ae-dark .btn.RedText{background:var(--ae-del-50)!important}
html.ae .btn.RedText:hover,html.ae.ae-dark .btn.RedText:hover{background:var(--ae-del-100)!important}
/* v2.7 — action buttons solid neutral (like the other buttons); colour only on icon and text */
html.ae{--ae-act-bg:#ffffff;--ae-act-bd:#d9d1d6;--ae-act-hover:#faf8f9}
html.ae.ae-dark{--ae-act-bg:#2e282d;--ae-act-bd:#433b41;--ae-act-hover:#383137}
html.ae .btn.GreenText,html.ae .btn.BlueText,html.ae .btn.RedText,html.ae .btn.ae-btn-danger-outline,html.ae.ae-dark .btn.GreenText,html.ae.ae-dark .btn.BlueText,html.ae.ae-dark .btn.RedText,html.ae.ae-dark .btn.ae-btn-danger-outline{background:var(--ae-act-bg)!important;border:1px solid var(--ae-act-bd)!important}
html.ae .btn.GreenText,html.ae.ae-dark .btn.GreenText{color:var(--ae-add-t)!important}
html.ae .btn.BlueText,html.ae.ae-dark .btn.BlueText{color:var(--ae-edit)!important}
html.ae .btn.RedText,html.ae .btn.ae-btn-danger-outline,html.ae.ae-dark .btn.RedText,html.ae.ae-dark .btn.ae-btn-danger-outline{color:var(--ae-del)!important}
html.ae .btn.GreenText:hover,html.ae.ae-dark .btn.GreenText:hover{background:var(--ae-act-hover)!important;border-color:var(--ae-add-t)!important;color:var(--ae-add-t)!important}
html.ae .btn.BlueText:hover,html.ae.ae-dark .btn.BlueText:hover{background:var(--ae-act-hover)!important;border-color:var(--ae-edit)!important;color:var(--ae-edit)!important}
html.ae .btn.RedText:hover,html.ae .btn.ae-btn-danger-outline:hover,html.ae.ae-dark .btn.RedText:hover,html.ae.ae-dark .btn.ae-btn-danger-outline:hover{background:var(--ae-act-hover)!important;border-color:var(--ae-del)!important;color:var(--ae-del)!important}
/* v2.9 — no light Syncfusion border where the columns end / above the header */
html.ae .e-grid .e-headercontent,html.ae .e-grid .e-headercontent.e-hscrollcss{border-right:0!important}
html.ae .e-grid .e-gridheader,html.ae .e-grid .e-gridheader.e-scrollcss,html.ae .e-grid .e-gridtoolbar{border-color:var(--ae-line)!important}
html.ae .e-grid .e-gridheader.e-scrollcss{border-top-color:transparent!important}
/* grids narrower than their box: Syncfusion closes the last column with a light line */
html.ae .e-grid .e-table.e-tableLastCell,html.ae .e-grid .e-tableLastCell{border-right-color:var(--ae-line)!important}
/* numeric boxes (jQuery UI spinner): one frame only — no border on the inner input, focus ring on the frame */
html.ae .ui-spinner .ui-spinner-input,html.ae.ae-dark .ui-spinner .ui-spinner-input{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;outline:0!important}
html.ae .ui-spinner,html.ae.ae-dark .ui-spinner{background:var(--ae-surface)!important;border:1px solid var(--ae-line-2)!important;border-radius:var(--ae-radius-sm)!important;overflow:hidden}
html.ae .ui-spinner:focus-within{border-color:var(--ae-accent)!important;box-shadow:var(--ae-focus)!important}
html.ae .ui-spinner .ui-spinner-button,html.ae.ae-dark .ui-spinner .ui-spinner-button{background:transparent!important;border:0!important;border-left:1px solid var(--ae-line)!important;border-radius:0!important;cursor:pointer}
html.ae .ui-spinner .ui-spinner-button:hover{background:var(--ae-surface-2)!important}
html.ae.ae-dark .ui-spinner{background:var(--ae-surface-2)!important}
/* file / image field (toolbox FileUploader): search · remove · name · view · download on one line, the name takes the free width */
html.ae div[id$="_parent"]:has(>button[id$="_download"]){display:inline-flex!important;flex-wrap:wrap;align-items:center;gap:0 2px}
html.ae div[id$="_parent"]:has(>button[id$="_download"])>div:first-child{flex:0 0 100%}
html.ae div[id$="_parent"]:has(>button[id$="_download"])>br{display:none}
html.ae div[id$="_parent"]:has(>button[id$="_download"])>input.form-control{flex:1 1 0;min-width:60px;width:auto!important;margin:0 4px!important}
html.ae div[id$="_parent"]:has(>button[id$="_download"])>button.btn-icon{flex:none;height:40px!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center}
html.ae div[id$="_parent"]:has(>button[id$="_download"])>button.btn-icon[style*="display:none"],html.ae div[id$="_parent"]:has(>button[id$="_download"])>button.btn-icon[style*="display: none"]{display:none!important}
/* file field title like every other field title */
html.ae [id$="_parent"]>div:first-child>label.text-primary,html.ae.ae-dark [id$="_parent"]>div:first-child>label.text-primary{display:block!important;font-size:12.5px!important;font-weight:600!important;color:var(--ae-muted)!important;margin:0 0 5px!important;letter-spacing:.01em}
/* form «Αποθήκευση» buttons painted btn-danger (e.g. Ρυθμίσεις): the theme colour */
html.ae .btn-danger.fa-save,html.ae.ae-dark .btn-danger.fa-save,html.ae [id$="_BTSave"].btn-danger{background:var(--ae-accent)!important;border-color:var(--ae-accent)!important;color:#fff!important}
html.ae .btn-danger.fa-save:hover,html.ae [id$="_BTSave"].btn-danger:hover{filter:none;background:var(--ae-accent-600)!important;border-color:var(--ae-accent-600)!important}
/* mobile: the end of a page clears the floating bottom bar */
@media (max-width:767.98px){html.ae.ae-pagemode #globalDialogBody{padding-bottom:120px!important}html.ae #content-container{padding-bottom:120px!important}}
/* v2.13 — list screens: record count, actions that need a selected row */
html.ae [id$="_MainActions"]{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px}
html.ae [id$="_MainActions"]>.btn{float:none!important;margin:0!important}
html.ae [id$="_MainActions"] .ae-reccount{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--ae-muted);padding:0 4px;white-space:nowrap}
html.ae .btn.ae-needs-row{opacity:.45}
html.ae .btn.ae-needs-row:hover{opacity:.7}
/* v2.14 — mobile list cards as in the proposal: name + amount / «date · class · method» + ΑΠΥ chip */
@media (max-width:767.98px){
  html.ae .e-grid.ae-cards .e-gridcontent tr.e-row,html.ae .e-grid.ae-cards .e-gridcontent tr.e-alt_row{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 14px!important;margin-bottom:8px;border-radius:12px}
  html.ae .e-grid.ae-cards .e-gridcontent tr.e-row:after,html.ae .e-grid.ae-cards .e-gridcontent tr.e-alt_row:after{content:"";flex-basis:100%;height:0;order:1}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td[data-label]{display:none!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td[data-label]:before{display:none!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead{display:block!important;order:0;flex:1 1 0;min-width:0;font-size:14.5px!important;font-weight:700;color:var(--ae-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-amt{display:block!important;order:0;flex:none;font-size:0!important;padding:0!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-amt:after{content:attr(data-ae-fmt);font-size:14.5px;font-weight:700;color:var(--ae-ink);font-variant-numeric:tabular-nums}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-sub{display:inline!important;order:2;flex:none;font-size:12.5px!important;color:var(--ae-muted)!important;padding:0!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-sub-next{margin-left:-4px}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-sub-next:before{content:"· "!important;display:inline!important;font-size:inherit!important;color:var(--ae-faint)!important;letter-spacing:0;text-transform:none;font-weight:400}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-chipcell{display:inline-flex!important;order:3;margin-left:auto;font-size:0!important;padding:0!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-chipcell:after{content:attr(data-ae-fmt);font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--ae-green-50);color:var(--ae-green);white-space:nowrap}
  html.ae.ae-dark .e-grid.ae-cards .e-gridcontent tr>td.ae-chipcell:after{color:#7fd09c}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-badge{display:none!important}
  /* toolbar of a list: compact, count on its own line */
  html.ae [id$="_MainActions"]{padding:10px 4px 4px!important;gap:6px}
  html.ae [id$="_MainActions"]>.btn{flex:1 1 0;min-width:0;padding:8px 6px!important;font-size:12.5px!important;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.ae [id$="_MainActions"] .ae-reccount{flex-basis:100%;text-align:right;margin:2px 0 0}
}
@media (max-width:767.98px){
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-amt[data-label]:not(.ae-lead):not(.ae-badge),html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-chipcell[data-label]:not(.ae-lead):not(.ae-badge){font-size:0!important;color:transparent!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead:has(+ td.ae-lead2),html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead{flex:0 1 auto}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead2[data-label]{display:block!important;order:0;flex:1 1 0;min-width:0;margin-left:-5px;font-size:14.5px!important;font-weight:700;color:var(--ae-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead:not(:has(~ td.ae-lead2)){flex:1 1 0}
  html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-sub-next{margin-left:-7px}
  html.ae [id$="_MainActions"]>.btn{flex:1 1 auto}
}
@media (max-width:767.98px){html.ae .e-grid.ae-cards .e-gridcontent tr>td.ae-lead2[data-label]:not(.ae-lead):not(.ae-badge){font-size:14.5px!important;font-weight:700;color:var(--ae-ink)!important}}
/* v2.15 — Excel export button, totals in the record count */
html.ae [id$="_MainActions"] .ae-export{margin-left:auto!important;color:var(--ae-ink-2)!important}
html.ae [id$="_MainActions"] .ae-export i{color:#1d7a3e;margin-right:4px}
html.ae.ae-dark [id$="_MainActions"] .ae-export i{color:#7fd09c}
html.ae [id$="_MainActions"] .ae-export+.ae-reccount{margin-left:8px}
@media (max-width:767.98px){html.ae [id$="_MainActions"] .ae-export{margin-left:0!important}}
/* v2.16 — the selected row is clearly visible (for Αλλαγή / Διαγραφή) */
html.ae .e-grid .e-gridcontent td.e-active,html.ae .e-grid .e-gridcontent td.e-selectionbackground,html.ae.ae-dark .e-grid .e-gridcontent td.e-active,html.ae.ae-dark .e-grid .e-gridcontent td.e-selectionbackground{background:var(--ae-accent-100)!important;color:var(--ae-ink)!important}
html.ae .e-grid .e-gridcontent tr:has(> td.e-active)>td.e-rowcell.e-hide+td.e-rowcell{box-shadow:inset 3px 0 0 var(--ae-accent)}
html.ae.ae-dark{--ae-sel-row:#5a2f45}
html.ae.ae-dark .e-grid .e-gridcontent td.e-active,html.ae.ae-dark .e-grid .e-gridcontent td.e-selectionbackground{background:var(--ae-sel-row)!important}
@media (max-width:767.98px){
  html.ae .e-grid.ae-cards .e-gridcontent tr:has(> td.e-active),html.ae .e-grid.ae-cards .e-gridcontent tr.ae-selected{border:1.5px solid var(--ae-accent)!important;box-shadow:var(--ae-focus)!important;background:var(--ae-accent-50)!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr:has(> td.e-active)>td{box-shadow:none!important;background:transparent!important}
}
/* v2.17 — collapsible criteria panel with a summary of the active criteria */
html.ae .panel.ae-crit>.panel-heading{padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html.ae .panel.ae-crit>.panel-heading>.panel-title{display:none!important}
html.ae .ae-crit-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;padding:12px 16px;background:transparent;border:0;color:var(--ae-ink);font:inherit;text-align:left;cursor:pointer}
html.ae .ae-crit-head>.fa-sliders{color:var(--ae-accent);font-size:15px}
html.ae .ae-crit-title{font-weight:700;font-size:14px;white-space:nowrap}
html.ae .ae-crit-sum{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 200px;min-width:0}
html.ae .ae-crit-none{color:var(--ae-muted);font-size:13px}
html.ae .ae-crit-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 4px 3px 10px;border-radius:999px;background:var(--ae-accent-50);color:var(--ae-accent);font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ae.ae-dark .ae-crit-chip{color:#f0bfd1}
html.ae .ae-crit-x{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:14px;line-height:1;opacity:.7}
html.ae .ae-crit-x:hover{opacity:1;background:var(--ae-accent-100)}
html.ae .ae-crit-chev{margin-left:auto;color:var(--ae-muted);transition:transform .2s}
html.ae .panel.ae-crit.ae-crit-open .ae-crit-chev{transform:rotate(180deg)}

html.ae .panel.ae-crit.ae-crit-open>.panel-heading{border-bottom:1px solid var(--ae-line)!important}
/* v2.18 — date picker in the theme */
html.ae .datepicker.dropdown-menu,html.ae.ae-dark .datepicker.dropdown-menu{background:var(--ae-surface)!important;border:1px solid var(--ae-line-2)!important;border-radius:14px!important;box-shadow:var(--ae-shadow-3)!important;padding:10px!important;font-family:var(--ae-font)!important;min-width:280px}
html.ae .datepicker table{border-collapse:separate!important;border-spacing:2px!important}
html.ae .datepicker thead tr:first-child th,html.ae .datepicker .datepicker-switch,html.ae .datepicker .prev,html.ae .datepicker .next,html.ae.ae-dark .datepicker thead tr:first-child th{background:transparent!important;color:var(--ae-ink)!important;border-radius:9px!important;height:36px}
html.ae .datepicker .datepicker-switch{font-weight:700!important;font-size:15px!important}
html.ae .datepicker .prev,html.ae .datepicker .next{color:var(--ae-muted)!important;font-size:16px!important;width:36px}
html.ae .datepicker thead tr:first-child th:hover,html.ae.ae-dark .datepicker thead tr:first-child th:hover{background:var(--ae-surface-2)!important;color:var(--ae-accent)!important}
html.ae .datepicker thead tr:last-child th.dow,html.ae .datepicker th.dow,html.ae.ae-dark .datepicker th.dow{background:transparent!important;color:var(--ae-faint)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;height:28px}
html.ae .datepicker td.day,html.ae .datepicker td span.month,html.ae .datepicker td span.year,html.ae .datepicker td span.decade,html.ae .datepicker td span.century{border-radius:9px!important;color:var(--ae-ink)!important;background:transparent!important;width:36px;height:34px;font-size:13.5px;font-weight:500;border:0!important;transition:background .12s}
html.ae .datepicker td.day.old,html.ae .datepicker td.day.new,html.ae .datepicker td span.old,html.ae .datepicker td span.new{color:var(--ae-faint)!important;opacity:.55}
html.ae .datepicker td.day:hover,html.ae .datepicker td span:hover,html.ae.ae-dark .datepicker td.day:hover,html.ae.ae-dark .datepicker td span:hover{background:var(--ae-surface-2)!important;color:var(--ae-accent)!important}
html.ae .datepicker td.day.today,html.ae.ae-dark .datepicker td.day.today{background:transparent!important;color:var(--ae-accent)!important;font-weight:800;box-shadow:inset 0 0 0 1.5px var(--ae-accent)}
html.ae .datepicker td.day.active,html.ae .datepicker td.day.active:hover,html.ae .datepicker td span.active,html.ae.ae-dark .datepicker td.day.active,html.ae.ae-dark .datepicker td span.active{background:var(--ae-accent)!important;color:#fff!important;box-shadow:none;font-weight:700;text-shadow:none!important}
html.ae .datepicker td.day.disabled{opacity:.3}
html.ae .datepicker-dropdown:before,html.ae .datepicker-dropdown:after{display:none!important}
html.ae .datepicker tfoot th{border-radius:9px;color:var(--ae-accent)!important;background:transparent!important;font-weight:600}
/* criteria: a wrapping grid with even, roomy widths instead of one scrolling line */
html.ae .panel.ae-crit [id$="_collapseOne"]{white-space:normal!important;overflow:visible!important;display:block!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 6px;padding:4px 4px 8px!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]{width:auto!important;min-width:0!important;max-width:none!important;display:flex!important;flex-wrap:wrap;align-items:center;margin-top:8px!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>label{flex:0 0 100%}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>br{display:none}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>input.form-control,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.ui-spinner,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.select2-container,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>select:not(.select2-hidden-accessible){flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"] .ui-spinner>input{width:100%!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>button{flex:none}
/* v2.18b — fixes: date picker header without Nifty blue, single frame on numeric boxes (light too), empty grid message, criteria lists */
html.ae .datepicker thead,html.ae .datepicker thead tr,html.ae .datepicker table thead tr th,html.ae .datepicker table,html.ae .datepicker .datepicker-days,html.ae .datepicker>div{background:transparent!important;background-image:none!important}
html.ae .datepicker table thead tr th{color:var(--ae-ink)!important}
html.ae .datepicker table thead tr th.dow{color:var(--ae-faint)!important}
html.ae span.ui-spinner>input.ui-spinner-input,html.ae span.ui-spinner>input.ui-spinner-input.form-control,html.ae [id^="parent_"] span.ui-spinner>input.ui-spinner-input.form-control{border:0!important;box-shadow:none!important;background:transparent!important}
html.ae .e-grid td.emptyrecord{padding:28px 16px!important;text-align:center!important;color:var(--ae-muted)!important;background:transparent!important}
html.ae .e-grid td.emptyrecord .pad-all{padding:0!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.select2-container,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.select2{flex:1 1 100%!important;width:100%!important;min-width:0!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"][style*="display: none"],html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"][style*="display:none"]{display:none!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]:before,html.ae .panel.ae-crit [id$="_pnlCriteria"]:after{display:none!important;content:none!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.btn-group,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.bootstrap-select,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.dropdown{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important}html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.btn-group>.btn,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.bootstrap-select>.btn{width:100%!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.btn-group,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.bootstrap-select,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.dropdown{flex:1 1 100%!important;width:100%!important}

/* v2.20 — criteria start closed from the first paint (no open-then-close flicker); the old heading never shows */
html.ae .panel:has(>.panel-heading):has([id$="_pnlCriteria"] [id^="parent_"]):not(.ae-crit-open)>.panel-collapse{display:none!important}
html.ae .panel:has(>.panel-heading):has([id$="_pnlCriteria"] [id^="parent_"])>.panel-heading>.panel-title{display:none!important}
html.ae .panel:has(>.panel-heading):has([id$="_pnlCriteria"] [id^="parent_"]):not(.ae-crit)>.panel-heading{min-height:46px}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.bootstrap-select,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.btn-group{margin-top:8px!important}
/* v2.21 — form description (DataTables.Properties.formdescription) at the top of a list screen */
html.ae .ae-form-desc{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:11px 14px;border-radius:12px;background:var(--ae-accent-50);color:var(--ae-ink-2);font-size:13.5px;line-height:1.5;border:1px solid var(--ae-accent-100)}
html.ae .ae-form-desc>i{color:var(--ae-accent);font-size:16px;margin-top:2px;flex:none}
html.ae.ae-dark .ae-form-desc{background:color-mix(in srgb,var(--ae-accent) 12%,var(--ae-surface));border-color:color-mix(in srgb,var(--ae-accent) 28%,var(--ae-line));color:var(--ae-ink-2)}
/* criteria: every field sits 6px under its title (no vertical centring inside taller rows) */
html.ae .panel.ae-crit [id$="_pnlCriteria"]{align-items:start!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]{align-content:flex-start!important;align-items:center!important;align-self:start!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>label{margin:0 0 6px!important;line-height:1.3!important;padding:0!important}
html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.bootstrap-select,html.ae .panel.ae-crit [id$="_pnlCriteria"]>[id^="parent_"]>.btn-group{margin-top:0!important}
/* v2.22 — students by season: list switch, card notes */
html.ae .ae-seg{display:inline-flex;border:1px solid var(--ae-line-2);border-radius:10px;overflow:hidden;margin-left:auto;background:var(--ae-surface)}
html.ae .ae-seg button{border:0;background:transparent;color:var(--ae-muted);font:600 12.5px var(--ae-font);padding:8px 12px;cursor:pointer;white-space:nowrap}
html.ae .ae-seg button+button{border-left:1px solid var(--ae-line-2)}
html.ae .ae-seg button.on{background:var(--ae-accent-50);color:var(--ae-accent)}
html.ae.ae-dark .ae-seg button.on{color:#f0bfd1}
html.ae [id$="_MainActions"] .ae-seg+.ae-export{margin-left:0!important}
html.ae .ae-ss-box:empty{display:none}
html.ae .ae-ss-box{margin:0 0 10px;display:grid;gap:8px}
html.ae .ae-ss-note,html.ae .ae-ss-dup{border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}
html.ae .ae-ss-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ae-accent-50);border:1px solid var(--ae-accent-100);color:var(--ae-ink-2)}
html.ae .ae-ss-note>i{color:var(--ae-accent)}
html.ae .ae-ss-note>span{flex:1 1 220px}
html.ae .ae-ss-dup{background:var(--ae-amber-50);border:1px solid color-mix(in srgb,var(--ae-amber) 35%,var(--ae-line));color:var(--ae-ink-2)}
html.ae .ae-ss-dup>b{color:var(--ae-amber);display:block;margin-bottom:4px}
html.ae .ae-ss-m{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px dashed var(--ae-line-2)}
html.ae .ae-ss-m small{color:var(--ae-muted)}
@media (max-width:767.98px){html.ae .ae-seg{flex:1 1 100%;order:5}html.ae .ae-seg button{flex:1}}
/* v2.23 — login page: brand panel + form; new Aelius mark (libraries/aelius/aelius-mark.svg) */
html.ae body:has(.ae-login){background:var(--ae-bg)!important}
html.ae .cls-container:has(.ae-login) #bg-overlay{display:none!important}
html.ae .cls-container:has(.ae-login){padding:0!important;min-height:100vh}
html.ae .cls-container:has(.ae-login) .cls-content{width:100%;max-width:none;padding:24px}
html.ae .ae-login{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:min(960px,100%);margin:0 auto;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(36,18,27,.18),0 2px 6px rgba(36,18,27,.06);background:var(--ae-surface)}
html.ae .ae-login-brand{background:#24121b;color:#efe5ea;padding:44px 40px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;text-align:left}
html.ae .ae-login-brand:after{content:"";position:absolute;right:-90px;bottom:-110px;width:320px;height:320px;border-radius:50%;border:36px solid rgba(242,184,75,.10)}
html.ae .ae-login-mark{display:flex;align-items:center;gap:12px}
html.ae .ae-login-mark span{width:44px;height:44px;flex:none;font-size:0;background:url(aelius-mark.svg) center/contain no-repeat}
html.ae .ae-login-mark b{font:800 22px/1 var(--ae-font);letter-spacing:.22em}
html.ae .ae-login-brand h2{font:700 26px/1.25 var(--ae-font);margin:22px 0 4px;color:#fff;max-width:16em}
html.ae .ae-login-brand ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:14.5px;color:#d9c9d1}
html.ae .ae-login-brand li{display:flex;gap:12px;align-items:center}
html.ae .ae-login-brand li i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#f2b84b;flex:none}
html.ae .ae-login-brand small{margin-top:auto;color:#a8939e;font-size:12px;padding-top:24px}
html.ae .ae-login .cls-content-sm{width:auto!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--ae-surface)!important;display:flex;flex-direction:column;justify-content:center}
html.ae .ae-login .panel-body{padding:48px 44px!important;text-align:left}
html.ae .ae-login .ae-login-head h1{font:800 26px/1.2 var(--ae-font)!important;color:var(--ae-ink)!important;margin:0 0 6px!important}
html.ae .ae-login .ae-login-head p{color:var(--ae-muted)!important;margin:0}
html.ae .ae-login .form-control{min-height:48px!important;font-size:15px!important}
html.ae .ae-login .ae-pw{position:relative}
html.ae .ae-login .ae-pw .form-control{padding-right:46px!important}
html.ae .ae-login .ae-pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--ae-muted);border-radius:9px;cursor:pointer}
html.ae .ae-login .ae-pw-eye:hover{color:var(--ae-accent);background:var(--ae-surface-2)}
html.ae .ae-login .btn-primary.btn-lg{min-height:50px;border-radius:12px!important;font-weight:700!important;font-size:16px!important}
html.ae .ae-login .checkbox label{color:var(--ae-muted)!important}
@media (max-width:767.98px){
  html.ae .cls-container:has(.ae-login) .cls-content{padding:0}
  html.ae .ae-login{grid-template-columns:1fr;border-radius:0;box-shadow:none;min-height:100vh;align-content:start}
  html.ae .ae-login-brand{padding:28px 22px 26px;gap:8px}
  html.ae .ae-login-brand h2{font-size:19px;margin:10px 0 0}
  html.ae .ae-login-brand ul,html.ae .ae-login-brand small{display:none}
  html.ae .ae-login .panel-body{padding:28px 22px!important}
}
@media (prefers-color-scheme:dark){
  html.ae:has(.ae-login){--ae-bg:#151215;--ae-surface:#1d191c;--ae-surface-2:#241f23;--ae-ink:#f1ecef;--ae-muted:#a89fa6;--ae-line-2:#433b41;--ae-accent:#b8456f}
  html.ae .ae-login .form-control{background:#241f23!important;color:#f1ecef!important;border-color:#433b41!important}
  html.ae .ae-login-brand{background:#0f080c}
}
/* the new mark in the menu brand */
html.ae #navbar .navbar-brand.ae-brand .ae-mark,html.ae #navbar .navbar-brand:before,html.ae.ae-nav-collapsed #navbar .navbar-brand:before{background:url(aelius-mark.svg) center/contain no-repeat!important;color:transparent!important;font-size:0!important}
/* v2.24 — breadcrumb in the top bar */
html.ae #ae-title.ae-has-crumbs{font-size:17px}
html.ae .ae-crumbs{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden}
html.ae .ae-crumbs a{color:var(--ae-muted);text-decoration:none;font-weight:600;overflow:hidden;text-overflow:ellipsis;max-width:22em}
html.ae .ae-crumbs a:hover{color:var(--ae-accent)}
html.ae .ae-crumbs>a:last-of-type:not(:has(~span)),html.ae .ae-crumbs>span{color:var(--ae-ink);font-weight:800}
html.ae .ae-crumbs>i{color:var(--ae-faint);font-style:normal}
@media (max-width:767.98px){html.ae .ae-crumbs>a:not(:nth-last-of-type(-n+1)),html.ae .ae-crumbs>a:not(:nth-last-of-type(-n+1))+i{display:none}html.ae #ae-title.ae-has-crumbs{font-size:15px}}
html.ae .modal-header .modal-title .ae-crumbs{font-size:16px}
html.ae .modal-header .modal-title .ae-crumbs>span:last-child{color:var(--ae-ink);font-weight:800}
/* user menu: initials badge */
html.ae #dropdown-user .ic-user.ae-initials{background:var(--ae-accent)!important;color:#fff!important;font:800 13px/1 var(--ae-font);letter-spacing:.02em;box-shadow:0 0 0 3px var(--ae-accent-50);transition:box-shadow .15s}
html.ae #dropdown-user>a:hover .ic-user.ae-initials,html.ae #dropdown-user.open .ic-user.ae-initials{box-shadow:0 0 0 3px var(--ae-accent-100)}
html.ae.ae-dark #dropdown-user .ic-user.ae-initials{box-shadow:0 0 0 3px rgba(184,69,111,.25)}
html.ae #ae-title .ae-clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ae-ink)}
/* user menu card */
html.ae #dropdown-user .dropdown-menu.ae-user-menu{opacity:1!important;margin-top:8px!important;min-width:260px;padding:6px!important;border-radius:14px!important;background:var(--ae-surface)!important;border:1px solid var(--ae-line-2)!important;box-shadow:var(--ae-shadow-3)!important}
html.ae .ae-user-menu .ae-um-head{display:flex;align-items:center;gap:12px;padding:12px 12px 14px;border-bottom:1px solid var(--ae-line);margin-bottom:6px}
html.ae .ae-user-menu .ae-um-ava{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--ae-accent);color:#fff;font:800 14px/1 var(--ae-font)}
html.ae .ae-user-menu .ae-um-head b{display:block;color:var(--ae-ink);font-size:14.5px;font-weight:700;line-height:1.3}
html.ae .ae-user-menu .ae-um-head small{display:block;color:var(--ae-muted);font-size:12.5px;margin-top:2px}
html.ae .ae-user-menu .head-list{padding:0!important;margin:0!important;list-style:none}
html.ae .ae-user-menu .head-list>li>a,html.ae .ae-user-menu .head-list>li>a.list-group-item{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--ae-ink)!important;font-size:14px!important;font-weight:600}
html.ae .ae-user-menu .head-list>li>a i{color:var(--ae-muted)!important;width:18px;text-align:center;font-size:15px!important}
html.ae .ae-user-menu .head-list>li>a:hover{background:var(--ae-surface-2)!important;color:var(--ae-accent)!important}
html.ae .ae-user-menu .head-list>li>a:hover i{color:var(--ae-accent)!important}
html.ae .ae-user-menu .ae-um-logout,html.ae .ae-user-menu li.ae-um-logout{border-top:1px solid var(--ae-line);margin-top:6px;padding-top:6px}
html.ae .ae-user-menu .ae-um-logout>a,html.ae .ae-user-menu .ae-um-logout>a i{color:var(--ae-del,#c4253a)!important}
html.ae .ae-user-menu .ae-um-logout>a:hover{background:var(--ae-del-50,#fcebed)!important}
html.ae .ae-user-menu .pad-all,html.ae .ae-user-menu .bord-top{padding:0!important;border:0!important;background:transparent!important}
html.ae .ae-user-menu .ae-um-logout{padding:6px 0 0!important;text-align:left!important}
html.ae .ae-user-menu a.ae-um-row{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;background:transparent!important;border:0!important;box-shadow:none!important;width:100%}
html.ae .ae-user-menu a.ae-um-row i{width:18px;text-align:center;font-size:15px}
html.ae .ae-user-menu .ae-um-logout{border-top:1px solid var(--ae-line)!important;margin-top:2px!important}html.ae .ae-user-menu .head-list{margin-bottom:2px!important}
/* v2.35 — record cards on phones: full-width fields, tabs that scroll, short path */
@media (max-width:767.98px){
  html.ae .modal[id$="_editDialog"] .modal-body{padding:10px 10px 16px!important}
  html.ae .modal[id$="_editDialog"] [id$="_modalbody_Content"]>.pad-hor,html.ae .modal[id$="_editDialog"] .modal-body .pad-hor{padding-left:0!important;padding-right:0!important;margin-top:4px!important}
  html.ae .modal[id$="_editDialog"] .panel{margin-left:0!important;margin-right:0!important;border-radius:14px!important}
  html.ae .modal[id$="_editDialog"] .panel-body{padding:4px 0 10px!important}
  html.ae .modal[id$="_editDialog"] .panel-heading{padding:12px 12px 4px!important}
  html.ae .modal[id$="_editDialog"] [id^="parent_"],html.ae .modal[id$="_editDialog"] span[id^="parent_"]{padding-left:12px!important;padding-right:12px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  html.ae .modal[id$="_editDialog"] [id^="parent_"] .ui-spinner,html.ae .modal[id$="_editDialog"] [id^="parent_"] .select2-container,html.ae .modal[id$="_editDialog"] [id^="parent_"] .bootstrap-select,html.ae .modal[id$="_editDialog"] [id^="parent_"]>select{max-width:calc(100% - 34px)!important}
  html.ae .modal[id$="_editDialog"] .panel-control{width:100%;min-width:0;overflow:hidden}
  html.ae .modal[id$="_editDialog"] .nav-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;padding:6px 8px 0!important;border-bottom:1px solid var(--ae-line)!important}
  html.ae .modal[id$="_editDialog"] .nav-tabs::-webkit-scrollbar{display:none}
  html.ae .modal[id$="_editDialog"] .nav-tabs>li{float:none!important;flex:none!important;margin:0!important}
  html.ae .modal[id$="_editDialog"] .nav-tabs>li>a{padding:10px 12px!important;font-size:14px!important;white-space:nowrap}
  html.ae .modal[id$="_editDialog"] .modal-header .ae-crumbs{font-size:15px!important}
}
/* new record: details (Εγγραφές, Πληρωμές…) load after the first save */
html.ae .ae-needsave{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 12px;padding:12px 14px;border-radius:12px;background:var(--ae-accent-50);border:1px solid var(--ae-accent-100);color:var(--ae-ink-2);font-size:13.5px}
html.ae .ae-needsave span{flex:1 1 200px}
@media (max-width:767.98px){
  html.ae .modal[id$="_editDialog"] [id^="parent_"]:not([style*="display: none"]):not([style*="display:none"]){display:flex!important;flex-wrap:wrap;align-items:center;gap:0 4px}
  html.ae .modal[id$="_editDialog"] [id^="parent_"]>label{flex:0 0 100%;margin-bottom:6px!important}
  html.ae .modal[id$="_editDialog"] [id^="parent_"]>br{display:none}
  html.ae .modal[id$="_editDialog"] [id^="parent_"]>input.form-control,html.ae .modal[id$="_editDialog"] [id^="parent_"]>textarea,html.ae .modal[id$="_editDialog"] [id^="parent_"]>.ui-spinner,html.ae .modal[id$="_editDialog"] [id^="parent_"]>.select2-container,html.ae .modal[id$="_editDialog"] [id^="parent_"]>.bootstrap-select,html.ae .modal[id$="_editDialog"] [id^="parent_"]>.btn-group{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important}
  html.ae .modal[id$="_editDialog"] [id^="parent_"]>.ui-spinner>input{width:100%!important}
  html.ae .modal[id$="_editDialog"] [id^="parent_"]>button{flex:none}
  html.ae .modal[id$="_editDialog"] [id^="parent_"]>[id$="_parent"],html.ae .modal[id$="_editDialog"] [id^="parent_"]>div:not(.bootstrap-select):not(.btn-group):not(.select2-container){flex:0 0 100%;min-width:0}
}

/* v2.37 — phones: a clean tap on a card opens the record, so «Αλλαγή» is redundant there */
@media (max-width: 767.98px) {
    html.ae [id$="_btnEdit"] { display: none !important; }
}

/* v2.38 — phones: fields the platform hides (e.g. «Μαθητής» in an enrolment opened from the student) stay hidden */
@media (max-width:767.98px){
  html.ae [id^="parent_"][style*="display: none"],html.ae [id^="parent_"][style*="display:none"],html.ae [id$="_parent"][style*="display: none"],html.ae [id$="_parent"][style*="display:none"]{display:none!important}
}
/* lookup info strip: values readable in the dark theme */
html.ae.ae-dark [id^="details_"] .text-dark{color:var(--ae-ink)!important}

/* v2.39 — phones: grids with fixed height (e.g. Πληρωμές) kept a 17px gutter for a scrollbar phones don't show; cards use the full width */
@media (max-width:767.98px){
  html.ae .e-grid.ae-cards .e-gridcontent .e-content{width:100%!important}
  html.ae .e-grid.ae-cards .e-gridcontent .e-vscrollbar{display:none!important}
  html.ae .e-grid.ae-cards .e-gridheader{padding-right:0!important}
}

/* v2.40 — phones, every card list (also grouped grids and grids inside record cards): all table levels use the full width */
@media (max-width:767.98px){
  html.ae .e-grid.ae-cards,html.ae .e-grid.ae-cards .e-gridcontent,html.ae .e-grid.ae-cards .e-gridcontent .e-content,
  html.ae .e-grid.ae-cards .e-gridcontent table,html.ae .e-grid.ae-cards .e-gridcontent tbody,html.ae .e-grid.ae-cards .e-gridcontent td.e-tabletd{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
  html.ae .e-grid.ae-cards .e-gridcontent td.e-tabletd{display:block!important;padding:0!important}
  html.ae .e-grid.ae-cards .e-gridcontent td.e-indentcell,html.ae .e-grid.ae-cards .e-gridcontent colgroup{display:none!important}
}
/* Safari sizes the nested group tables by its own table layout (cards ended ~60px short): no table layout at all in card lists */
@media (max-width:767.98px){
  html.ae .e-grid.ae-cards .e-gridcontent table,html.ae .e-grid.ae-cards .e-gridcontent tbody{display:block!important}
  html.ae .e-grid.ae-cards .e-gridcontent tr:not(.e-row):not(.e-alt_row){display:flex!important;width:100%!important;align-items:center}
  html.ae .e-grid.ae-cards .e-gridcontent tr:not(.e-row):not(.e-alt_row)>td.e-tabletd,html.ae .e-grid.ae-cards .e-gridcontent tr:not(.e-row):not(.e-alt_row)>td.e-groupcaption{flex:1 1 auto;min-width:0}
}

/* v2.41 — Excel only where it is useful: hidden in sub-forms inside a record card (all devices) and on phones */
html.ae .modal[id$="_editDialog"] [id$="_MainActions"] .ae-export{display:none!important}
html.ae .modal[id$="_editDialog"] [id$="_MainActions"] .ae-reccount{margin-left:auto!important}
@media (max-width:767.98px){
  html.ae [id$="_MainActions"] .ae-export{display:none!important}
  html.ae [id$="_MainActions"] .ae-reccount{margin-left:auto!important}
}

/* v2.42 — grid pager in the theme (all devices): icon arrows, rounded buttons, current page in the accent colour */
html.ae .e-grid .e-pager{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;background:transparent!important;border:0!important;border-top:1px solid var(--ae-line)!important;padding:10px 6px!important;color:var(--ae-muted)!important}
html.ae .e-grid .e-pager .e-pagercontainer{display:flex!important;align-items:center;gap:4px;float:none!important;margin:0!important;border:0!important;background:transparent!important;padding:0!important}
html.ae .e-grid .e-pager .e-numericcontainer{display:flex!important;gap:4px;float:none!important;margin:0!important}
html.ae .e-grid .e-pager .e-pagercontainer>.e-icon,html.ae .e-grid .e-pager .e-numericitem,html.ae .e-grid .e-pager .e-PP,html.ae .e-grid .e-pager .e-NP{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px!important;margin:0!important;border-radius:10px!important;border:1px solid var(--ae-line-2)!important;background:var(--ae-surface)!important;background-image:none!important;color:var(--ae-ink)!important;font-size:14px!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important;float:none!important;cursor:pointer}
html.ae .e-grid .e-pager .e-pagercontainer>.e-icon::before{font-family:FontAwesome!important;font-size:15px;color:inherit}
html.ae .e-grid .e-pager .e-mediaback::before{content:"\f100"!important}
html.ae .e-grid .e-pager .e-arrowheadleft-2x::before{content:"\f104"!important}
html.ae .e-grid .e-pager .e-arrowheadright-2x::before{content:"\f105"!important}
html.ae .e-grid .e-pager .e-mediaforward::before{content:"\f101"!important}
html.ae .e-grid .e-pager .e-numericitem.e-currentitem,html.ae .e-grid .e-pager .e-numericitem.e-active{background:var(--ae-accent)!important;border-color:var(--ae-accent)!important;color:#fff!important;font-weight:700}
html.ae .e-grid .e-pager .e-disable{opacity:.35;cursor:default}
html.ae .e-grid .e-pager .e-PP.e-disable,html.ae .e-grid .e-pager .e-NP.e-disable,html.ae .e-grid .e-pager .e-nextprevitemdisabled{display:none!important}
html.ae .e-grid .e-pager .e-parentmsgbar{float:none!important;padding:0!important;margin:0 0 0 auto!important;font-size:13px;color:var(--ae-muted)!important;text-align:right}
@media (max-width:767.98px){
  html.ae .e-grid .e-pager{justify-content:center}
  html.ae .e-grid .e-pager .e-parentmsgbar{flex:1 1 100%;margin:0!important;text-align:center!important}
}
html.ae .e-grid .e-pager .e-numericitem[style*="display: none"],html.ae .e-grid .e-pager .e-numericitem[style*="display:none"]{display:none!important}

/* v2.42 — dashboard: a fifth KPI card (Έξοδα μήνα, managers) */
html.ae .ae-kpis:has(>.ae-kpi:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1199.98px){html.ae .ae-kpis:has(>.ae-kpi:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}html.ae .ae-kpis>.ae-kpi:nth-child(5):last-child{grid-column:1/-1}}
/* «+ Νέο» inside a KPI card title (Έξοδα μήνα) */
html.ae .ae-kpi .ae-kpi-top:has(.ae-kpi-add){display:flex;align-items:center;justify-content:space-between;gap:8px}
html.ae .ae-kpi .ae-kpi-add{padding:3px 10px!important;font-size:12.5px!important;line-height:1.4!important;margin:-4px 0!important}
html.ae .e-grid .e-pager.ae-pager-empty{display:none!important}
html.ae .ae-kpi .ae-kpi-add{flex:none!important;width:auto!important;min-width:max-content;white-space:nowrap;overflow:visible!important;padding:4px 10px!important}
html.ae .ae-kpi .ae-kpi-top:has(.ae-kpi-add){overflow:visible!important;white-space:nowrap}
html.ae .ae-kpi .ae-kpi-add,html.ae .ae-kpi .ae-kpi-add i{font-size:12.5px!important;line-height:18.75px!important}
html.ae .ae-kpi .ae-kpi-add{display:inline-block!important;min-width:0!important}
html.ae .ae-kpi .ae-kpi-add i{width:auto!important;height:auto!important;display:inline!important;background:none!important;margin:0!important;border-radius:0!important}