/* Banner impersonace — fixed overlay v levem hornim rohu (Ukol 10 + 10b). * position: fixed — banner zustane pripaden i pri scrollu, nezavisle na rodici. * z-index 10000 prekryje logo i ostatni prvky horniho pruhu. * width nastavena inline z PHP ($zobrazeni_okno['menu_sirka']). */ .impersonace-banner { position: fixed; top: 0; left: 0; z-index: 10000; background: #fa8c16; color: #fff; padding: 4px 8px; box-sizing: border-box; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); font-size: 11px; line-height: 1.3; font-family: Arial, sans-serif; } .impersonace-banner .impersonace-radek1 { font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .impersonace-banner .impersonace-radek1 i { margin-right: 4px; } .impersonace-banner .impersonace-radek2 { margin-top: 2px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .impersonace-banner .impersonace-target-login { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .impersonace-banner .btn-banner-zpet { background: #fff; color: #fa8c16 !important; padding: 3px 8px; border-radius: 3px; text-decoration: none !important; font-weight: bold; font-size: 11px; white-space: nowrap; transition: background 0.15s; } .impersonace-banner .btn-banner-zpet:hover { background: #f0f0f0; } @media print { .impersonace-banner { display: none !important; } } /* Pri aktivni impersonaci posunout vyhledavaci pole pod banner (Mini-ukol 10b/10c). * 50px = priblizna vyska 2-radkoveho kompaktniho banneru. JS prida class na . */ body.has-impersonace-banner .menuSearchWrapper { margin-top: 50px; } @media (max-width: 768px) { /* Na mobilu impersonace neni podporovana, banner se nevykresli (server-side * isMobileDevice() check skryje tlacitko v Users/detaily.php). Tato regule * je defenzivni — kdyby UA test nezachytil. */ .impersonace-banner { display: none !important; } /* Override posunu — kdyz se banner nevykresli, nemusi byt ani prostor. */ body.has-impersonace-banner .menuSearchWrapper { margin-top: 0; } }