:root{--px-bg:#f3f6fb;--px-surface:#fff;--px-text:#172033;--px-muted:#6b778c;--px-line:#dfe6f0;--px-primary:#4f46e5;--px-primary2:#7c3aed;--px-danger:#dc2626;--px-warning:#d97706;--px-success:#059669;--px-sidebar:#0f172a;--px-sidebar2:#211f49;--px-shadow:0 18px 55px rgba(15,23,42,.11)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--px-text);background:var(--px-bg)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{transition:.18s}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;background:linear-gradient(165deg,var(--px-sidebar),var(--px-sidebar2));color:#fff;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:4px 5px 17px;color:#fff;text-decoration:none}.brand-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);font-weight:950;box-shadow:0 10px 30px #4f46e555}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{margin-top:2px;color:#aab5ca;font-size:10px;font-weight:800;letter-spacing:.08em}.side-module{margin-bottom:12px;padding:12px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff0a}.side-module-head{display:flex;align-items:center;gap:9px}.side-module-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#8b5cf62c;color:#ddd6fe;font-size:17px;font-weight:950}.side-module b,.side-module small{display:block}.side-module b{font-size:10px}.side-module small{margin-top:2px;color:#93a0b8;font-size:10px}.nav{display:grid;gap:4px;min-height:0}.nav button{width:100%;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:11px;background:transparent;color:#aeb9cc;text-align:left;cursor:pointer}.nav button:hover{background:#ffffff0c;color:#fff}.nav button.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 9px 25px #4f46e544}.nav button i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ffffff0b;font-style:normal}.nav button b{font-size:10px}.nav button em{font-style:normal;color:#93a0b8;font-size:10px}.nav button.active em{color:#ddd6fe}.side-bottom{margin-top:auto;padding-top:12px}.side-sync{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff08}.sync-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #10b98118}.sync-dot.offline{background:#f59e0b;box-shadow:0 0 0 5px #f59e0b18}.side-sync b,.side-sync small{display:block}.side-sync b{font-size:10px}.side-sync small{margin-top:2px;color:#94a3b8;font-size:10px}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:500;min-height:72px;display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid #e4e8f0;background:#ffffffec;backdrop-filter:blur(16px)}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--px-line);border-radius:12px;background:#fff;color:#334155;cursor:pointer}.page-copy{min-width:0;flex:1}.page-copy small,.page-copy b{display:block}.page-copy small{color:#7c8799;font-size:10px;font-weight:950;letter-spacing:.12em}.page-copy b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.top-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid var(--px-line);border-radius:12px;background:#fff;color:#344054;text-decoration:none;font-weight:850;font-size:10px;cursor:pointer}.btn:hover{transform:translateY(-1px);border-color:#b9b5f3}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--px-primary),var(--px-primary2));color:#fff;box-shadow:0 8px 22px #4f46e533}.btn.danger{color:#b42318;background:#fff5f5;border-color:#fecaca}.btn.ghost{background:#f7f8fb}.profile-btn{min-width:214px;display:grid;grid-template-columns:42px minmax(0,1fr) 25px;align-items:center;gap:9px;padding:5px 8px;border:1px solid #dfe4ed;border-radius:15px;background:linear-gradient(145deg,#fff,#f4f3ff);color:#182135;text-align:left;box-shadow:0 9px 25px #312e8115;cursor:pointer}.profile-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-weight:950}.profile-btn span{min-width:0}.profile-btn small,.profile-btn b,.profile-btn em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-btn small{color:#7e8799;font-size:10px;font-weight:950;letter-spacing:.11em}.profile-btn b{margin-top:2px;font-size:10px}.profile-btn em{margin-top:2px;color:#778397;font-size:10px;font-style:normal}.content{padding:20px}.view{display:none}.view.active{display:block}.hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px;border-radius:23px;background:linear-gradient(145deg,#111a31,#29275a);color:#fff;box-shadow:0 22px 60px #312e8129}.hero-card:after{content:"";position:absolute;width:300px;height:300px;right:-110px;top:-140px;border-radius:50%;background:#7c3aed44;filter:blur(2px)}.hero-card>*{position:relative;z-index:1}.hero-card small{color:#c4b5fd;font-size:10px;font-weight:950;letter-spacing:.12em}.hero-card h1{margin:9px 0 7px;font-size:26px;letter-spacing:-.04em}.hero-card p{max-width:720px;margin:0;color:#b8c2d5;font-size:11px;line-height:1.65}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:15px}.metric{padding:16px;border:1px solid var(--px-line);border-radius:17px;background:#fff;box-shadow:0 8px 25px #0f172a08}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-head span{color:#6c788b;font-size:10px;font-weight:850}.metric-head i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5;font-style:normal}.metric b{display:block;margin-top:9px;font-size:21px;letter-spacing:-.035em}.metric small{display:block;margin-top:3px;color:#8a94a6;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.card{border:1px solid var(--px-line);border-radius:18px;background:#fff;box-shadow:0 10px 35px #17203309}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #edf0f5}.card-head h2{margin:0;font-size:13px}.card-head p{margin:3px 0 0;color:#7b8698;font-size:10px}.card-body{padding:15px}.chart{display:flex;align-items:flex-end;gap:9px;height:215px;padding:14px 5px 25px;border-radius:13px;background:linear-gradient(180deg,#f8f9fd,#fff)}.chart-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.chart-bar{width:min(36px,75%);min-height:3px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7c3aed,#4f46e5);box-shadow:0 6px 16px #4f46e52b}.chart-col b{font-size:10px}.chart-col small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d8798;font-size:10px}.alert-list,.recent-list{display:grid;gap:8px}.alert,.recent-item{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #edf0f5;border-radius:12px;background:#fbfcfe}.alert i,.recent-item i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5;font-style:normal}.alert b,.alert small,.recent-item b,.recent-item small{display:block}.alert b,.recent-item b{font-size:10px}.alert small,.recent-item small{margin-top:2px;color:#7c8798;font-size:10px}.alert em,.recent-item em{font-style:normal;color:#69758a;font-size:10px}.section-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.section-toolbar .grow{flex:1}.search{min-width:230px;min-height:40px;padding:9px 12px;border:1px solid var(--px-line);border-radius:12px;background:#fff}.filter{min-height:40px;padding:9px 11px;border:1px solid var(--px-line);border-radius:12px;background:#fff}.table-card{overflow:hidden;border:1px solid var(--px-line);border-radius:18px;background:#fff;box-shadow:0 10px 35px #17203309}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{padding:11px 12px;background:#f8f9fc;color:#6b778b;font-size:10px;text-align:left;letter-spacing:.04em}.data-table td{padding:11px 12px;border-top:1px solid #edf0f4;font-size:10px;vertical-align:middle}.data-table tr:hover td{background:#fbfbff}.record-main b,.record-main small{display:block}.record-main b{font-size:10px}.record-main small{margin-top:3px;color:#7a8597;font-size:10px}.status{display:inline-flex;padding:5px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:900}.status.success{background:#ecfdf5;color:#047857}.status.warn{background:#fff7ed;color:#c2410c}.status.danger{background:#fff1f2;color:#be123c}.row-actions{display:flex;gap:5px}.icon-btn{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e1e6ee;border-radius:9px;background:#fff;color:#4d596d;cursor:pointer}.empty{padding:42px 20px;text-align:center;color:#7d8798}.empty i{width:54px;height:54px;margin:auto;display:grid;place-items:center;border-radius:17px;background:#eef2ff;color:#4f46e5;font-style:normal;font-size:23px}.empty b{display:block;margin-top:12px;color:#334155;font-size:12px}.empty p{margin:6px auto 0;max-width:430px;font-size:10px;line-height:1.6}.board{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(220px,1fr));gap:11px;overflow:auto;padding-bottom:8px}.board-col{min-height:360px;padding:10px;border:1px solid #e2e7ef;border-radius:16px;background:#f7f9fc}.board-head{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 10px}.board-head b{font-size:10px}.board-head span{padding:4px 6px;border-radius:999px;background:#e9ecf4;color:#657188;font-size:10px;font-weight:850}.board-card{margin-bottom:8px;padding:11px;border:1px solid #e1e6ef;border-radius:13px;background:#fff;box-shadow:0 6px 18px #17203308}.board-card b,.board-card small{display:block}.board-card b{font-size:10px}.board-card small{margin-top:4px;color:#7c8798;font-size:10px}.board-value{margin-top:8px;color:#4f46e5;font-size:10px;font-weight:900}.board-actions{display:flex;justify-content:space-between;margin-top:9px}.board-actions button{border:0;background:#f1f3f8;color:#596579;border-radius:8px;padding:5px 7px;font-size:10px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-card{padding:18px;border:1px solid var(--px-line);border-radius:17px;background:#fff}.settings-card h3{margin:0 0 7px;font-size:12px}.settings-card p{margin:0 0 13px;color:#748095;font-size:10px;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{color:#526074;font-size:10px;font-weight:900}.field input,.field select,.field textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #dce2eb;border-radius:10px;background:#fff;color:#172033}.field textarea{min-height:90px;resize:vertical}.check-row{display:flex;align-items:center;gap:8px;min-height:40px}.check-row input{width:17px;height:17px}.dialog{width:min(720px,calc(100vw - 24px));max-height:90vh;padding:0;border:0;border-radius:21px;background:#fff;box-shadow:0 30px 90px #0f172a55}.dialog::backdrop{background:#02061799;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #e8ecf2}.dialog-head i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-style:normal}.dialog-head div{flex:1}.dialog-head b,.dialog-head small{display:block}.dialog-head b{font-size:13px}.dialog-head small{margin-top:2px;color:#7a8597;font-size:10px}.dialog-close{width:34px;height:34px;border:0;border-radius:10px;background:#eef0f5;color:#596579;font-size:18px;cursor:pointer}.dialog-body{padding:17px 18px;overflow:auto;max-height:calc(90vh - 140px)}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid #e8ecf2}.account-grid{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:15px;border-radius:16px;background:linear-gradient(145deg,#f7f7ff,#fff)}.account-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-size:22px;font-weight:950}.account-grid b,.account-grid small{display:block}.account-grid b{font-size:14px}.account-grid small{margin-top:4px;color:#758196;font-size:10px}.account-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.account-meta div{padding:11px;border:1px solid #e4e8ef;border-radius:12px}.account-meta small,.account-meta b{display:block}.account-meta small{color:#7a8597;font-size:10px}.account-meta b{margin-top:4px;font-size:10px}.toast{position:fixed;right:18px;top:85px;z-index:3000;max-width:360px;padding:12px 14px;border-radius:13px;background:#172033;color:#fff;box-shadow:0 18px 50px #0f172a44;font-size:10px;transform:translateY(-15px);opacity:0;pointer-events:none}.toast.show{transform:none;opacity:1}.toast.error{background:#b42318}.toast.warning{background:#b54708}.toast.success{background:#027a48}.inbox-item{display:grid;grid-template-columns:45px 1fr auto;gap:11px;align-items:center;padding:13px;border-bottom:1px solid #edf0f4}.inbox-item:last-child{border:0}.inbox-item i{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#eef2ff;color:#4f46e5;font-style:normal}.inbox-item b,.inbox-item small{display:block}.inbox-item b{font-size:10px}.inbox-item small{margin-top:3px;color:#778397;font-size:10px}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:13px}.notice{padding:12px 14px;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;font-size:10px;line-height:1.55}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.profile-btn{min-width:52px;width:52px;height:52px;display:block;padding:5px}.profile-btn .profile-copy,.profile-btn>i{display:none}.profile-avatar{width:40px;height:40px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;z-index:1000;left:0;top:0;width:min(285px,88vw);transform:translateX(-105%);transition:.22s;box-shadow:20px 0 60px #02061766}.sidebar.open{transform:none}.menu-btn{display:grid;place-items:center}.topbar{padding:9px 12px}.content{padding:13px}.top-actions>.btn.ghost{display:none}.hero-card{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.split{grid-template-columns:1fr}}
@media(max-width:560px){.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px}.metric b{font-size:17px}.section-toolbar{align-items:stretch;flex-wrap:wrap}.search{min-width:0;flex:1 1 100%}.hero-card{padding:19px}.hero-card h1{font-size:22px}.content{padding:10px}.board{grid-template-columns:repeat(var(--cols,4),250px)}.account-meta{grid-template-columns:1fr}.top-actions .btn.primary span{display:none}}
@media print{.sidebar,.topbar,.px-vixi-launch,.px-vixi-panel,.toast,.section-toolbar,.dialog{display:none!important}.app-shell{display:block}.content{padding:0}.view{display:none!important}.view.active{display:block!important}.card,.table-card,.metric{box-shadow:none}}


/* v59: the shared tools rail must never cover module navigation. */
.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
.sidebar>.nav{flex:1 1 auto;min-height:80px;overflow-y:auto;overflow-x:hidden}
.sidebar>.side-bottom{flex:0 0 auto}
@media(max-width:860px){.sidebar{overflow-y:auto}}
.check-row span{min-width:0}.check-row a{color:var(--px-primary);font-weight:850;text-decoration:underline;text-underline-offset:2px}
.plan-vixi{margin:12px 0;padding:11px 12px;border:1px solid rgba(124,58,237,.18);border-radius:13px;background:linear-gradient(145deg,rgba(124,58,237,.08),rgba(34,211,238,.045))}.plan-vixi b,.plan-vixi span{display:block}.plan-vixi b{color:#c4b5fd;font-size:11px}.plan-vixi span{margin-top:4px;color:#aeb8ca;font-size:10px;line-height:1.5}

/* PLEVIX v64 – bezpečná hlavička modulov na každej šírke. */
.topbar,.top-actions,.page-copy{min-width:0}
.top-actions{flex:0 1 auto;max-width:72%;justify-content:flex-end;white-space:nowrap}
.top-actions>.btn,.profile-btn{flex:0 0 auto}
.page-copy b{max-width:100%}
@media(max-width:1260px){
  .topbar{gap:9px;padding-inline:14px}
  #syncButton{width:42px;min-width:42px;padding-inline:0;font-size:0}
  #syncButton::before{content:'↻';font-size:15px}
  .top-actions{max-width:68%}
}
@media(max-width:1040px){
  .top-actions{gap:6px;max-width:62%}
  #newButton{padding-inline:11px}
  .page-copy b{font-size:14px}
}
@media(max-width:920px) and (min-width:821px){
  #newButton span{display:none}
  #newButton{width:42px;min-width:42px;padding:0;font-size:15px}
  .top-actions{max-width:56%}
}
@media(max-width:820px){
  .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  .top-actions{max-width:none;min-width:0}
  #syncButton{display:none}
  .profile-btn{min-width:48px;width:48px;height:48px;padding:4px}
  .profile-avatar{width:38px;height:38px}
}
@media(max-width:560px){
  .topbar{gap:7px;padding:8px 9px}
  .menu-btn{width:40px;height:40px}
  .page-copy small{font-size:10px}
  .page-copy b{font-size:13px}
  #newButton{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:14px}
  .profile-btn{width:40px;min-width:40px;height:40px;border-radius:12px}
  .profile-avatar{width:32px;height:32px;border-radius:10px}
}

/* --- v74-dotyk ---------------------------------------------------------------
   Ikonové tlačidlá mali 31×31 px. Nezväčšujeme samotné tlačidlo (rozhodilo by
   to riadky tabuliek), ale jeho dotykovú plochu neviditeľnou vrstvou. */
@media(max-width:820px){
  .icon-btn,.px-suite-trigger{position:relative}
  .icon-btn:after,.px-suite-trigger:after{
    content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:44px;height:44px;border-radius:12px;
  }
  .menu-btn,.top-actions .btn{min-height:44px}
}

/* --- v74: farebné logá nástrojov a ich častí --------------------------------
   Predtým boli všetky ikony jednofarebné a jedna (U+26FD) sa vykresľovala ako
   farebné emoji, takže vyčnievala. Teraz majú textovú podobu všetky a farbu
   dostávajú z palety — každá časť nástroja svoju, ale v jednom štýle. */
:root{
  --px-ikona-0:#6d5efc; --px-ikona-1:#2563eb; --px-ikona-2:#0891b2;
  --px-ikona-3:#0d9488; --px-ikona-4:#16a34a; --px-ikona-5:#ca8a04;
  --px-ikona-6:#ea580c; --px-ikona-7:#db2777;
}
.nav button i{
  /* Panel je tmavý, preto ikonu miešame smerom k bielej — sýta farba by na ňom
     splynula (namerané 2,8 : 1, hranica pre grafické prvky je 3,0). */
  color:color-mix(in srgb, var(--ikona,#6d5efc) 55%, #fff);
  background:color-mix(in srgb, var(--ikona,#6d5efc) 20%, transparent);
}
.nav button.active i{color:#fff;background:#ffffff2e}
.table-card.empty>i{color:var(--px-primary)}
.dialog-head i{color:var(--px-primary)}
.side-module-icon{color:var(--px-primary)}
/* Staršie prehliadače bez color-mix dostanú aspoň farbu písma. */
@supports not (background:color-mix(in srgb,#000 10%,transparent)){
  .nav button i{background:#ffffff12;color:#c7d2fe}
}

/* Výber cieľa pri prepojení záznamu — nahradilo natívny prompt() */
.handoff-choices{display:grid;gap:9px}
.handoff-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 15px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:.16s}
.handoff-choice:hover,.handoff-choice:focus-visible{border-color:var(--px-primary,#4f46e5);background:#f7f7ff;transform:translateY(-1px)}
.handoff-choice span{display:grid;gap:3px;min-width:0}
.handoff-choice b{font-size:13px;font-weight:800}
.handoff-choice small{color:#6b7789;font-size:11px;line-height:1.4}
.handoff-choice em{flex:none;color:var(--px-primary,#4f46e5);font-style:normal;font-size:16px;font-weight:900}
.handoff-note{margin:13px 0 0;color:#6b7789;font-size:11px;line-height:1.55}
html[data-plevix-theme="dark"] .handoff-choice{border-color:#2b3550;background:#151d33}
html[data-plevix-theme="dark"] .handoff-choice:hover,html[data-plevix-theme="dark"] .handoff-choice:focus-visible{background:#1c2745;border-color:#7c6cff}
html[data-plevix-theme="dark"] .handoff-choice small,html[data-plevix-theme="dark"] .handoff-note{color:#9fadc4}

/* Ikony sú vždy TEXT, nikdy farebné emoji.
   U+FE0E v obsahu je prvá poistka, `font-variant-emoji` druhá — pokrýva aj
   znaky, ktoré by do rozhrania pribudli neskôr a na selektor by sa zabudlo.
   Meranie v prehliadači: pri 100 px mal znak U+26FD šírku 137 bodov namiesto 86 —
   Windows ho vykreslil farebným emoji písmom a v zozname vyčnieval spomedzi
   jednofarebných. Ostatné znaky, ktoré používame (⚙ ❏ ◷ ☑), sú text už samy. */
.nav button i, .metric-head i, .alert i, .dialog-head i, .table-card.empty i,
.side-module-icon, .product-icon, .tool-head .product-icon, .px-tool i,
.recent-item i, #moduleIcon, #recordIcon, .row-actions .icon-btn {
  font-variant-emoji: text;
}

/* 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)}

/* Prst nie je myš. Tlačidlá v riadku tabuľky mali 31 px — trafiť ich na
   telefóne znamená viackrát, a pri „Upraviť" vedľa „Prepojiť" sa ľahko
   otvorí to druhé. Rovnaké pravidlo už platí pre zaškrtávatká v Eshope. */
@media(max-width:768px){
  .row-actions{gap:8px}
  .row-actions .icon-btn{width:40px;height:40px;font-size:15px}
  /* Hlavička tabuľky sa dá triediť dotykom, nie len presnou myšou. */
  .data-table th .th-sort{padding:6px 0;min-height:32px}
  /* Stránkovanie: obe tlačidlá cez celú šírku, text pod ne. */
  .stranky{justify-content:center}
  .stranky span{order:3;flex-basis:100%;text-align:center}
  .stranky .btn{flex:1}
}