/* Sdílené styly — loading ikona, skeleton, banner výpadku (DOHLED 1) */
  .sun-loader { display:inline-block; width:22px; height:22px; color:var(--orange); flex-shrink:0; }
  .sun-loader svg { width:100%; height:100%; display:block; }
  .sun-loader .sun-rays { transform-origin:12px 12px; animation:sunspin 1.8s linear infinite; }
  .sun-loader .sun-core { animation:sunpulse 1.8s ease-in-out infinite; }
  @keyframes sunspin  { to { transform:rotate(360deg); } }
  @keyframes sunpulse { 0%,100% { opacity:.45; } 50% { opacity:1; } }
  .loader-row { display:flex; align-items:center; gap:10px; color:var(--text-3); font-size:.85rem; padding:10px 8px; }
  .skel-card { border-radius:12px; border:1px solid var(--border); background:rgba(255,255,255,.02); padding:16px; }
  .skel-top  { display:flex; justify-content:space-between; margin-bottom:14px; }
  .skel-line { height:11px; border-radius:6px; margin-bottom:11px;
    background:linear-gradient(90deg, rgba(255,255,255,.05) 25%, rgba(255,255,255,.13) 50%, rgba(255,255,255,.05) 75%);
    background-size:200% 100%; animation:skelshine 1.5s ease-in-out infinite; }
  .skel-big  { height:20px; }
  @keyframes skelshine { 0% { background-position:200% 0; } 100% { background-position:-200% 0; } }
  /* Banner výpadku spojení — informace pro klienta */
  .conn-banner { display:flex; align-items:flex-start; gap:12px;
    background:rgba(244,121,32,.08); border:1px solid rgba(244,121,32,.45);
    border-radius:12px; padding:14px 16px; margin-bottom:16px; }
  .conn-banner .cb-icon { flex-shrink:0; width:22px; height:22px; color:var(--orange); }
  .conn-banner .cb-title { font-weight:600; color:var(--text); font-size:.92rem; margin-bottom:3px; }
  .conn-banner .cb-text  { color:var(--text-2); font-size:.84rem; line-height:1.45; }
  .conn-banner .cb-last  { color:var(--text-3); font-size:.78rem; margin-top:5px; }