/* polish.css — jemné grafické vylepšenie klasického vzhľadu.
   Mäkšie zaoblenie rohov (tabuľky, obrázky, karty) + jemné tiene.
   Nemení farby ani rozloženie. Loaduje sa PO style.css. */

:root{
  --shadow-soft:    0 2px 10px rgba(38,36,120,.05), 0 1px 3px rgba(38,36,120,.04);
  --shadow-soft-lg: 0 10px 30px rgba(38,36,120,.08), 0 2px 8px rgba(38,36,120,.05);
}

/* ── Karty a panely — väčšie zaoblenie + jemnejší tieň ── */
.card, .od-card, .embed-frame, .three-month-summary,
.stat, .tile, .kpi, .panel{
  border-radius: 16px !important;
  box-shadow: var(--shadow-soft) !important;
}

/* topbar — jemnejší tieň namiesto tvrdého */
.topbar{ box-shadow: 0 2px 14px rgba(15,23,42,.12) !important; }

/* ── Tabuľky — zaoblený rám, hlavička a jemnejšie čiary ── */
.table-scroll, .table-wrap{
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}
table.data, .tbl{ border-radius: 14px; overflow: hidden; }
.tbl thead th:first-child, table.data thead th:first-child{ border-top-left-radius: 12px; }
.tbl thead th:last-child,  table.data thead th:last-child { border-top-right-radius: 12px; }
.tbl tbody tr:last-child td:first-child, table.data tbody tr:last-child td:first-child{ border-bottom-left-radius: 12px; }
.tbl tbody tr:last-child td:last-child,  table.data tbody tr:last-child td:last-child { border-bottom-right-radius: 12px; }
.tbl th, .tbl td, table.data th, table.data td{ border-color: rgba(226,229,240,.7) !important; }

/* ── Obrázky — žiadne ostré rohy (miniatúry, fotky, prílohy) ── */
.att-thumb, .card img, .od-card img, td img,
.customer-photo, .photo-thumb, img.thumb, .attachment img, .preview img{
  border-radius: 12px;
}
/* okrúhle prvky ostávajú okrúhle */
.avatar, .user-chip, img.avatar, .prof img, .rounded-full{ border-radius: 50% !important; }

/* ── Tlačidlá, vstupy, badge, upozornenia — jemnejšie zaoblenie ── */
.btn, button.btn{ border-radius: 11px !important; }
input, select, textarea{ border-radius: 10px !important; }
.badge, .pill, .tag, .chip, .sig-badge{ border-radius: 999px !important; }
.alert, .att-item, .note-block, fieldset, details{ border-radius: 12px !important; }

/* ── Modály a dropdowny — mäkší tieň ── */
.modal, .modal-box, .dropdown, .nav-dd-menu, .popover{
  border-radius: 14px !important;
  box-shadow: var(--shadow-soft-lg) !important;
}

/* ── Prístupnosť: viditeľný focus pri ovládaní klávesnicou (WCAG 2.4.7) ── */
a:focus-visible, button:focus-visible, summary:focus-visible,
[tabindex]:focus-visible, .btn:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline: 2px solid var(--navy, #262478) !important;
  outline-offset: 2px !important;
}
/* Na navy topbare svetlý focus (odkazy, sklenené tlačidlá, hamburger) */
.topbar a:focus-visible, .topbar button:focus-visible, .topbar summary:focus-visible,
.topbar .nav-toggle-input:focus-visible + .nav-toggle-btn{
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}