/* v5: exact BestUI skills-cloud treatment, adapted from BestUI-ForntEnd/assets/css/revisions.css */
/* Source uses --skill-rgb, subtle border (.16), transparent color wash and radial hover flare. */
html[data-theme='dark'] .pill{
 --skill-rgb:150,169,223;
 position:relative;isolation:isolate;overflow:hidden;
 display:inline-flex;align-items:center;justify-content:center;
 color:#9ca9c7!important;
 background:rgba(100,122,183,.06)!important;
 border:1px solid rgba(var(--skill-rgb),.16)!important;
 border-radius:999px!important;
 box-shadow:none!important;
 padding:6px 12px;
 transition:color .4s ease,border-color .4s ease,box-shadow .45s ease,transform .45s cubic-bezier(.16,1,.3,1),background .4s ease!important;
}
html[data-theme='dark'] .pill::before{
 content:'';position:absolute;z-index:-1;inset:-28px;opacity:0;
 background:radial-gradient(circle at 50% 100%,rgba(var(--skill-rgb),.34),rgba(var(--skill-rgb),.08) 44%,transparent 72%);
 filter:blur(7px);transform:translateY(16px) scale(.76);
 transition:opacity .42s ease,transform .55s cubic-bezier(.16,1,.3,1)
}
html[data-theme='dark'] .pill:hover{
 color:#f7f9ff!important;border-color:rgba(var(--skill-rgb),.48)!important;
 background:rgba(var(--skill-rgb),.07)!important;
 box-shadow:0 10px 28px rgba(var(--skill-rgb),.13),inset 0 0 18px rgba(var(--skill-rgb),.06)!important;
 transform:translateY(-3px)
}
html[data-theme='dark'] .pill:hover::before{opacity:1;transform:translateY(0) scale(1)}
html[data-theme='dark'] .status-doing{--skill-rgb:68,168,255;color:#a6d4ff!important}
html[data-theme='dark'] .status-done{--skill-rgb:37,220,158;color:#9fe8cb!important}
html[data-theme='dark'] .status-todo{--skill-rgb:152,132,230;color:#cdc0fc!important}
html[data-theme='dark'] .priority-high{--skill-rgb:248,91,133;color:#ffafc6!important}
html[data-theme='dark'] .priority-medium{--skill-rgb:240,172,58;color:#ffda94!important}
html[data-theme='dark'] .priority-low{--skill-rgb:56,207,154;color:#a1f0ca!important}
/* Sidebar toggle sits precisely astride the LEFT edge of the RIGHT sidebar. */
.sidebar{overflow:visible!important;isolation:isolate}
.sidebar-collapse{position:absolute!important;top:30px!important;left:-17px!important;right:auto!important;margin:0!important;
 width:34px!important;height:34px!important;z-index:45;
 border-radius:11px!important;background:#282646!important;color:#d6ceff!important;
 border:1px solid #7161c2!important;box-shadow:0 5px 20px #080e2244!important;
 transition:background .25s,transform .3s,border-color .25s!important}
.sidebar-collapse:hover{background:#6350d6!important;transform:scale(1.08)}
.sidebar-collapse .collapse-direction{width:18px;height:18px;transform:rotate(90deg);transition:transform .3s ease}
.sidebar-collapsed .sidebar-collapse{top:30px!important;left:-17px!important;right:auto!important}
.sidebar-collapsed .collapse-direction{transform:rotate(-90deg)}
/* Consistent alignment and icon placement in collapsed state */
@media(min-width:781px){
.sidebar-collapsed .sidebar{width:77px!important;padding:29px 10px 15px!important}
.sidebar-collapsed .brand{justify-content:center!important;margin:0 0 38px!important;min-height:35px}
.sidebar-collapsed .brand-symbol{margin:0!important;flex-shrink:0!important}
.sidebar-collapsed .brand>span:not(.brand-symbol){display:none!important}
.sidebar-collapsed .side-caption{visibility:hidden!important;height:16px!important;overflow:hidden!important;margin-bottom:12px!important;padding:0!important}
.sidebar-collapsed .nav-list{gap:9px!important}
.sidebar-collapsed .nav-link{width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;gap:0!important;white-space:nowrap!important;overflow:hidden!important;font-size:0!important}
.sidebar-collapsed .nav-link svg,.sidebar-collapsed .nav-link img.asset-icon{width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important}
.sidebar-collapsed .nav-count{display:none!important}
.sidebar-collapsed .sidebar-bottom .nav-link{justify-content:center!important}
.sidebar-collapsed .side-user{display:flex!important;justify-content:center!important;padding:20px 0 5px!important}
.sidebar-collapsed .side-user .avatar{margin:0!important}
.sidebar-collapsed .side-user>div,.sidebar-collapsed .logout{display:none!important}
}
/* No outline/border/glow on left details panel when status changes. */
#detailPanel,#detailPanel.state-flash,#detailPanel.open{animation-name:tasklyReveal!important;outline:none!important}
#detailPanel.state-flash{box-shadow:0 15px 35px #06071633,inset 0 1px #b5a5ff13!important;border-color:var(--border)!important}
html[data-theme='light'] #detailPanel.state-flash{box-shadow:0 14px 50px rgba(44,55,111,.08)!important;border-color:#edf0f7!important}
#tasksBody tr.row-status-change td{animation:rowTint .65s ease}
@keyframes rowTint{35%{background:rgba(127,102,250,.12)}100%{background:transparent}}
@media(max-width:780px){.sidebar{overflow-y:auto!important}.sidebar-collapse{display:none!important}}
@media(prefers-reduced-motion:reduce){html[data-theme='dark'] .pill,html[data-theme='dark'] .pill::before,.sidebar-collapse,.collapse-direction{transition:none!important}#tasksBody tr.row-status-change td{animation:none!important}}