/* Structural fixes for the PHP/static conversion. No visual redesign. */
[data-katalyst-sidebar] { transition: width .22s ease, transform .22s ease; }
[data-katalyst-sidebar][data-collapsed="true"] { width: 80px !important; }
[data-katalyst-sidebar][data-collapsed="true"] a span,
[data-katalyst-sidebar][data-collapsed="true"] a p,
[data-katalyst-sidebar][data-collapsed="true"] .truncate,
[data-katalyst-sidebar][data-collapsed="true"] [class*="whitespace-nowrap"] { display: none !important; }
[data-katalyst-sidebar][data-collapsed="true"] a { justify-content: center; }
[data-katalyst-sidebar][data-collapsed="true"] [data-sidebar-collapse] { right: 50% !important; transform: translateX(50%); }
.katalyst-mobile-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.38); z-index: 39; }
.katalyst-command-backdrop { position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,.38); display:flex; align-items:flex-start; justify-content:center; padding:10vh 16px 16px; }
.katalyst-command { width:min(680px,100%); max-height:75vh; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--popover); color:var(--popover-foreground); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.katalyst-command input { width:100%; border:0; border-bottom:1px solid var(--border); outline:0; padding:16px 18px; background:transparent; color:inherit; font:inherit; }
.katalyst-command-list { max-height:58vh; overflow:auto; padding:8px; }
.katalyst-command a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-radius:10px; color:inherit; text-decoration:none; }
.katalyst-command a:hover,.katalyst-command a:focus { background:var(--accent); color:var(--accent-foreground); outline:none; }
.katalyst-command small { color:var(--muted-foreground); }
@media (max-width: 767px) {
  [data-katalyst-sidebar] { display:flex !important; position:fixed !important; inset:0 auto 0 0; width:288px !important; transform:translateX(-102%); z-index:40 !important; }
  [data-katalyst-sidebar][data-mobile-open="true"] { transform:translateX(0); }
  [data-katalyst-sidebar][data-collapsed="true"] { width:288px !important; }
  [data-katalyst-sidebar][data-collapsed="true"] a span,
  [data-katalyst-sidebar][data-collapsed="true"] a p,
  [data-katalyst-sidebar][data-collapsed="true"] .truncate,
  [data-katalyst-sidebar][data-collapsed="true"] [class*="whitespace-nowrap"] { display:initial !important; }
}