/* Bendra panelės ir admin panelės išvaizda: pagrindai, animacijos, šoninė
       kategorijų juosta. Keiti čia – pasikeis abiejose vietose. */

    body { font-family: 'Sora', sans-serif; }
    html { color-scheme: dark; scrollbar-gutter: stable both-edges; background: #0d0d0d; }
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #0d0d0d; }
    ::-webkit-scrollbar-thumb { background: #1f1f1f; border-radius: 999px; }
    ::-webkit-scrollbar-thumb:hover { background: #2b2b2b; }
    :root { --accent: #f5a524; --ease-smooth: cubic-bezier(0.2, 0.8, 0.2, 1); }
    :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
    body.modal-open { overflow: hidden; }

    @keyframes fadeUp { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: none; } }
    .fade-up { animation: fadeUp 0.34s var(--ease-smooth) both; }

    @keyframes modalIn { from { opacity: 0; transform: scale(0.985); } to { opacity: 1; transform: scale(1); } }
    .modal-enter { animation: modalIn 0.26s var(--ease-smooth) forwards; }

    @keyframes toastIn { from { transform: translate3d(0, 12px, 0); opacity: 0; } to { transform: none; opacity: 1; } }
    .toast-enter { animation: toastIn 0.28s var(--ease-smooth) forwards; }

    .hover-card { transition: border-color 180ms ease, background-color 180ms ease; }
    .hover-card:hover { border-color: rgba(255,255,255,0.14); background-color: rgba(255,255,255,0.04); }

    .site-logo {
      height: 1.75rem;
      width: auto;
      object-fit: contain;
      transition: transform 0.45s var(--ease-smooth);
    }
    .group:hover .site-logo { transform: scale(1.07) rotate(-2deg); }

    .panel-nav {
      display: grid;

      grid-template-columns: minmax(0, 1fr);
      gap: 0.4rem;
      padding: 0.5rem;
      background: rgba(13, 13, 13, 0.78);
      border: 1px solid rgba(43, 43, 43, 0.72);
      border-radius: 1rem;
    }
    .panel-group-label {
      padding: 0.75rem 0.9rem 0.35rem;
      font-size: 0.68rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #555555;
    }
    .panel-group-label + .panel-tab { margin-top: 0; }
    .panel-divider {
      height: 1px;
      margin: 0.4rem 0.4rem 0.1rem;
      background: rgba(43, 43, 43, 0.6);
    }
    .panel-tab {
      width: 100%;

      min-width: 0;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      padding: 0.7rem 0.9rem;
      border: 1px solid transparent;
      border-radius: 0.75rem;
      color: #aaaaaa;
      text-align: left;
      font-size: 0.875rem;
      font-weight: 500;
      transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    }
    .panel-tab:hover {
      background: rgba(24, 24, 24, 0.92);
      border-color: rgba(85, 85, 85, 0.68);
      color: #fff;
    }
    .panel-tab-active {
      color: #fff !important;
      background: rgba(229, 229, 229, 0.1) !important;
      border-color: rgba(229, 229, 229, 0.32) !important;
    }
    .panel-tab-active iconify-icon { color: var(--accent); }
    .panel-tab-count {
      margin-left: auto;
      font-size: 0.7rem;
      font-weight: 600;
      color: #555555;
    }
    .panel-tab-active .panel-tab-count { color: var(--accent); }

    @keyframes subnavUnfold {
      from { opacity: 0; transform: translate3d(0, -4px, 0); }
      to   { opacity: 1; transform: none; }
    }
    .panel-subnav {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.25rem;
      margin: 0.1rem 0 0.25rem 0.85rem;
      padding-left: 0.55rem;
      border-left: 1px solid rgba(43, 43, 43, 0.75);
      animation: subnavUnfold 0.18s cubic-bezier(0.2, 0.8, 0.2, 1) both;
    }

    .panel-subnav-static { animation: none; }
    .panel-subnav .panel-tab {
      padding: 0.5rem 0.7rem;
      font-size: 0.83rem;
    }
    .panel-subnav .panel-tab iconify-icon:first-child { font-size: 0.95rem; }