/* Xyr V16: quieter, animated Discord-inspired panels. All colours follow the saved theme. */
:root{--xy16-curve:cubic-bezier(.22,1,.36,1)}
/* CONTROL CENTER */
.xy-dashboard-v3 .xy-side-group{margin-bottom:9px}
.xy-dashboard-v3 .xy-side-group summary{position:relative;overflow:hidden;border-radius:11px;transition:background-color .25s ease,color .25s ease,padding .25s var(--xy16-curve)}
.xy-dashboard-v3 .xy-side-group summary:hover{padding-left:14px}
.xy-dashboard-v3 .xy-side-group summary::after{content:'';position:absolute;left:9px;right:9px;bottom:0;height:1px;background:var(--primary);opacity:0;transform:scaleX(.25);transform-origin:left;transition:opacity .3s,transform .4s var(--xy16-curve)}
.xy-dashboard-v3 .xy-side-group[open] summary::after{opacity:.2;transform:scaleX(1)}
.xy-dashboard-v3 .xy-side-items{max-height:520px;opacity:1;transform:translateY(0);overflow:hidden;will-change:max-height,opacity,transform;transition:max-height .28s var(--xy16-curve),opacity .24s ease,transform .28s var(--xy16-curve),padding .28s ease}
.xy-dashboard-v3 .xy-side-group.xy-is-opening .xy-side-items,.xy-dashboard-v3 .xy-side-group.xy-is-closing .xy-side-items{max-height:0;opacity:0;transform:translateY(-9px);padding-top:0;padding-bottom:0}
.xy-dashboard-v3 .xy-side-group.xy-is-opening .xy-side-chevron,.xy-dashboard-v3 .xy-side-group.xy-is-closing .xy-side-chevron{transform:rotate(0)}
.xy-dashboard-v3 .xy-side-group[open] .xy-side-chevron{transform:rotate(180deg)}
.xy-dashboard-v3 .xy-side-item,.xy-dashboard-v3 .xy-side-items .xy-category{position:relative;transition:background .24s ease,color .24s ease,border-color .24s ease,padding-left .24s var(--xy16-curve)!important}
.xy-dashboard-v3 .xy-side-item:hover,.xy-dashboard-v3 .xy-side-items .xy-category:hover{padding-left:15px!important}
.xy-dashboard-v3 .xy-side-item.selected,.xy-dashboard-v3 .xy-side-items .xy-category.selected{box-shadow:inset 3px 0 0 var(--primary),0 5px 20px rgba(0,0,0,.07)!important}
.xy-dashboard-v3 .xy-v16-enter{animation:xy16-panel-enter .38s var(--xy16-curve) both}
@keyframes xy16-panel-enter{0%{opacity:0;transform:translateY(11px);filter:blur(2px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
.xy-dashboard-v3 .xy-sidebar-scrim:not([hidden]){animation:xy16-scrim .27s ease both}
@keyframes xy16-scrim{from{opacity:0}to{opacity:1}}
.xy-dashboard-v3 .xy-sidebar-mobile-toggle{transition:border-color .25s,box-shadow .25s,background-color .25s}
.xy-dashboard-v3 .xy-sidebar-mobile-toggle:hover{border-color:var(--primary);box-shadow:0 5px 22px rgba(0,0,0,.09)}
.xy-dashboard-v3 .xy-sidebar-mobile-toggle>i:last-child{transition:transform .25s var(--xy16-curve)}
body.xy-sidebar-open .xy-sidebar-mobile-toggle>i:last-child{transform:rotate(90deg)}
#panel-icon{object-fit:cover;background:var(--card-bg)}
/* COMMAND DIRECTORY */
.xy-feature-page.xy-v16-commands{max-width:1380px}
.xy-feature-page.xy-v16-commands .xy-feature-hero{max-width:910px;margin-bottom:34px}
.xy-dir-browser{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;min-width:0;margin:0 auto 40px}
.xy-dir-sidebar{position:sticky;top:92px;max-height:calc(100vh - 113px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;min-width:0;padding:16px 10px 20px;border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg);box-shadow:0 10px 32px rgba(0,0,0,.09)}
.xy-dir-side-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:3px 10px 13px;padding-bottom:15px;border-bottom:1px solid var(--border-color);color:var(--text-sub);font-size:.68rem;font-weight:850;letter-spacing:.12em}
.xy-dir-side-head i{color:var(--primary);font-size:.87rem}
.xy-feature-page.xy-v16-commands .xy-command-filters-wrap{padding:0;margin:0;background:transparent;border:0;box-shadow:none}
.xy-feature-page.xy-v16-commands .xy-filter-heading{display:none}
.xy-feature-page.xy-v16-commands .xy-filter-list{display:flex;flex-direction:column;gap:4px!important}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;padding:11px 12px!important;margin:0;border-radius:10px;background:transparent!important;box-shadow:none!important;border:1px solid transparent!important;text-align:left;color:var(--text-sub)!important;letter-spacing:0;font-size:.83rem;font-weight:650;transform:none!important;transition:background .22s,color .22s,padding-left .22s var(--xy16-curve),border-color .22s!important}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter::before{content:'#';font-size:1rem;font-weight:800;flex:0 0 15px;color:var(--text-sub)}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter[data-filter=all]::before{content:'✦';font-size:.89rem}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter[data-filter=klasik]::before{content:'⌘'}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter[data-filter=dil]::before{content:'文';font-size:.78rem}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter::after{content:attr(data-count);position:static;width:auto;transform:none;inset:auto;margin-left:auto;font-size:.69rem;color:var(--text-sub);background:var(--xy-soft,rgba(166,209,240,.075));border:1px solid var(--border-color);padding:2px 7px;border-radius:7px;pointer-events:none}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter:hover{color:var(--text-main)!important;background:var(--xy-soft,rgba(172,210,236,.09))!important;padding-left:16px!important}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter.active{color:var(--primary)!important;background:var(--xy-soft,rgba(173,210,239,.12))!important;border-color:var(--border-color)!important;box-shadow:inset 3px 0 0 var(--primary)!important}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter.active::before{color:var(--primary)}
.xy-feature-page.xy-v16-commands .xy-filter-list .xy-filter:hover::after{animation:none!important}
.xy-dir-main{min-width:0;border:1px solid var(--border-color);background:var(--card-bg);border-radius:20px;padding:28px 30px;min-height:420px;box-shadow:0 12px 32px rgba(0,0,0,.065)}
.xy-dir-current{margin-bottom:21px}
.xy-dir-eyebrow{font-size:.69rem!important;font-weight:850!important;letter-spacing:.14em;color:var(--primary)!important;margin:0 0 8px!important}
.xy-dir-current h2{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 8px;color:var(--text-main)}
.xy-dir-current p{font-size:.85rem;color:var(--text-sub);line-height:1.55;margin:0}
.xy-feature-page.xy-v16-commands .xy-directory-tools{margin:0 0 15px;gap:10px}
.xy-feature-page.xy-v16-commands .xy-directory-tools label{min-width:0;background:var(--bg-color);border:1px solid var(--border-color);box-shadow:none;border-radius:12px;transition:border-color .2s,box-shadow .2s}
.xy-feature-page.xy-v16-commands .xy-directory-tools label:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--xy-soft,rgba(182,211,242,.10))}
.xy-feature-page.xy-v16-commands .xy-directory-tools label i{color:var(--primary)}
.xy-feature-page.xy-v16-commands .xy-directory-tools #xy-search-count{background:transparent;border:none;padding:10px 0 10px 12px;color:var(--text-sub)}
.xy-feature-page.xy-v16-commands .xy-directory-sections{display:flex;flex-direction:column;gap:14px}
.xy-feature-page.xy-v16-commands .xy-directory-group{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none!important;animation:none!important;transition:none!important;min-width:0}
.xy-feature-page.xy-v16-commands .xy-directory-head{padding:16px 3px 15px;border-bottom:1px solid var(--border-color);margin-bottom:5px}
.xy-feature-page.xy-v16-commands .xy-directory-head h3{font-size:1.04rem;color:var(--text-main)}
.xy-feature-page.xy-v16-commands .xy-directory-head>span{color:var(--text-sub);background:var(--xy-soft,rgba(167,207,237,.07));border-color:var(--border-color)}
.xy-feature-page.xy-v16-commands .xy-directory-list{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.xy-feature-page.xy-v16-commands .xy-directory-item{grid-template-columns:minmax(165px,37%) minmax(0,1fr);align-items:center;gap:20px;padding:13px 16px!important;border:1px solid transparent;border-bottom-color:var(--border-color);border-radius:11px;transition:background-color .23s,color .23s,border-color .23s,transform .25s var(--xy16-curve)}
.xy-feature-page.xy-v16-commands .xy-directory-item:hover{background:var(--xy-soft,rgba(172,210,236,.065));border-color:var(--border-color);transform:translateX(3px)}
.xy-feature-page.xy-v16-commands .xy-directory-item code{display:inline-block;width:fit-content;font-size:.83rem;line-height:1.6;color:var(--primary);font-weight:700}
.xy-feature-page.xy-v16-commands .xy-directory-item span{font-size:.85rem;line-height:1.55;color:var(--text-sub)}
.xy-feature-page.xy-v16-commands .xy-directory-group.xy-v16-dir-arrive{animation:xy16-panel-enter .3s var(--xy16-curve) both!important}
.xy-dir-mobile-toggle{display:none}
.xy-feature-page.xy-v16-commands .xy-no-results{border:1px dashed var(--border-color);border-radius:14px}
.xy-feature-page.xy-v16-commands .xy-filter:focus-visible,.xy-dir-mobile-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(max-width:1100px){.xy-dir-browser{grid-template-columns:205px minmax(0,1fr);gap:15px}.xy-dir-main{padding:23px 21px}}
@media(max-width:960px){
 .xy-dir-browser{display:block}
 .xy-dir-sidebar{position:static;max-height:0;overflow:hidden;opacity:0;visibility:hidden;margin:0;padding:0 12px;border-width:0;transform:translateY(-9px);transition:max-height .4s var(--xy16-curve),opacity .3s ease,transform .35s var(--xy16-curve),visibility .3s,padding .3s,border-width .3s}
 body.xy-dir-menu-open .xy-dir-sidebar{max-height:620px;overflow-y:auto;opacity:1;visibility:visible;margin:0 0 16px;padding:14px 12px 20px;border-width:1px;transform:translateY(0)}
 .xy-dir-main{padding:20px 16px}
 .xy-dir-mobile-toggle{display:flex;width:100%;align-items:center;gap:11px;text-align:left;padding:14px 15px;border:1px solid var(--border-color);background:var(--bg-color);border-radius:12px;margin:0 0 21px;color:var(--text-main);cursor:pointer;font-weight:750}
 .xy-dir-mobile-toggle i{color:var(--primary)}
 .xy-dir-mobile-toggle span{flex:1}
 .xy-dir-mobile-toggle i:last-child{transition:transform .3s var(--xy16-curve)}
 body.xy-dir-menu-open .xy-dir-mobile-toggle i:last-child{transform:rotate(180deg)}
 .xy-feature-page.xy-v16-commands .xy-filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important}
}
@media(max-width:580px){
 .xy-feature-page.xy-v16-commands .xy-feature-numbers{gap:8px}
 .xy-feature-page.xy-v16-commands .xy-feature-numbers strong{min-width:0;flex:1 1 140px}
 .xy-dir-main{padding:16px 12px;border-radius:16px}
 .xy-feature-page.xy-v16-commands .xy-directory-tools{display:block}
 .xy-feature-page.xy-v16-commands #xy-search-count{display:block;text-align:right;margin:4px 0 10px}
 .xy-feature-page.xy-v16-commands .xy-directory-item{grid-template-columns:1fr;gap:5px;padding:12px 10px!important}
 .xy-feature-page.xy-v16-commands .xy-filter-list{grid-template-columns:1fr}
 .xy-dir-current h2{font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){
 .xy-dashboard-v3 .xy-side-items,.xy-dashboard-v3 .xy-side-group summary,.xy-dashboard-v3 .xy-side-group summary::after,.xy-dashboard-v3 .xy-side-item,.xy-dashboard-v3 .xy-side-items .xy-category,.xy-dir-sidebar,.xy-dir-mobile-toggle,.xy-feature-page.xy-v16-commands .xy-directory-item{transition:none!important;animation:none!important}
 .xy-dashboard-v3 .xy-v16-enter,.xy-feature-page.xy-v16-commands .xy-v16-dir-arrive{animation:none!important}
}
/* Let the selected command category occupy the full right column. */
.xy-feature-page.xy-v16-commands .xy-directory-sections{align-items:stretch!important}
.xy-feature-page.xy-v16-commands .xy-directory-group{width:100%}
@media(max-width:960px){.xy-dir-mobile-toggle{margin:0 0 13px}}
