/* PLEVIX v31 – spoločná vrstva čitateľnosti. Platí iba pre obrazovku, nie pre tlač/PDF. */
@media screen{
  body[data-plevix-product]{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

  /* Spoločné pracovné moduly */
  body[data-plevix-product] .brand small{font-size:10px!important;line-height:1.35}
  body[data-plevix-product] .side-module b{font-size:11.5px!important}
  body[data-plevix-product] .side-module small{font-size:10px!important;line-height:1.35}
  body[data-plevix-product] .nav button b,
  body[data-plevix-product] .tabs .tab b{font-size:11px!important;line-height:1.25}
  body[data-plevix-product] .nav button em,
  body[data-plevix-product] .tabs .tab small{font-size:10px!important;line-height:1.3}
  body[data-plevix-product] .side-sync b{font-size:10px!important}
  body[data-plevix-product] .side-sync small{font-size:10px!important}
  body[data-plevix-product] .page-copy small{font-size:10px!important}
  body[data-plevix-product] .page-copy b{font-size:18px!important}
  body[data-plevix-product] .btn{font-size:11px!important;min-height:42px}
  body[data-plevix-product] .profile-btn small{font-size:10px!important}
  body[data-plevix-product] .profile-btn b{font-size:11.5px!important}
  body[data-plevix-product] .profile-btn em{font-size:10px!important}
  body[data-plevix-product] .hero-card small{font-size:10px!important}
  body[data-plevix-product] .hero-card h1{font-size:29px!important}
  body[data-plevix-product] .hero-card p{font-size:13px!important;line-height:1.7}
  body[data-plevix-product] .metric-head span{font-size:10px!important}
  body[data-plevix-product] .metric small{font-size:10px!important}
  body[data-plevix-product] .card-head h2{font-size:15px!important}
  body[data-plevix-product] .card-head p{font-size:10.5px!important;line-height:1.5}
  body[data-plevix-product] .alert b,
  body[data-plevix-product] .recent-item b,
  body[data-plevix-product] .record-main b{font-size:11px!important}
  body[data-plevix-product] .alert small,
  body[data-plevix-product] .recent-item small,
  body[data-plevix-product] .record-main small{font-size:10px!important;line-height:1.4}
  body[data-plevix-product] .alert em,
  body[data-plevix-product] .recent-item em{font-size:10px!important}
  body[data-plevix-product] .data-table th{font-size:10px!important;padding-block:12px}
  body[data-plevix-product] .data-table td{font-size:10.5px!important;padding-block:12px}
  body[data-plevix-product] .status,
  body[data-plevix-product] .badge{font-size:10px!important}
  body[data-plevix-product] .field label{font-size:10px!important;line-height:1.35}
  body[data-plevix-product] .field input,
  body[data-plevix-product] .field select,
  body[data-plevix-product] .field textarea{font-size:12px!important;line-height:1.45}
  body[data-plevix-product] .settings-card h3{font-size:14px!important}
  body[data-plevix-product] .settings-card p,
  body[data-plevix-product] .notice,
  body[data-plevix-product] .muted{font-size:10.5px!important;line-height:1.6}
  body[data-plevix-product] .dialog-head b{font-size:15px!important}
  body[data-plevix-product] .dialog-head small{font-size:10px!important}
  body[data-plevix-product] .empty b{font-size:14px!important}
  body[data-plevix-product] .empty p{font-size:10.5px!important}
  body[data-plevix-product] .inbox-item b{font-size:11.5px!important}
  body[data-plevix-product] .inbox-item small{font-size:10px!important}
  body[data-plevix-product] .toast{font-size:11px!important}

  /* Jednotný prepínač nástrojov a VIXI */
  body[data-plevix-product] .px-suite-trigger{font-size:11px!important}
  body[data-plevix-product] .px-suite-popover strong{font-size:10px!important}
  body[data-plevix-product] .px-suite-item b{font-size:11px!important}
  body[data-plevix-product] .px-suite-item small{font-size:10px!important}
  body[data-plevix-product] .px-vixi-head b{font-size:12px!important}
  body[data-plevix-product] .px-vixi-head small{font-size:10px!important}
  body[data-plevix-product] .px-vixi-message{font-size:11.5px!important;line-height:1.55}
  body[data-plevix-product] .px-vixi-quick button{font-size:10px!important}

  /* Fakturačný pracovný priestor – bez zásahu do .paper a tlače */
  body[data-plevix-product="invoice"] #appShell .sub{font-size:11px!important}
  body[data-plevix-product="invoice"] #appShell .profile-pill{font-size:10px!important}
  body[data-plevix-product="invoice"] #appShell .tabs .nav-caption,
  body[data-plevix-product="invoice"] #appShell .tabs .nav-foot{font-size:10px!important}
  body[data-plevix-product="invoice"] #appShell .tabs .tab b{font-size:12px!important}
  body[data-plevix-product="invoice"] #appShell .tabs .tab small{font-size:10px!important}
  body[data-plevix-product="invoice"] #appShell .secondary,
  body[data-plevix-product="invoice"] #appShell button.primary{font-size:11.5px!important}
  body[data-plevix-product="invoice"] #appShell .field label{font-size:10.5px!important}
  body[data-plevix-product="invoice"] #appShell .field input,
  body[data-plevix-product="invoice"] #appShell .field select,
  body[data-plevix-product="invoice"] #appShell .field textarea{font-size:12.5px!important}
  body[data-plevix-product="invoice"] #appShell table:not(.paper table) th{font-size:10px!important}
  body[data-plevix-product="invoice"] #appShell table:not(.paper table) td{font-size:11px!important}
  body[data-plevix-product="invoice"] #appShell .muted,
  body[data-plevix-product="invoice"] #appShell .notice{font-size:11px!important;line-height:1.55}

  /* Fakturačná vstupná stránka */
  body[data-plevix-product="invoice"] .landing-nav a,
  body[data-plevix-product="invoice"] .landing-nav button{font-size:12px!important}
  body[data-plevix-product="invoice"] .landing-brand small{font-size:10px!important}
  body[data-plevix-product="invoice"] .landing-section-head p,
  body[data-plevix-product="invoice"] .feature-card p,
  body[data-plevix-product="invoice"] .price-card li,
  body[data-plevix-product="invoice"] .download-card p,
  body[data-plevix-product="invoice"] .security-copy p,
  body[data-plevix-product="invoice"] .security-copy li{font-size:12px!important;line-height:1.65}

  @media(max-width:820px){
    body[data-plevix-product] .page-copy b{font-size:16px!important}
    body[data-plevix-product] .hero-card h1{font-size:25px!important}
    body[data-plevix-product] .hero-card p{font-size:12px!important}
  }
}

@media screen{
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
    outline:3px solid #a78bfa!important;
    outline-offset:2px!important;
  }
}

/* Spodná hranica pre <small>. Prehliadač mu sám dáva 0,83× veľkosť rodiča,
   takže v 10 px kontajneri z neho vyjde 8,3 px. Nízka špecifickosť — kde je
   veľkosť určená priamo, platí tá. */
small{font-size:max(10px,.85em)}
