/* Hzh.Erp – aplikacni styly nad Rosa Modern (nacita se po tailwind.css). */

/* Vstupni animace (spec kap. 5.2 plynule prechody); pri omezeni pohybu se vypne. */
@media (prefers-reduced-motion: no-preference) {
    /* backwards: po dobehnuti na panelu nezustane transform (fixed potomci by se vztahovali k panelu). */
    #tw-drawer-id { animation: hzh-drawer-in 180ms cubic-bezier(.2, .8, .2, 1) backwards; }
    .hzh-fade-in { animation: hzh-fade-in 150ms ease-out both; }
    .hzh-pop-in { animation: hzh-pop-in 160ms cubic-bezier(.2, .8, .2, 1) both; }
}

@keyframes hzh-drawer-in { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes hzh-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes hzh-pop-in { from { transform: translateY(-8px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }

/* Viditelny fokus klavesnice (WCAG 2.4.7) pro tlacitka a fokusovatelne panely – i pro prvky Rosa/DevExpress, ktere vlastni
   indikator nemaji (spoustec sidebaru v navbaru, panel draweru). Odkazy si nechavaji vychozi fokus prohlizece (odkazy menu jsou
   inline s blokovym obsahem a vlastni outline by se na nich nevykreslil); textova pole maji fokus na obalu (DX) nebo na radku palety.
   Obal draweru (.tw-drawer-opened) ma nulovou vysku a Rosa ho fokusuje skriptem pri kazdem otevreni – outline by byl zbloudila tecka. */
html.rb-modern :is(button, [role="button"], [tabindex]:not([tabindex="-1"]):not(input):not(textarea):not(a):not(.tw-drawer-opened)):focus-visible {
    outline: 2px solid rgb(var(--rb-primary-600));
    outline-offset: 2px;
}

/* Paleta globalniho hledani lezi v obsahove plose AdminTw (<main>, z-30 = vlastni stacking context) a jeji z-[60]
   by ji nevyneslo nad navbar (z-40) ani sidebar. Po dobu otevreni main z-index zrusi – stejne jako Rosa pri
   otevrenem draweru (has-[.tw-drawer-opened]:tw-z-auto). */
main:has(.hzh-search-overlay) { z-index: auto; }

/* Prazdny stav gridu: ilustrace + text misto holeho DX "No data" (RbGrid nema EmptyDataAreaTemplate). */
html.rb-modern td.dxbl-grid-empty-data-area {
    padding: 3rem 1rem 2.5rem;
    color: rgb(var(--rb-basecolor-600));
    background: no-repeat center 1rem / 48px 48px
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.5'%3E%3Cpath d='M3 7l2-3h14l2 3v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3Cpath d='M3 7h18M9 11h6'/%3E%3C/svg%3E");
}