/* Korno desktop navigation v1 — shared drawer pages only.
   Mobile and smaller laptop layouts retain their existing hamburger menu. */
.korno-desktop-nav{display:none}
@media(min-width:1120px){
  .topbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:8px clamp(16px,2vw,34px)!important;min-height:54px!important;overflow:visible!important}
  .topbar>.hamburger{display:none!important}
  .topbar>.topbar-logo-wrap,.topbar>.main-topbar-logo{grid-column:auto!important;justify-self:auto!important;flex:0 0 auto!important;margin-right:7px!important}
  .topbar>.topbar-logo-wrap .logo-svg{width:82px}
  .topbar>.topbar-actions{grid-column:auto!important;justify-self:auto!important;margin-left:7px!important;flex:0 0 auto!important}
  .topbar>.theme-btn{flex:0 0 auto!important;justify-self:auto!important}
  .korno-desktop-nav{display:flex!important;flex:1 1 auto;align-items:center;justify-content:center;gap:2px;min-width:0;align-self:stretch;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0;line-height:1.3}
  .korno-desktop-nav a,.korno-desktop-nav summary{font:inherit;line-height:1.3;text-decoration:none!important;color:var(--text,#eef7f7)!important;opacity:.85;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid transparent;border-radius:10px;padding:9px 9px;background:transparent;transition:background .16s,opacity .16s,color .16s}
  .korno-desktop-nav a:hover,.korno-desktop-nav summary:hover,.korno-desktop-nav .is-active{opacity:1;color:var(--teal,#4ecdc4)!important;background:rgba(78,205,196,.10)}
  .korno-desktop-nav a:focus-visible,.korno-desktop-nav summary:focus-visible{outline:2px solid var(--teal,#4ecdc4);outline-offset:3px}
  .korno-desktop-nav details{position:relative;display:flex;align-items:center;min-width:0}
  .korno-desktop-nav summary{list-style:none;user-select:none}
  .korno-desktop-nav summary::-webkit-details-marker{display:none}
  .korno-desktop-nav .korno-dn-chevron{width:11px;height:11px;display:block;flex:0 0 auto;transition:transform .15s;stroke:currentColor}
  .korno-desktop-nav details[open]>.korno-dn-summary .korno-dn-chevron{transform:rotate(180deg)}
  .korno-desktop-nav details[open]>.korno-dn-summary{opacity:1;background:rgba(78,205,196,.1);color:var(--teal,#4ecdc4)!important}
  .korno-desktop-nav .korno-dn-panel{position:absolute;top:calc(100% + 11px);left:0;min-width:236px;max-width:min(320px,90vw);padding:9px;background:#0d1e30;border:1px solid rgba(78,205,196,.23);box-shadow:0 22px 50px rgba(0,0,0,.28);border-radius:15px;display:flex;flex-direction:column;gap:2px;z-index:501;animation:kornoDnAppear .12s ease-out}
  .korno-desktop-nav details:last-child .korno-dn-panel{left:auto;right:0}
  .korno-desktop-nav .korno-dn-panel a{display:flex;padding:10px 12px;border-radius:9px;white-space:normal;line-height:1.4;opacity:.9;font-size:12.5px}
  .korno-desktop-nav .korno-dn-panel--tools{display:grid;grid-template-columns:1fr 1fr;min-width:490px;gap:12px}
  .korno-desktop-nav .korno-dn-col{display:flex;flex-direction:column;gap:2px;min-width:0}
  .korno-desktop-nav .korno-dn-col-title{font-size:11px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:var(--teal,#4ecdc4);padding:8px 12px 5px;opacity:.85}
  .korno-desktop-nav .korno-dn-panel .korno-dn-divider{height:1px;background:rgba(78,205,196,.16);margin:5px 7px}
  .korno-desktop-nav .korno-dn-panel .korno-dn-secondary{font-size:11.5px;opacity:.75}
  [data-theme="light"] .korno-desktop-nav .korno-dn-panel{background:#fffdf9;border-color:rgba(0,107,95,.18);box-shadow:0 20px 45px rgba(14,47,50,.17)}
  @keyframes kornoDnAppear{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
}
@media(min-width:1120px) and (max-width:1279px){
 .korno-desktop-nav{font-size:12px;gap:0}
 .korno-desktop-nav a,.korno-desktop-nav summary{padding:9px 6px}
 .topbar{gap:6px!important}
 .topbar>.topbar-logo-wrap .logo-svg{width:74px}
}
@media(prefers-reduced-motion:reduce){.korno-desktop-nav *{animation:none!important;transition:none!important}}
