@import url('../font.php');
  html,body{height:100%;}
  body { font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
  *{scroll-behavior:smooth;}

  /* Scrollbar */
  ::-webkit-scrollbar { width:8px; height:8px; }
  ::-webkit-scrollbar-track { background:#f1f5f9; }
  ::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:4px; }
  ::-webkit-scrollbar-thumb:hover { background:#94a3b8; }
  .hide-scroll::-webkit-scrollbar{display:none;} .hide-scroll{-ms-overflow-style:none;scrollbar-width:none;}

  /* Sygnet + logowanie w pasku kategorii tylko po przyklejeniu */
  #pub-catbar .pin-only{ display:none; }
  #pub-catbar.pinned{ box-shadow:0 4px 14px -6px rgba(0,0,0,.12); }
  #pub-catbar.pinned .pin-only{ display:inline-flex; align-items:center; }

  /* Pasek nawigatora prototypu */
  #proto-bar{height:40px;}

  /* Blur bramki PWZ na froncie */
  .lock-blur{ filter:blur(6px); user-select:none; pointer-events:none; opacity:.85; }

  /* Drawer */
  #overlay{ transition:opacity .3s; }
  #drawer{ transition:transform .3s cubic-bezier(.4,0,.2,1); }

  /* Tooltip biznesowy */
  .biz-tooltip{ position:absolute; z-index:60; visibility:hidden; opacity:0; transition:all .2s ease-in-out;
    background:#1e293b; color:#f8fafc; font-size:.75rem; font-weight:400; border-radius:.5rem;
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05); padding:.875rem; width:18rem;
    pointer-events:none; line-height:1.5; text-transform:none; letter-spacing:normal; }
  .biz-tooltip-top{ bottom:calc(100% + 10px); left:50%; transform:translateX(-50%); }
  .biz-tooltip .arrow-down{ position:absolute; bottom:-4px; left:50%; transform:translateX(-50%) rotate(45deg); width:8px; height:8px; background:#1e293b; }
  .group:hover .biz-tooltip{ visibility:visible; opacity:1; }

  /* Toast */
  #toast-container{ position:fixed; bottom:20px; right:20px; z-index:120; display:flex; flex-direction:column; gap:10px; }
  .toast{ background:#fff; border:1px solid #e8edf3; box-shadow:0 12px 24px -8px rgba(15,23,42,.15); padding:14px 16px; border-radius:10px;
    display:flex; align-items:center; transform:translateX(140%); transition:transform .3s cubic-bezier(.4,0,.2,1); min-width:280px; }
  .toast.show{ transform:translateX(0); }

  /* Modal */
  .modal-enter{ animation:modal-up .3s cubic-bezier(.16,1,.3,1) forwards; }
  @keyframes modal-up{ from{opacity:0;transform:translateY(20px) scale(.97);} to{opacity:1;transform:translateY(0) scale(1);} }

  /* Skeleton */
  @keyframes shimmer{ 0%{background-position:-400px 0;} 100%{background-position:400px 0;} }
  .skeleton{ background:#e2e8f0; background-image:linear-gradient(90deg,#e2e8f0 0px,#f1f5f9 200px,#e2e8f0 400px); background-size:800px 100%; animation:shimmer 1.4s infinite linear; border-radius:8px; }

  /* AI glow */
  @keyframes pulse-border{ 0%,100%{ border-color:rgba(14,165,233,.2); box-shadow:0 0 0 0 rgba(14,165,233,.2);} 50%{ border-color:rgba(14,165,233,.6); box-shadow:0 0 0 4px rgba(14,165,233,.1);} }
  .ai-glow{ animation:pulse-border 3s infinite; }

  .view-fade{ animation:fade .25s ease; } @keyframes fade{from{opacity:0} to{opacity:1}}
  [x-cloak]{display:none;}

  /* --- Fix wyświetlania: brakujące klasy Tailwind (badge "Partner kategorii" w Oferentach) --- */
  /* Skompilowany tw-a/tw-b.css nie zawierał tych utili -> ikona gwiazdki i etykieta renderowały się w domyślnym (ogromnym) rozmiarze. */
  .w-3{width:.75rem}
  .h-3{height:.75rem}
  .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
  .text-\[10px\]{font-size:10px;line-height:1}