/* AckySHINE ROOT responsive shell v10.
   Global CSS coordinates the shell ONLY. sidebar.php/right_sidebar.php own their own internal presentation. */
:root{
 --as-top-space:60px;--as-top-bg:#01796F;--as-top-fg:#fff;--as-top-fs:16px;--as-top-pad:10px;--as-top-hover:brown;--as-top-border:4px solid orange;
 --as-left-space:250px;--as-right-space:250px;--as-bottom-bg:#fff;--as-bottom-fg:#333;--as-bottom-fs:12px;--as-bottom-pad:10px;--as-bottom-hover:#01796F;
 --as-shell-ease:cubic-bezier(.2,.75,.25,1);
}
html{box-sizing:border-box;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;max-width:100%;overflow-x:hidden}

/* Page safe area. Do not style page internals. */
.main-content{min-width:0!important;max-width:none!important;transition:margin .22s var(--as-shell-ease),padding-top .18s ease!important}
.main-content.acky-shell-managed{margin-left:var(--as-left-space)!important;margin-right:var(--as-right-space)!important;padding-top:var(--as-top-space)!important}
body.acky-no-left-shell,body.acky-left-collapsed{--as-left-space:0px}body.acky-no-right-shell,body.acky-right-collapsed{--as-right-space:0px}
body.acky-shell-overlay-mode{--as-left-space:0px;--as-right-space:0px}.acky-shell-overlay-mode .main-content.acky-shell-managed{margin-left:0!important;margin-right:0!important}

/* ===== Root top menu ===== */
.acky-root-topbar{position:fixed!important;inset:0 0 auto 0!important;z-index:15000!important;width:100%!important;max-width:100vw!important;min-height:54px!important;height:auto!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;padding:var(--as-top-pad)!important;background:var(--as-top-bg)!important;color:var(--as-top-fg)!important;font-size:var(--as-top-fs)!important;border-bottom:var(--as-top-border)!important;box-shadow:0 8px 26px rgba(15,23,42,.16)!important;overflow:visible!important;isolation:isolate}
.acky-root-topbar *{box-sizing:border-box}.acky-root-topbar a{color:inherit!important;text-decoration:none!important}.acky-root-topbar button,.acky-root-topbar summary{font:inherit;color:inherit}
.acky-root-top-shell-toggle{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:1px solid color-mix(in srgb,currentColor 22%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,currentColor 9%,transparent)!important;color:inherit!important;cursor:pointer!important}
.acky-root-top-shell-toggle:hover,.acky-root-top-shell-toggle:focus-visible{background:var(--as-top-hover)!important;outline:none!important}
.acky-root-users-template-brand{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;flex:0 1 auto!important;max-width:210px!important;min-height:40px!important;padding:3px 7px!important;border-radius:11px!important;background:color-mix(in srgb,currentColor 7%,transparent)!important;color:inherit!important;overflow:hidden!important}
.acky-root-users-template-brand img{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;object-fit:cover!important;flex:0 0 32px!important;border-radius:9px!important}.acky-root-users-template-brand strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.92em!important}
.acky-root-users-template-nav{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;flex:0 1 auto!important;overflow:visible!important}
.acky-root-top-group{position:relative!important;flex:0 0 auto!important;margin:0!important}.acky-root-top-group>summary{list-style:none!important;display:flex!important;align-items:center!important;gap:5px!important;min-height:38px!important;padding:7px 9px!important;border:1px solid color-mix(in srgb,currentColor 15%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,currentColor 6%,transparent)!important;color:inherit!important;font-size:.81em!important;font-weight:850!important;cursor:pointer!important;white-space:nowrap!important}.acky-root-top-group>summary::-webkit-details-marker{display:none}.acky-root-top-group>summary:after{content:'⌄';font-size:10px;opacity:.75}.acky-root-top-group[open]>summary,.acky-root-top-group>summary:hover,.acky-root-top-group>summary:focus-visible{background:var(--as-top-hover)!important;outline:none!important}
.acky-root-top-dropdown{position:absolute!important;top:calc(100% + 7px)!important;left:0!important;width:min(310px,calc(100vw - 18px))!important;max-height:min(70dvh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:7px!important;border:1px solid #dce5ef!important;border-radius:13px!important;background:#fff!important;color:#172033!important;box-shadow:0 20px 52px rgba(15,23,42,.24)!important;z-index:18000!important}.acky-root-top-group:nth-last-child(-n+2) .acky-root-top-dropdown{left:auto!important;right:0!important}.acky-root-top-dropdown a{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:42px!important;padding:9px 10px!important;border-radius:9px!important;color:#172033!important;font-size:13px!important;font-weight:750!important;white-space:normal!important;overflow-wrap:anywhere!important}.acky-root-top-dropdown a:hover,.acky-root-top-dropdown a:focus-visible{background:#ecfdf5!important;color:#065f46!important;outline:none!important}
.acky-root-top-mobile-menu{display:none!important;position:relative!important;margin-left:auto!important;flex:0 0 auto!important}.acky-root-top-mobile-menu>summary{list-style:none!important;display:flex!important;align-items:center!important;gap:5px!important;height:40px!important;padding:0 10px!important;border:1px solid color-mix(in srgb,currentColor 17%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,currentColor 8%,transparent)!important;color:inherit!important;font-weight:850!important;cursor:pointer!important}.acky-root-top-mobile-menu>summary::-webkit-details-marker{display:none}.acky-root-top-mobile-menu[open]>summary{background:var(--as-top-hover)!important}
.acky-root-top-mobile-panel{position:fixed!important;top:var(--as-top-space)!important;right:8px!important;left:auto!important;width:min(390px,calc(100vw - 16px))!important;max-height:calc(100dvh - var(--as-top-space) - 10px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:10px!important;background:#fff!important;color:#0f172a!important;border:1px solid #dce5ef!important;border-radius:0 0 16px 16px!important;box-shadow:0 24px 60px rgba(15,23,42,.28)!important;z-index:18000!important}.acky-root-top-mobile-panel strong{display:block!important;margin:10px 5px 4px!important;font-size:9px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#64748b!important}.acky-root-top-mobile-panel a{display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:10px!important;border-radius:9px!important;color:#334155!important;font-size:12px!important;font-weight:780!important;white-space:normal!important;overflow-wrap:anywhere!important}.acky-root-top-mobile-panel a:hover,.acky-root-top-mobile-panel a:focus-visible{background:#ecfdf5!important;color:#065f46!important;outline:none!important}
.acky-root-top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;flex:0 0 auto!important}.acky-root-top-profile{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:190px!important;height:40px!important;padding:4px 8px!important;border:1px solid color-mix(in srgb,currentColor 17%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,currentColor 8%,transparent)!important;color:inherit!important;font-weight:800!important;overflow:hidden!important}.acky-root-top-profile>span{min-width:0!important;max-width:125px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.acky-root-top-profile:hover,.acky-root-top-profile:focus-visible{background:var(--as-top-hover)!important;outline:none!important}.acky-root-profile-img{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;object-fit:cover!important;flex:0 0 32px!important}.acky-root-guest-avatar{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:50%;background:color-mix(in srgb,currentColor 13%,transparent)}
.acky-root-topbar.is-compact .acky-root-users-template-nav{display:none!important}.acky-root-topbar.is-compact .acky-root-top-mobile-menu{display:block!important}

/* Backdrop only; sidebars own their own visuals/scrolling. */
.acky-shell-backdrop{display:none;position:fixed;inset:var(--as-top-space) 0 0 0;z-index:13900;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.acky-shell-backdrop.show{display:block!important}body.acky-shell-overlay-open{overflow:hidden!important;touch-action:none}

/* Bottom menu coordination without changing its content. */
.bottom-menu,.bottom_menu,.acky-bottom-menu{max-width:100vw!important;background:var(--as-bottom-bg)!important;color:var(--as-bottom-fg)!important;font-size:var(--as-bottom-fs)!important}.bottom-menu a,.bottom_menu a,.acky-bottom-menu a{color:inherit!important}.bottom-menu a:hover,.bottom_menu a:hover,.acky-bottom-menu a:hover{color:var(--as-bottom-hover)!important}

@media(max-width:1250px){.acky-root-users-template-nav{display:none!important}.acky-root-top-mobile-menu{display:block!important}.acky-root-users-template-brand{max-width:180px!important}}
@media(max-width:900px){.main-content.acky-shell-managed{margin-left:0!important;margin-right:0!important}.acky-root-topbar{gap:5px!important}.acky-root-users-template-brand{max-width:160px!important}.acky-root-top-profile>span{display:none!important}.acky-root-top-profile{width:40px!important;max-width:40px!important;padding:4px!important;justify-content:center!important}}
@media(max-width:700px){
 :root{--as-left-space:0px!important;--as-right-space:0px!important}.main-content.acky-shell-managed{margin-left:0!important;margin-right:0!important}
 .acky-root-topbar{gap:4px!important;padding-left:max(5px,env(safe-area-inset-left))!important;padding-right:max(5px,env(safe-area-inset-right))!important}
 .acky-root-top-shell-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}.acky-root-users-template-brand{padding:3px!important;max-width:128px!important}.acky-root-users-template-brand img{width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;min-height:31px!important;max-height:31px!important;flex-basis:31px!important}.acky-root-users-template-brand strong{font-size:12px!important}.acky-root-top-mobile-menu>summary{height:38px!important;padding:0 8px!important}.acky-root-top-mobile-menu>summary span{display:none!important}.acky-root-top-profile{width:38px!important;height:38px!important;max-width:38px!important}.acky-root-profile-img{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important}.acky-root-top-mobile-panel{right:0!important;left:0!important;width:100vw!important;max-width:none!important;border-left:0!important;border-right:0!important;border-radius:0 0 14px 14px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
 .bottom-menu,.bottom_menu,.acky-bottom-menu{max-width:100vw!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none}.bottom-menu::-webkit-scrollbar,.bottom_menu::-webkit-scrollbar,.acky-bottom-menu::-webkit-scrollbar{display:none}
}
@media(max-width:430px){.acky-root-users-template-brand strong{display:none!important}.acky-root-users-template-brand{max-width:38px!important}.acky-root-top-actions{gap:3px!important}}
@media(max-width:1180px){:root{--as-left-space:0px!important;--as-right-space:0px!important}.main-content.acky-shell-managed{margin-left:0!important;margin-right:0!important}}
@media(prefers-reduced-motion:reduce){.main-content,.acky-root-topbar,.acky-root-top-dropdown,.acky-root-top-profile{transition:none!important;animation:none!important}}
