/* Native WHMCS Support and Announcements Months menus; links and collapse remain native. */
html.tni-client-page #main-body .sidebar .tni-side-panel{position:relative;border:1px solid var(--shell-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #10203a05;margin-bottom:20px!important}
html.tni-client-page #main-body .sidebar .tni-side-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--shell-accent) 0 28%,var(--shell-line) 28% 100%)}
html.tni-client-page #main-body .sidebar .tni-side-panel>.card-header{padding:23px 20px 16px;border:0;border-radius:0;background:linear-gradient(135deg,var(--shell-soft),var(--shell-card))!important}
.tni-side-kicker{display:block;margin:0 0 9px;color:var(--shell-accent);font:700 9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1.7px}
html.tni-client-page #main-body .tni-side-panel .card-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750;line-height:1.35}
.tni-side-panel .card-title>i:first-child:not(.card-minimise){display:none}
.tni-side-panel .card-minimise{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin-left:auto;border:1px solid var(--shell-line);border-radius:50%;background:var(--shell-card);font-size:10px;color:var(--shell-muted);cursor:pointer}
.tni-side-panel .card-minimise:hover{color:var(--shell-accent);border-color:var(--shell-accent)}
.tni-side-panel .list-group{padding:10px;gap:4px}
html.tni-client-page #main-body .sidebar .tni-side-panel a.list-group-item{position:relative;display:block;margin:0;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--shell-ink)!important;padding:8px 10px;font-size:13px;line-height:1.5;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.tni-side-panel .sidebar-menu-item-wrapper{display:flex;align-items:center;gap:11px;min-height:34px}
.tni-side-panel .sidebar-menu-item-icon-wrapper{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--shell-line);border-radius:10px;background:var(--shell-surface);color:var(--shell-accent);margin:0!important}
.tni-side-panel .sidebar-menu-item-icon{font-size:14px;margin:0!important}
.tni-side-panel .sidebar-menu-item-label{min-width:0;flex:1;line-height:1.5}
html.tni-client-page #main-body .sidebar .tni-side-panel a.list-group-item:hover{background:var(--shell-soft)!important;border-color:var(--shell-line)!important;color:var(--shell-accent)!important;text-decoration:none}
html.tni-client-page #main-body .sidebar .tni-side-panel a.list-group-item.active{background:var(--shell-accent)!important;color:var(--shell-button)!important;border-color:var(--shell-accent)!important;font-weight:650}
.tni-side-panel a.active .sidebar-menu-item-icon-wrapper{background:transparent;border-color:currentColor;color:inherit}
.tni-side-panel a.active .sidebar-menu-item-icon{color:inherit}
.tni-side-panel a.active .sidebar-menu-item-wrapper:after{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:auto}
.tni-side-panel :is(a,.card-minimise):focus-visible{outline:3px solid var(--shell-accent);outline-offset:-3px}
.tni-side-archive .list-group{gap:0;padding:8px 14px 14px}
html.tni-client-page #main-body .sidebar .tni-side-archive a:not([menuitemname="RSS Feed"]){padding:10px 10px 10px 33px;min-height:46px}
.tni-side-archive a:not([menuitemname="RSS Feed"]):before{content:"";position:absolute;left:13px;top:0;bottom:0;width:1px;background:var(--shell-line)}
.tni-side-archive a:not([menuitemname="RSS Feed"]):after{content:"";position:absolute;left:9px;top:25px;width:9px;height:9px;border:2px solid var(--shell-accent);border-radius:50%;background:var(--shell-card);box-shadow:0 0 0 4px var(--shell-card)}
.tni-side-archive a:first-child:before{top:25px}
.tni-side-archive a[menuitemname="Older"]:before{bottom:23px}
.tni-side-archive a[menuitemname="Older"]:after{border-color:var(--shell-muted);width:7px;height:7px;left:10px}
.tni-side-archive a:not([menuitemname="RSS Feed"]) .sidebar-menu-item-wrapper{min-height:34px}
.tni-side-archive .tni-archive-date{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:650;text-transform:capitalize}
.tni-side-archive .tni-archive-year{padding:3px 7px;border:1px solid var(--shell-line);border-radius:6px;background:var(--shell-surface);color:var(--shell-muted);font-size:10px;font-weight:600;letter-spacing:.5px}
html.tni-client-page #main-body .sidebar .tni-side-archive a[menuitemname="RSS Feed"]{margin-top:10px;padding-top:12px;border-top:1px solid var(--shell-line)!important;border-radius:0!important;color:var(--shell-muted)!important;font-size:12px}
.tni-side-archive a[menuitemname="RSS Feed"] .sidebar-menu-item-icon-wrapper{width:26px;height:26px;flex-basis:26px;border:0;background:var(--shell-soft);border-radius:7px}
.tni-side-archive a[menuitemname="RSS Feed"] .sidebar-menu-item-icon{font-size:11px}
html.tni-client-page #main-body .sidebar .tni-side-support a[menuitemname="Open Ticket"]{margin-top:10px;padding:13px 10px;background:var(--shell-soft)!important;border:1px solid var(--shell-line)!important;color:var(--shell-accent)!important;font-weight:650}
.tni-side-support a[menuitemname="Open Ticket"] .sidebar-menu-item-icon-wrapper{background:var(--shell-card);border-color:var(--shell-line)}
.tni-side-support a[menuitemname="Open Ticket"] .sidebar-menu-item-wrapper:after{content:"\2197";font-size:18px;font-weight:400;margin-left:auto;flex:0 0 auto;width:auto;height:auto;background:transparent;border-radius:0}
html.tni-client-page #main-body .sidebar .tni-side-support a[menuitemname="Open Ticket"].active{border-color:var(--shell-accent)!important}
.tni-side-support .tni-side-hint{display:block;color:var(--shell-muted);font-size:10px;font-weight:400;margin-top:3px}
@media(prefers-reduced-motion:reduce){html.tni-client-page #main-body .sidebar .tni-side-panel a.list-group-item{transition:none}}
@media(max-width:991px){html.tni-client-page #main-body .sidebar .tni-side-panel{margin-bottom:16px!important}}

