/* V11.3 – Mobile off-canvas navigation; desktop sidebar stays unchanged. */
.mobile-nav-backdrop,.mobile-nav-toggle{display:none}
@media(max-width:760px){
  .mobile-top{display:flex!important;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:91;min-height:64px;padding:9px 12px!important;background:#fff;border-bottom:1px solid #e6eaf1;box-shadow:0 2px 10px #1b304a0b}
  .mobile-top-brand{display:flex;align-items:center;gap:9px;min-width:0}
  .mobile-brand{gap:7px;min-width:0;white-space:nowrap}
  .mobile-brand .brand-symbol{width:30px;height:30px}
  .mobile-brand strong{font-size:14px;letter-spacing:-.3px}
  .mobile-nav-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #dce6f4;border-radius:12px;background:#f4f8fe;color:#367cdb;touch-action:manipulation;cursor:pointer;transition:background .22s,border-color .22s,transform .22s}
  .mobile-nav-toggle:active{transform:scale(.94)}
  .mobile-nav-toggle:focus-visible{outline:3px solid #b9d8ff;outline-offset:2px}
  .mobile-hamburger-lines{display:flex;flex-direction:column;justify-content:center;gap:5px;width:21px;height:24px}
  .mobile-hamburger-lines i{display:block;width:100%;height:2px;border-radius:4px;background:currentColor;transform-origin:center;transition:transform .29s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
  .mobile-nav-open .mobile-hamburger-lines i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-nav-open .mobile-hamburger-lines i:nth-child(2){opacity:0;transform:scaleX(.2)}
  .mobile-nav-open .mobile-hamburger-lines i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav-open .mobile-nav-toggle{background:#e4efff;border-color:#b7d2fb}
  .mobile-nav-backdrop{display:block;position:fixed;inset:64px 0 0;z-index:79;background:#101e35a6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease;-webkit-tap-highlight-color:transparent}
  .mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .sidebar,.sidebar-collapsed .sidebar{display:flex!important;flex-direction:column;position:fixed!important;top:64px!important;bottom:0!important;left:0!important;right:auto!important;height:calc(100dvh - 64px);width:min(304px,86vw)!important;padding:20px 16px 25px!important;z-index:85!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;box-shadow:12px 0 38px #14213824;transform:translate3d(-105%,0,0);visibility:hidden;pointer-events:none;transition:transform .35s cubic-bezier(.22,.78,.18,1),visibility .35s;will-change:transform}
  .mobile-nav-open .sidebar{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto}
  .sidebar .brand{display:none!important}
  .sidebar .workspace-label,.sidebar .project-heading,.sidebar .sidebar-bottom{display:block!important}
  .sidebar .project-heading{display:flex!important}
  .sidebar .menu-item,.sidebar .project-name,.sidebar .project-row{display:flex!important}
  #project-menu{display:block!important}
  .sidebar,.sidebar-collapsed .sidebar{scrollbar-width:thin}
  .main,.sidebar-collapsed .main{margin-left:0!important;width:100%;min-width:0}
  body.mobile-nav-open{overflow:hidden;touch-action:pan-x}
}
@media(max-width:360px){.mobile-brand strong{font-size:12px}.mobile-top{gap:5px;padding-inline:9px!important}.mobile-top>.button{padding:7px 8px;font-size:11px}}
@media(max-width:360px){.heading-row{gap:6px}.stream-kicker{font-size:9px;letter-spacing:0}.create-button{font-size:10px!important;padding:8px 8px!important}}
@media(prefers-reduced-motion:reduce){.sidebar,.mobile-nav-backdrop,.mobile-nav-toggle,.mobile-hamburger-lines i{transition:none!important}}


/* Kart odak modu: üst meta öğeleri ve etiketler daha hafif */
.entry-card .badge,.entry-card .pin,.entry-card .tags .tag{opacity:.22;transition:opacity .2s ease,transform .2s ease,filter .2s ease}\n.entry-card:hover .badge,.entry-card:hover .pin,.entry-card:hover .tags .tag,.entry-card:focus-within .badge,.entry-card:focus-within .pin,.entry-card:focus-within .tags .tag{opacity:.55}\n.entry-card .badge:hover,.entry-card .pin:hover,.entry-card .tags .tag:hover,.entry-card .badge:focus-visible,.entry-card .pin:focus-visible,.entry-card .tags .tag:focus-visible{opacity:.88}\n.entry-card .entry-title,.entry-card .entry-body{opacity:1!important}\n