/* AckySHINE Friends v6.5 navigation. Content styles remain in module_ui.css.
   This layer follows AckySHINE customize_styles: sidebar, right_sidebar, top_menu, bottom_menu. */
:root{
 --fr-top-h:64px;
 --nav-top-bg:#01796F;--nav-top-fg:#fff;--nav-top-font:16px;--nav-top-padding:10px;--nav-top-hover:brown;--nav-top-border:4px solid orange;
 --nav-left-bg:#f9f9cd;--nav-left-fg:black;--nav-left-font:16px;--nav-left-pad-top:60px;--nav-left-pad-bottom:100px;--nav-left-w:250px;--nav-left-hover:#1abc9c;--nav-left-head-bg:brown;--nav-left-head-border:4px solid orange;
 --nav-right-bg:#f9f9cd;--nav-right-fg:black;--nav-right-font:16px;--nav-right-pad-top:60px;--nav-right-pad-bottom:100px;--nav-right-w:250px;--nav-right-hover:#1abc9c;--nav-right-head-bg:brown;--nav-right-head-border:4px solid orange;
 --nav-bottom-bg:#fff;--nav-bottom-fg:#333;--nav-bottom-font:12px;--nav-bottom-padding:10px;--nav-bottom-hover:#01796F;
}
body.fr-app:not(.fr-public){padding-top:var(--fr-top-h)}
.fr-shell{display:block!important;max-width:none!important;margin:0!important;padding:0!important}
.fr-main{min-width:0;margin-left:var(--nav-left-w);margin-right:var(--nav-right-w);padding:26px 28px 122px;transition:margin .25s ease}

/* Top bar */
.fr-topbar{box-sizing:border-box;position:fixed;inset:0 0 auto 0;height:var(--fr-top-h);min-height:var(--fr-top-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--nav-top-padding);background:var(--nav-top-bg);color:var(--nav-top-fg);border-bottom:var(--nav-top-border);box-shadow:0 7px 24px rgba(15,23,42,.15);z-index:5000;font-size:var(--nav-top-font);white-space:nowrap}
.fr-top-start,.fr-top-actions{display:flex;align-items:center;gap:8px;min-width:0;flex:0 0 auto}.fr-top-actions{margin-left:auto}
.fr-brand{display:flex;align-items:center;gap:9px;color:var(--nav-top-fg)!important;text-decoration:none!important;min-width:0}.fr-brand>span:last-child{display:flex;flex-direction:column;min-width:0}.fr-brand b{font-size:18px;font-weight:800;line-height:1.2}.fr-brand small{font-size:7px;letter-spacing:1.25px;font-weight:800;opacity:.85}.fr-brand-mark{font-family:Georgia,serif;background:#155b58;color:#fff;width:34px;height:38px;border-radius:11px;display:inline-flex;position:relative;align-items:center;justify-content:center;font-size:32px;line-height:1;flex:0 0 auto}.fr-brand-mark span{position:absolute;right:2px;top:1px;font-family:system-ui;font-size:13px;color:#f1d59f}
.fr-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;flex:0 0 auto;padding:0;border:1px solid var(--nav-top-control-border,rgba(255,255,255,.22));border-radius:10px;background:var(--nav-top-control-bg,rgba(255,255,255,.10));color:var(--nav-top-fg)!important;text-decoration:none!important;font-size:17px}.fr-icon-btn:hover{background:var(--nav-top-hover);text-decoration:none}.fr-font-btn{font-family:Georgia,serif;font-weight:700;font-size:14px}.fr-mobile-search{display:none}
.fr-top-profile{display:flex;align-items:center;gap:7px;max-width:150px;color:var(--nav-top-fg)!important;font-size:11px;font-weight:700;overflow:hidden;text-decoration:none!important}.fr-top-profile .fr-avatar{width:32px;height:32px;flex:0 0 auto}.fr-top-profile span{overflow:hidden;text-overflow:ellipsis}
.fr-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;min-height:19px;max-width:60px;padding:1px 6px;border-radius:8px;background:#e9edf6;color:#506595;font-size:9px;font-weight:750;overflow-wrap:anywhere}.fr-notice-btn>.fr-nav-count{position:absolute;top:-4px;right:-5px;min-width:16px;min-height:16px;padding:0 3px;border:2px solid var(--nav-top-bg);border-radius:20px;background:#d8896a;color:#fff;font-size:7px}

/* Search: full result page + live dropdown */
.fr-top-search-wrap{position:relative;flex:1 1 480px;max-width:560px;min-width:170px;margin:0 auto}.fr-top-search{display:flex;align-items:center;gap:9px;width:100%;margin:0;padding:0 10px;border:1px solid rgba(0,0,0,.09);border-radius:11px;background:#fff;color:#526777}.fr-top-search>span{font-size:21px;line-height:1}.fr-top-search input{flex:1;width:100%;min-width:0;padding:9px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:none;font-size:12px;color:#193345}.fr-search-submit{padding:6px 3px;border:0;background:transparent;color:#0f766e;font-size:10px;font-weight:800}.fr-live-search{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:min(70vh,590px);overflow:auto;padding:9px;border:1px solid #dbe4ea;border-radius:14px;background:#fff;color:#173246;box-shadow:0 18px 55px rgba(15,23,42,.24);z-index:5400;white-space:normal}.fr-live-search-head{display:flex;justify-content:space-between;gap:10px;padding:7px 9px 5px;color:#718393;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.fr-live-result{display:flex;align-items:center;gap:10px;padding:9px;border-radius:10px;color:#173246!important;text-decoration:none!important}.fr-live-result:hover,.fr-live-result.is-keyboard{background:#eef6f4}.fr-live-result img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#edf2f5;flex:0 0 auto}.fr-live-result-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#edf3f7;color:#4a6b79;flex:0 0 auto}.fr-live-result-copy{min-width:0;display:flex;flex-direction:column}.fr-live-result-copy strong{font-size:11px;color:#173246;overflow:hidden;text-overflow:ellipsis}.fr-live-result-copy small{font-size:9px;color:#718393;line-height:1.45;overflow:hidden;text-overflow:ellipsis}.fr-live-search-all{display:block;margin-top:5px;padding:9px;text-align:center;border-top:1px solid #e5ebef;color:#0f766e!important;font-size:10px;font-weight:800;text-decoration:none!important}.fr-live-empty{padding:18px;text-align:center;color:#718393;font-size:11px}

/* Full-height AckySHINE-compatible left navigation */
.fr-left{position:fixed;top:var(--fr-top-h);bottom:0;left:0;width:var(--nav-left-w);height:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--nav-left-bg);color:var(--nav-left-fg);font-size:var(--nav-left-font);border-right:1px solid rgba(0,0,0,.10);box-shadow:8px 0 24px rgba(15,23,42,.07);z-index:3300;transition:transform .25s ease,visibility .25s ease;scrollbar-width:thin;padding:0 0 var(--nav-left-pad-bottom)}
.fr-drawer-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--nav-left-head-bg);color:#fff;border-bottom:var(--nav-left-head-border);font-size:12px}.fr-drawer-head .fr-icon-btn{width:31px;height:31px;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff!important}
.fr-left>.fr-mini-profile{margin:var(--nav-left-pad-top) 12px 18px}.fr-left>.fr-drawer-head+.fr-nav-filter{margin-top:var(--nav-left-pad-top)}.fr-mini-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:17px 12px;border:1px solid rgba(0,0,0,.10);border-radius:14px;background:rgba(255,255,255,.90);color:#20323b}.fr-mini-profile strong{margin-top:5px;font-size:12px;color:#20323b}.fr-mini-profile small{font-size:10px;line-height:1.5;color:#64748b}.fr-mini-profile>.fr-small{margin-top:6px;font-size:9px;font-weight:750;color:#0f766e}
.fr-nav-filter{display:flex;flex-direction:column;gap:5px;margin:0 12px 16px}.fr-nav-filter>span{font-size:9px;color:inherit;opacity:.72}.fr-nav-filter input{width:100%;min-height:34px;padding:8px 9px;border:1px solid rgba(0,0,0,.13);background:rgba(255,255,255,.92);font-size:10px;color:#1f3340}
.fr-left nav{padding:0 8px}.fr-nav-group{margin:0 0 14px}.fr-nav-group h2{margin:0 4px 6px;padding:7px 9px;border-left:var(--nav-left-head-border);border-radius:7px;background:var(--nav-left-head-bg);color:#fff;font-size:9px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.fr-nav-link{display:flex;align-items:center;gap:9px;min-height:39px;margin:2px 0;padding:9px 10px;border-radius:9px;color:var(--nav-left-fg)!important;font-size:var(--nav-left-font);font-weight:650;line-height:1.35;text-decoration:none!important}.fr-nav-link>.fr-nav-icon,.fr-nav-link>span:first-child{width:20px;flex:0 0 auto;font-size:14px}.fr-nav-link>.fr-nav-count{margin-left:auto}.fr-nav-link:hover{background:var(--nav-left-hover);text-decoration:none!important}.fr-nav-link.is-active{background:var(--nav-left-hover);font-weight:800;box-shadow:inset 3px 0 0 rgba(255,255,255,.65)}
.fr-sidebar-note{display:flex;flex-direction:column;gap:6px;margin:18px 12px 0;padding:13px;border:1px solid rgba(0,0,0,.10);border-radius:11px;background:rgba(255,255,255,.60);color:inherit}.fr-sidebar-note b{font-size:10px}.fr-sidebar-note p{margin:0;font-size:9px;line-height:1.5;color:inherit;opacity:.8}

/* Full-height contextual/right sidebar; normally collapsible on desktop */
.fr-right{position:fixed;top:var(--fr-top-h);right:0;bottom:0;width:var(--nav-right-w);height:auto;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--nav-right-bg);color:var(--nav-right-fg);font-size:var(--nav-right-font);border-left:1px solid rgba(0,0,0,.10);box-shadow:-8px 0 24px rgba(15,23,42,.06);z-index:3250;transition:transform .25s ease,visibility .25s ease;padding:0 0 var(--nav-right-pad-bottom);scrollbar-width:thin}.fr-right>.fr-drawer-head{background:var(--nav-right-head-bg);border-bottom:var(--nav-right-head-border)}.fr-right>.fr-drawer-head+.fr-widget{margin-top:var(--nav-right-pad-top)}.fr-right>.fr-widget{margin:0 12px 14px;padding:17px;border-radius:13px;box-shadow:none}.fr-right>.fr-widget-links{margin:0 12px 14px;padding:12px;border-radius:11px;background:rgba(255,255,255,.55)}.fr-widget h2{font-size:14px}.fr-widget p{font-size:10px;line-height:1.65}.fr-inline-link{font-size:9px}.fr-widget-ai .fr-btn{font-size:10px}.fr-status-row{font-size:9px}.fr-right a:not(.fr-btn){color:inherit}

/* Standard collapse behavior */
body.fr-left-collapsed .fr-left{transform:translateX(-105%);visibility:hidden}body.fr-left-collapsed .fr-main{margin-left:0!important}body.fr-right-collapsed .fr-right{transform:translateX(105%);visibility:hidden}body.fr-right-collapsed .fr-main{margin-right:0!important}

/* Bottom centered dock uses AckySHINE bottom_menu customization */
.fr-dock{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;width:max-content;max-width:calc(100vw - 24px);gap:4px;padding:var(--nav-bottom-padding);transform:translateX(-50%);border:1px solid rgba(0,0,0,.12);border-radius:20px;background:var(--nav-bottom-bg);color:var(--nav-bottom-fg);font-size:var(--nav-bottom-font);box-shadow:0 8px 30px rgba(15,23,42,.17);z-index:4400;transition:transform .24s ease,opacity .24s ease}.fr-dock>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:66px;padding:4px 7px;border-radius:11px;color:inherit!important;text-decoration:none!important}.fr-dock>a:hover,.fr-dock>a.is-active{color:var(--nav-bottom-hover)!important;background:rgba(127,127,127,.09)}.fr-dock-icon{position:relative;font-size:19px;line-height:1.2}.fr-dock small{font-size:var(--nav-bottom-font);font-weight:650}.fr-dock-count{position:absolute;top:-3px;right:-11px;min-width:13px;padding:1px 3px;border-radius:9px;background:#d98565;color:#fff;font-size:7px;text-align:center}.fr-dock.is-hidden{transform:translate(-50%,145%);opacity:0;pointer-events:none}.fr-dock:focus-within{transform:translateX(-50%);opacity:1;pointer-events:auto}
.fr-backdrop{position:fixed;inset:var(--fr-top-h) 0 0;background:rgba(15,32,48,.42);backdrop-filter:blur(2px);z-index:3200}.fr-drawer-open{overflow:hidden}

/* Medium screens: right sidebar becomes a normal toggleable overlay. */
@media(max-width:1300px){
 .fr-main{margin-right:0}.fr-right{transform:translateX(105%);visibility:visible;z-index:3600}.fr-right.is-open{transform:translateX(0)}body.fr-right-collapsed .fr-right.is-open{transform:translateX(0);visibility:visible}
 .fr-top-search-wrap{max-width:430px}
}
/* Small screens: both sidebars become full-height drawers. */
@media(max-width:960px){
 .fr-main{margin-left:0!important;margin-right:0!important;padding:22px 18px 116px}.fr-left{width:min(var(--nav-left-w),90vw);transform:translateX(-105%);visibility:visible;z-index:3650}.fr-left.is-open{transform:translateX(0)}body.fr-left-collapsed .fr-left.is-open{transform:translateX(0);visibility:visible}.fr-right{width:min(var(--nav-right-w),90vw)}
 .fr-topbar{gap:8px}.fr-top-profile span{display:none}.fr-top-profile{max-width:none}.fr-brand b{font-size:16px}.fr-brand small{font-size:6px}.fr-top-search-wrap{max-width:330px}
}
@media(max-width:700px){.fr-top-search-wrap{max-width:250px}.fr-top-profile{display:none}.fr-font-btn{display:none}}
@media(max-width:580px){
 :root{--fr-top-h:60px}.fr-topbar{gap:4px}.fr-brand-mark{width:29px;height:32px;font-size:27px}.fr-brand b{font-size:15px}.fr-brand small{display:none}.fr-top-search-wrap{display:none}.fr-mobile-search{display:inline-flex}.fr-main{padding:18px 13px 106px}.fr-dock{bottom:max(10px,env(safe-area-inset-bottom));gap:1px}.fr-dock>a{min-width:54px;padding:4px 5px}.fr-dock-icon{font-size:18px}.fr-dock small{font-size:8px}
}
@media(max-width:360px){.fr-brand>span:last-child{display:none}.fr-dock>a{min-width:49px}}
@media(print){.fr-topbar,.fr-left,.fr-right,.fr-dock,.fr-backdrop{display:none!important}.fr-main{margin:0!important;padding:0!important}body.fr-app:not(.fr-public){padding-top:0}}
@media(prefers-reduced-motion:reduce){.fr-left,.fr-right,.fr-main,.fr-dock{transition:none!important}}

/* v6 compatibility: sidebars always cover the full viewport below the top bar. */
.fr-left,.fr-right{max-height:calc(100dvh - var(--fr-top-h));min-height:calc(100vh - var(--fr-top-h));}
@supports(height:100dvh){.fr-left,.fr-right{min-height:calc(100dvh - var(--fr-top-h));}}


/* v6.5 public profile top bar: same AckySHINE top_menu defaults/customization as the profile owner. */
.fr-public-nav{position:sticky;top:0;z-index:5000;width:100%;max-width:none!important;margin:0!important;padding:var(--nav-top-padding);background:var(--nav-top-bg);color:var(--nav-top-fg);border-bottom:var(--nav-top-border);box-shadow:0 7px 24px rgba(15,23,42,.15);font-size:var(--nav-top-font)}
.fr-public-nav-inner{width:100%;max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.fr-public-nav .fr-brand,.fr-public-nav .fr-brand b,.fr-public-nav .fr-brand small{color:var(--nav-top-fg)!important}
.fr-public-nav .fr-brand:hover{background:var(--nav-top-hover);border-radius:10px;text-decoration:none!important}
.fr-public-nav .fr-btn.fr-secondary{background:var(--nav-top-control-bg,rgba(255,255,255,.12));border-color:var(--nav-top-control-border,rgba(255,255,255,.24));color:var(--nav-top-fg)!important}
.fr-public-nav .fr-btn.fr-secondary:hover,.fr-public-nav .fr-btn.fr-text-btn:hover{background:var(--nav-top-hover);color:var(--nav-top-fg)!important}
.fr-public-nav .fr-btn.fr-text-btn{color:var(--nav-top-fg)!important}
@media(max-width:580px){.fr-public-nav{padding:var(--nav-top-padding)}.fr-public-nav-inner{gap:8px}.fr-public-nav .fr-actions{gap:5px}.fr-public-nav .fr-btn{min-height:36px;padding:7px 10px;font-size:10px}.fr-public-nav .fr-brand b{font-size:15px}.fr-public-nav .fr-brand small{font-size:6px}}