/* =========================================================
   Rabbit Workspace OS v131 — Soft Topbar
   Ammorbidisce la card della topbar desktop senza alterare
   ricerca, profilo, notifiche, menu mobile o comportamento sticky.
   ========================================================= */

@media (min-width:1181px){
  .main > .topbar,
  .main > .topbar.rabbit-pro-topbar{
    position:sticky !important;
    top:12px !important;
    z-index:80 !important;
    width:calc(100% - 28px) !important;
    max-width:none !important;
    min-height:68px !important;
    margin:12px 14px 20px !important;
    padding:10px 14px !important;
    border:1px solid rgba(255,255,255,.82) !important;
    border-bottom:1px solid rgba(197,211,226,.76) !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 8% 0%,rgba(255,255,255,.94),transparent 31%),
      radial-gradient(circle at 94% 100%,rgba(191,219,254,.20),transparent 34%),
      linear-gradient(135deg,rgba(241,245,249,.94),rgba(229,236,244,.88)) !important;
    box-shadow:
      11px 11px 25px rgba(169,181,195,.30),
      -8px -8px 21px rgba(255,255,255,.86),
      inset 0 1px 0 rgba(255,255,255,.90) !important;
    backdrop-filter:blur(16px) saturate(1.04) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.04) !important;
    overflow:visible !important;
  }

  .main > .topbar .search,
  .main > .topbar.rabbit-pro-topbar .search{
    min-width:0 !important;
    max-width:min(760px,72%) !important;
  }

  .main > .topbar .search input,
  .main > .topbar input#globalSearch{
    height:44px !important;
    min-height:44px !important;
    border-radius:17px !important;
    border-color:rgba(191,205,223,.78) !important;
    background:rgba(244,248,252,.86) !important;
    box-shadow:
      inset 3px 3px 7px rgba(177,187,200,.38),
      inset -3px -3px 8px rgba(255,255,255,.92),
      0 1px 0 rgba(255,255,255,.70) !important;
  }

  .main > .topbar .rabbit-topbar-user{
    padding:3px !important;
    border-radius:18px !important;
    background:rgba(241,246,251,.52) !important;
    border:1px solid rgba(255,255,255,.58) !important;
    box-shadow:
      5px 5px 12px rgba(174,184,196,.22),
      -4px -4px 10px rgba(255,255,255,.72) !important;
  }

  .main > .topbar .rabbit-bell,
  .main > .topbar .rabbit-admin-chip{
    border-radius:15px !important;
    box-shadow:
      4px 4px 10px rgba(170,181,193,.25),
      -4px -4px 10px rgba(255,255,255,.78) !important;
  }
}

/* Laptop: conserva l'effetto morbido ma riduce leggermente i margini. */
@media (min-width:1181px) and (max-width:1399px){
  .main > .topbar,
  .main > .topbar.rabbit-pro-topbar{
    width:calc(100% - 20px) !important;
    margin:10px 10px 18px !important;
    border-radius:21px !important;
  }
}

/* Il mobile mantiene la topbar responsive già esistente, con raccordi più morbidi. */
@media (max-width:1180px){
  .main > .topbar,
  .main > .topbar.rabbit-pro-topbar{
    border-radius:22px !important;
    border-color:rgba(255,255,255,.76) !important;
    box-shadow:
      7px 7px 17px rgba(170,181,194,.27),
      -6px -6px 15px rgba(255,255,255,.80) !important;
  }
}