/* ==========================================================================
   ProfiREST – obrazovky aplikací kreslené v HTML podle SKUTEČNÝCH obrazovek (WEB3-2026-11).
   rp = pokladna, rk = kuchyň, rm = mapa rozvozu, rt = vstupenka, rr = rezervace, rh = recepce,
   rq = kiosek, rg = telefon hosta, ra = akce v administraci, rz = uzávěrka. Jednotky em: velikost
   řídí font-size kontejneru. Načítá úvod (home.css) i stránky řad (gastro.css). Žádné fotky.
   ========================================================================== */

/* ---------------------------------------------------------------- POKLADNA (podle skutečné aplikace) */
.rp { background: #0f0f0f; color: #fff; font-size: 10px; display: grid; grid-template-rows: 3.2em minmax(0, 1fr); height: 100%; font-family: var(--font); }
.rp__hd { display: flex; align-items: center; gap: 1.2em; padding: 0 1em; background: #1d1d1d; }
.rp__hd .mn { width: 1.6em; height: 1.1em; border-top: .2em solid #fff; border-bottom: .2em solid #fff; position: relative; flex: none; }
.rp__hd .mn::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: .2em; margin-top: -.1em; background: #fff; }
.rp__hd b { font-size: 1.45em; display: block; line-height: 1.1; font-weight: 600; }
.rp__hd small { font-size: .9em; color: #c9c9c9; display: block; }
.rp__hd .ic { margin-left: auto; display: flex; gap: 1.3em; color: #e8e8e8; }
.rp__hd .ic .i { width: 1.5em; height: 1.5em; }
.rp__body { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); min-height: 0; container: rpb / inline-size; }
/* úzký náhled (telefon, karta Gastra): dva sloupce kategorií místo čtyř; jednotky em = podle písma náhledu, počítačové náhledy (45 em a víc) se nemění */
.rp__cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .3em; padding: .4em; align-content: start; overflow: hidden; }
.rp__c { min-width: 0; overflow: hidden; height: 3.3em; display: grid; place-items: center; text-align: center; font-weight: 500; font-size: .92em; padding: .2em .3em; background: #b4194b; border-radius: .15em; line-height: 1.1; }
.rp__c--b { background: #3a9bdc; } .rp__c--p { background: #8d24a8; } .rp__c--g { background: #1ba24a; } .rp__c--o { background: #ef8a1a; }
@container rpb (max-width: 36em) { .rp__cats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rp__side { display: grid; grid-template-rows: minmax(0, 1fr) auto auto; background: #1a1a1a; border-left: .1em solid #000; min-height: 0; }
.rp__items { padding: .5em .8em; overflow: hidden; }
.rp__item { display: flex; justify-content: space-between; gap: .6em; padding: .4em 0; border-bottom: 1px solid #2c2c2c; }
.rp__item.is-new { animation: w-rowin .5s var(--spring); }
.rp__bar { background: #9e9e9e; color: #111; font-weight: 700; text-align: right; padding: .25em .6em; font-size: 1.15em; }
.rp__pad { display: grid; grid-template-columns: repeat(5, 1fr); gap: .25em; padding: .35em; }
.rp__k { height: 2.3em; display: grid; place-items: center; font-size: .82em; font-weight: 600; background: #2a8ad6; border-radius: .12em; text-align: center; line-height: 1; padding: 0 .2em; }
.rp__k--o { background: #ef8a1a; } .rp__k--p { background: #7d3ec2; } .rp__k--g { background: #1ba24a; } .rp__k--r { background: #d9442c; }
.rp__k--tall { grid-row: span 2; height: auto; }
.rp--day { font-size: 12.5px; }

/* ---------------------------------------------------------------- KUCHYŇ (KDS) */
.rk { background: #121212; color: #111; font-size: 10px; display: grid; grid-template-rows: 2.6em minmax(0, 1fr) auto; height: 100%; font-family: var(--font); }
.rk__hd { display: flex; justify-content: space-between; align-items: center; padding: 0 1em; color: #fff; font-weight: 600; background: #1d1d1d; font-size: 1.05em; }
.rk__hd em { font-style: normal; color: #4ade80; font-size: .9em; }
.rk__list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: .5em; padding: .5em; align-items: start; overflow: hidden; min-height: 0; }
.rk__t { background: #f4f4f4; border-radius: .25em; overflow: hidden; }
.rk__t.is-new { animation: w-rowin .5s var(--spring); }
.rk__th { padding: .45em .6em; color: #fff; display: flex; justify-content: space-between; align-items: baseline; background: #ef8a1a; }
.rk__th b { font-size: 1.5em; font-weight: 700; }
.rk__th em { font-style: normal; font-size: .9em; font-variant-numeric: tabular-nums; }
.rk__t--g .rk__th { background: #1ba24a; } .rk__t--y .rk__th { background: #e5b400; color: #111; } .rk__t--r .rk__th { background: #d9442c; }
.rk__i { padding: .35em .6em; font-size: .95em; border-bottom: 1px solid #e3e3e3; display: flex; justify-content: space-between; gap: .4em; }
.rk__i.is-hl { background: #fff2ad; }
.rk__i.is-mod { background: #ffe1e1; color: #8a1c1c; font-weight: 600; }
.rk__i.is-join { background: #dbeafe; color: #1e3a8a; font-weight: 600; }
.rk__i.is-done { background: #d3f3da; color: #5a7f63; text-decoration: line-through; }
.rk__ft { padding: .45em; font-weight: 700; color: #fff; background: #1ba24a; text-align: center; font-size: .9em; }
.rk__bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: .3em; padding: .4em; }
.rk__bar span { padding: .5em; text-align: center; font-weight: 600; color: #fff; font-size: .85em; border-radius: .2em; background: #333; }
.rk__bar .r { background: #d9442c; } .rk__bar .g { background: #1ba24a; }
.rk--day { font-size: 12.5px; }
.rk--day .rk__list { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; }
@media (max-width: 959px) { .rk--day .rk__t:nth-child(n+4) { display: none; } }

/* ---------------------------------------------------------------- MAPA ROZVOZU */
.rm { position: relative; background: #ebe7df; height: 100%; font-family: var(--font); font-size: 10px; }
.rm svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.rm__card { position: absolute; left: .8em; bottom: .8em; background: #fff; color: var(--ink); border-radius: .8em; padding: .7em .9em; box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .5); display: flex; gap: .8em; align-items: center; font-size: 1.05em; }
.rm__av { width: 2.8em; height: 2.8em; border-radius: 50%; background: var(--navy); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 1em; flex: none; }
.rm__card b { display: block; font-size: 1.05em; }
.rm__card span { display: block; color: var(--ink-3); font-size: .9em; }
.rm__card em { font-style: normal; font-weight: 800; color: #16a34a; font-size: .8em; letter-spacing: .06em; text-transform: uppercase; }
.rm__eta { position: absolute; right: .8em; top: .8em; background: var(--navy); color: #fff; border-radius: .6em; padding: .45em .7em; font-size: 1em; font-weight: 700; box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .5); }
.rm__eta small { display: block; font-weight: 500; opacity: .7; font-size: .8em; }
.rm--day { font-size: 13px; }

/* ---------------------------------------------------------------- VSTUPENKA */
.rt { display: grid; grid-template-columns: minmax(0, 1fr) 8.6em; height: 100%; font-family: var(--font); font-size: 10px; background: #fff; color: var(--ink); position: relative; }
.rt__main { min-width: 0; background: linear-gradient(135deg, #2a1f6b 0%, #5b4ae0 60%, #8b7cff 100%); color: #fff; padding: .9em 1.1em; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto 1fr; gap: .15em .9em; position: relative; }
.rt__main::before { content: ""; position: absolute; inset: 0; background: radial-gradient(80% 60% at 100% 0%, rgba(255, 255, 255, .25), transparent 60%); pointer-events: none; }
.rt__kind { font-size: .72em; letter-spacing: .16em; text-transform: uppercase; opacity: .8; font-weight: 700; grid-column: 1 / -1; }
.rt__name { font-size: 1.6em; font-weight: 800; letter-spacing: -.02em; line-height: 1.05; grid-column: 1 / -1; }
.rt__meta { font-size: .92em; opacity: .9; grid-column: 1 / -1; }
.rt__seat { display: flex; gap: 1.2em; align-self: end; }
.rt__seat span { font-size: .7em; text-transform: uppercase; letter-spacing: .1em; opacity: .75; display: block; }
.rt__seat b { font-size: 1.2em; display: block; }
.rt__plan { align-self: end; display: grid; grid-template-columns: repeat(10, .55em); gap: .2em; }
.rt__plan i { height: .55em; border-radius: .12em; background: rgba(255, 255, 255, .35); }
.rt__plan i.is-me { background: #ffb257; box-shadow: 0 0 0 .15em rgba(255, 178, 87, .5); }
.rt__plan i.is-sold { background: rgba(255, 255, 255, .8); }
.rt__stub { border-left: .2em dashed #cbd5e1; display: grid; place-items: center; gap: .25em; padding: .6em; position: relative; align-content: center; }
.rt__stub::before, .rt__stub::after { content: ""; position: absolute; left: -.8em; width: 1.4em; height: 1.4em; border-radius: 50%; background: var(--navy-950); }
.rt__stub::before { top: -.7em; } .rt__stub::after { bottom: -.7em; }
.rt__qr { width: 4.8em; height: 4.8em; }
.rt__no { font-size: .85em; font-weight: 700; color: var(--ink-3); }
.rt__ok { font-size: .72em; font-weight: 900; color: #16a34a; letter-spacing: .08em; text-transform: uppercase; text-align: center; line-height: 1.2; }
.rt__ok small { display: block; font-weight: 600; color: var(--ink-3); letter-spacing: 0; text-transform: none; }

/* ---------------------------------------------------------------- REZERVACE (časová osa po stolech) */
.rr { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.rr__hd { display: flex; justify-content: space-between; align-items: center; padding: .8em 1em .5em; font-weight: 800; font-size: 1.05em; }
.rr__hd .tag { font-size: .68em; letter-spacing: .08em; text-transform: uppercase; padding: .3em .7em; border-radius: 999px; background: #e0f5f4; color: #0b7a79; font-weight: 800; display: inline-flex; align-items: center; gap: .4em; }
.rr__hd .tag .i { width: 1.2em; height: 1.2em; }
.rr__tl { position: relative; display: grid; grid-template-columns: 4.4em 1fr; gap: .3em 0; padding: 0 .9em; align-content: start; }
.rr__hours { grid-column: 2; display: grid; grid-template-columns: repeat(5, 1fr); font-size: .75em; color: var(--ink-3); font-weight: 700; }
.rr__lbl { font-size: .85em; font-weight: 700; color: var(--ink-2); line-height: 1.9em; }
.rr__row { position: relative; height: 1.9em; border-radius: .4em; background: var(--bg-2); }
.rr__row i { position: absolute; top: .18em; bottom: .18em; left: calc(var(--a) / 5 * 100%); width: calc(var(--b) / 5 * 100%); border-radius: .35em; background: var(--teal); color: #fff; font-style: normal; font-size: .78em; font-weight: 700; padding: 0 .5em; line-height: 1.95em; white-space: nowrap; overflow: hidden; display: flex; align-items: center; gap: .3em; }
.rr__row i.is-wait { background: #f59e0b; } .rr__row i.is-seat { background: var(--blue); } .rr__row i.is-web { background: var(--navy); }
.rr__row i .i { width: 1.1em; height: 1.1em; }
.rr__now { position: absolute; top: 1.3em; bottom: -.2em; left: calc(5.3em + (100% - 6.2em) * var(--a) / 5); width: 2px; background: var(--orange); box-shadow: 0 0 0 1px rgba(255,255,255,.6); pointer-events: none; }
.rr__ft { display: flex; gap: .6em; padding: .5em .9em .8em; font-size: .78em; color: var(--ink-3); font-weight: 600; }
.rr__ft span { display: inline-flex; align-items: center; gap: .3em; }
.rr__ft .i { width: 1.2em; height: 1.2em; color: var(--teal); }

/* ---------------------------------------------------------------- HOTEL (recepce, obsazenost) */
.rh { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.rh__hd { display: flex; justify-content: space-between; align-items: center; padding: .8em 1em .5em; font-weight: 800; font-size: 1.05em; }
.rh__hd .tag { font-size: .68em; letter-spacing: .08em; text-transform: uppercase; padding: .3em .7em; border-radius: 999px; background: #e6efff; color: #1d4ed8; font-weight: 800; }
.rh__g { display: grid; grid-template-columns: 3.2em 1fr; gap: .28em 0; padding: 0 .9em; align-content: start; }
.rh__days { grid-column: 2; display: grid; grid-template-columns: repeat(7, 1fr); font-size: .72em; color: var(--ink-3); font-weight: 700; text-align: center; }
.rh__days span.is-today { color: var(--orange-600); }
.rh__lbl { font-size: .85em; font-weight: 700; color: var(--ink-2); line-height: 1.7em; }
.rh__row { position: relative; height: 1.7em; border-radius: .35em; background: repeating-linear-gradient(90deg, var(--bg-2) 0, var(--bg-2) calc(100% / 7 - 1px), #fff calc(100% / 7 - 1px), #fff calc(100% / 7)); }
.rh__row i { position: absolute; top: .18em; bottom: .18em; left: calc(var(--a) / 7 * 100%); width: calc(var(--b) / 7 * 100%); border-radius: .3em; background: var(--blue); color: #fff; font-style: normal; font-size: .74em; font-weight: 700; padding: 0 .45em; line-height: 1.8em; white-space: nowrap; overflow: hidden; }
.rh__row i.is-in { background: #16a34a; } .rh__row i.is-out { background: var(--orange); } .rh__row i.is-clean { background: #f59e0b; } .rh__row i.is-res { background: #a5b4fc; color: #1e1b4b; }
.rh__ft { display: flex; gap: .8em; padding: .5em .9em .8em; font-size: .78em; color: var(--ink-3); font-weight: 600; flex-wrap: wrap; }
.rh__ft b { color: var(--ink); }

/* ---------------------------------------------------------------- KIOSEK a TELEFON HOSTA */
.rq { background: #fff; color: var(--ink); font-size: 10px; height: 100%; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; font-family: var(--font); }
.rq__hd { padding: 1.2em 1.2em .6em; }
.rq__hd b { display: block; font-size: 1.7em; letter-spacing: -.02em; }
.rq__hd span { color: var(--ink-3); font-size: .95em; }
.rq__cats { display: flex; gap: .4em; padding: 0 1.2em .8em; overflow: hidden; }
.rq__cats span { padding: .45em .9em; border-radius: 999px; background: var(--bg-2); font-weight: 700; font-size: .9em; white-space: nowrap; }
.rq__cats .is-on { background: var(--navy); color: #fff; }
.rq__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .6em; padding: 0 1.2em; align-content: start; overflow: hidden; }
.rq__p { border: 1px solid var(--line); border-radius: .8em; padding: .5em; }
.rq__p i { display: block; height: 4.2em; border-radius: .6em; margin-bottom: .5em; opacity: .85; }
.rq__p b { display: block; font-size: .95em; }
.rq__p span { color: var(--orange-600); font-weight: 800; font-size: .9em; }
.rq__cart { margin: .8em 1.2em 1.2em; background: var(--orange); color: #fff; border-radius: .8em; padding: .9em 1em; display: flex; justify-content: space-between; align-items: center; font-weight: 700; }
.rq__cart b { font-size: 1.05em; }
.rg { background: #f6f8fb; color: var(--ink); font-size: 10px; height: 100%; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto auto; font-family: var(--font); position: relative; }
.rg__notch { height: 1.8em; background: #0b0b0b; position: relative; }
.rg__notch::after { content: ""; position: absolute; left: 50%; top: .4em; width: 36%; height: 1em; margin-left: -18%; border-radius: 1em; background: #000; }
.rg__hd { padding: 1em 1.2em .6em; background: #fff; border-bottom: 1px solid var(--line); }
.rg__hd b { display: block; font-size: 1.5em; }
.rg__hd span { color: var(--ink-3); font-size: .9em; }
.rg__list { padding: .6em 1em; display: flex; flex-direction: column; gap: .5em; overflow: hidden; }
.rg__i { display: flex; justify-content: space-between; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: .7em; padding: .6em .8em; }
.rg__i b { display: block; font-size: .98em; }
.rg__i span { color: var(--ink-3); font-size: .85em; }
.rg__i i { width: 2.4em; height: 2.4em; border-radius: 50%; background: var(--navy); color: #fff; display: grid; place-items: center; font-style: normal; font-weight: 800; }
.rg__call { margin: 0 1em .5em; padding: .7em; border-radius: .7em; border: 1px solid var(--line); background: #fff; font-weight: 700; display: flex; justify-content: center; gap: .5em; align-items: center; font-size: .95em; }
.rg__cart { margin: 0 1em 1em; background: var(--orange); color: #fff; border-radius: .8em; padding: .8em 1em; display: flex; justify-content: space-between; align-items: center; font-weight: 700; }
.rg--day { font-size: 12px; }
.rq--day { font-size: 12px; }
.hm-guest { height: 100%; display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding: 20px 28px; background: var(--navy-900); }
.hm-guest .rg { border-radius: 22px; overflow: hidden; border: 6px solid #0b0b0b; }
.hm-guest .rq { border-radius: 14px; overflow: hidden; border: 5px solid #1a1a1a; }

/* ---------------------------------------------------------------- AKCE v administraci (kombinace pravidel) */
.ra { background: var(--bg-2); color: var(--ink); font-size: 12px; height: 100%; display: grid; grid-template-columns: 1.15fr .85fr; font-family: var(--font); }
.ra__main { padding: 1.2em 1.4em; display: grid; gap: .8em; align-content: start; overflow: hidden; }
.ra__hd { display: flex; justify-content: space-between; align-items: center; }
.ra__hd b { font-size: 1.3em; }
.ra__hd small { display: block; color: var(--ink-3); font-size: .85em; font-weight: 600; }
.ra__sw { width: 3.4em; height: 1.9em; border-radius: 999px; background: #16a34a; position: relative; flex: none; }
.ra__sw::after { content: ""; position: absolute; top: .25em; right: .25em; width: 1.4em; height: 1.4em; border-radius: 50%; background: #fff; }
.ra__grp { background: #fff; border: 1px solid var(--line); border-radius: .8em; padding: .6em .8em; }
.ra__grp span.l { display: block; font-size: .7em; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .4em; }
.ra__chips { display: flex; flex-wrap: wrap; gap: .35em; }
.ra__chips i { font-style: normal; font-size: .82em; font-weight: 700; padding: .3em .7em; border-radius: 999px; background: var(--orange-100); color: var(--orange-600); border: 1px solid rgba(255, 140, 0, .25); }
.ra__chips i.b { background: #e6efff; color: #1d4ed8; border-color: rgba(47, 125, 246, .25); }
.ra__chips i.g { background: #ecfdf3; color: #15803d; border-color: rgba(22, 163, 74, .25); }
.ra__chips i.n { background: var(--bg-2); color: var(--ink-2); border-color: var(--line); }
.ra__side { background: #fff; border-left: 1px solid var(--line); padding: 1.2em 1.2em; display: grid; gap: .7em; align-content: start; overflow: hidden; }
.ra__side h5 { margin: 0; font-size: .75em; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.ra__line { display: flex; justify-content: space-between; font-size: .95em; padding: .3em 0; border-bottom: 1px dashed var(--line); }
.ra__line.is-disc { color: #15803d; font-weight: 700; }
.ra__line.is-sum { font-weight: 900; border-bottom: 0; font-size: 1.1em; }
.ra__list { display: grid; gap: .4em; margin-top: .3em; }
.ra__list span { display: flex; align-items: center; gap: .5em; font-size: .85em; font-weight: 600; color: var(--ink-2); }
.ra__list span::before { content: ""; width: .6em; height: .6em; border-radius: 50%; background: #16a34a; flex: none; }
.ra__list span.off::before { background: #cbd5e1; }

/* ---------------------------------------------------------------- UZÁVĚRKA (pane) */
.rz { background: #2b2b2b; color: #fff; font-size: 12.5px; height: 100%; display: grid; grid-template-columns: 1.1fr .9fr; font-family: var(--font); }
.rz__list { padding: 1em 1.2em; display: flex; flex-direction: column; gap: .2em; }
.rz__hd { font-weight: 700; font-size: 1.15em; margin-bottom: .4em; display: flex; align-items: center; gap: .6em; }
.rz__r { display: flex; justify-content: space-between; padding: .3em 0; font-size: .98em; color: #e6e6e6; font-variant-numeric: tabular-nums; }
.rz__r.is-sum { border-top: 1px solid #555; border-bottom: 1px solid #555; padding: .5em 0; margin: .3em 0; font-weight: 700; color: #fff; }
.rz__btns { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: .6em; padding-top: .8em; }
.rz__btns span { padding: .8em; text-align: center; border-radius: .3em; font-weight: 700; font-size: .9em; background: #1ba24a; }
.rz__btns span + span { background: #d9442c; }
.rz__chart { padding: 1em 1.2em 1.6em; display: flex; flex-direction: column; }
.rz__chart h5 { margin: 0 0 .8em; font-size: .85em; color: #bdbdbd; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.rz__bars { flex: 1; display: flex; align-items: flex-end; gap: .35em; position: relative; }
.rz__bars i { flex: 1; background: linear-gradient(180deg, #ffb257, var(--orange)); border-radius: 3px 3px 0 0; height: var(--h); transform: scaleY(0); transform-origin: bottom; transition: transform .8s var(--spring); transition-delay: calc(var(--n) * 50ms); position: relative; }
.rz__bars i::after { content: attr(data-h); position: absolute; left: 0; right: 0; bottom: -1.5em; text-align: center; font-size: .65em; color: #999; font-style: normal; }
.hm-pane.is-on .rz__bars i { transform: scaleY(1); }


/* ---------------------------------------------------------------- karta produktu v administraci (rd) */
.rd { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; }
.rd__hd { display: flex; justify-content: space-between; align-items: center; gap: 1em; padding: .9em 1.2em; border-bottom: 1px solid var(--line); }
.rd__hd b { font-size: 1.3em; }
.rd__hd small { display: block; color: var(--ink-3); font-size: .9em; }
.rd__hd .btn { background: var(--orange); color: #fff; font-weight: 800; padding: .5em 1em; border-radius: .5em; font-size: .95em; white-space: nowrap; }
.rd__tabs { display: flex; gap: .2em; padding: .4em 1.2em 0; border-bottom: 1px solid var(--line); font-size: .92em; font-weight: 700; color: var(--ink-3); }
.rd__tabs span { padding: .6em .8em; border-bottom: 2px solid transparent; }
.rd__tabs .is-on { color: var(--navy); border-color: var(--orange); }
.rd__body { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2em; padding: 1em 1.2em; min-height: 0; overflow: hidden; }
.rd__f { display: grid; gap: .3em; margin-bottom: .7em; }
.rd__f label { font-size: .78em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.rd__f .v { border: 1px solid var(--line); border-radius: .5em; padding: .5em .7em; font-weight: 600; background: var(--bg); display: flex; justify-content: space-between; gap: .5em; }
.rd__f .v em { font-style: normal; color: var(--ink-3); font-weight: 600; }
.rd__rec { border: 1px solid var(--line); border-radius: .7em; padding: .7em .8em; }
.rd__rec h5 { margin: 0 0 .4em; font-size: .78em; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.rd__rec div { display: flex; justify-content: space-between; padding: .3em 0; border-top: 1px dashed var(--line); font-weight: 600; }
.rd__rec div:first-of-type { border-top: 0; }
.rd__rec .sum { margin-top: .3em; font-weight: 800; color: var(--navy); border-top: 1px solid var(--line); }
.rd__rec .sum em { font-style: normal; color: var(--ok); }
.rd__ch { padding: .8em 1.2em .9em; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: .45em; align-items: center; }
.rd__ch label { font-size: .78em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); margin-right: .3em; }
.rd__ch span { display: inline-flex; align-items: center; gap: .45em; padding: .35em .65em; border-radius: 999px; border: 1px solid var(--line); font-weight: 700; font-size: .92em; }
.rd__ch span i { width: 2.1em; height: 1.15em; border-radius: 999px; background: var(--ok); position: relative; flex: none; }
.rd__ch span i::after { content: ""; position: absolute; top: .13em; right: .13em; width: .9em; height: .9em; border-radius: 50%; background: #fff; }
.rd__ch span.off i { background: #cbd5e1; }
.rd__ch span.off i::after { right: auto; left: .13em; }

/* ---------------------------------------------------------------- sklad (rs) */
.rs { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.rs__hd { display: flex; justify-content: space-between; align-items: center; padding: .9em 1.2em; border-bottom: 1px solid var(--line); }
.rs__hd b { font-size: 1.3em; }
.rs__hd small { display: block; color: var(--ink-3); }
.rs__hd .pill { background: #fee2e2; color: #b91c1c; font-weight: 800; padding: .4em .8em; border-radius: 999px; font-size: .9em; white-space: nowrap; }
.rs__list { padding: .3em 1.2em; overflow: hidden; }
.rs__r { display: grid; grid-template-columns: 1.4fr 1fr 1.3fr .9fr; gap: 1em; align-items: center; padding: .6em 0; border-bottom: 1px solid var(--line); font-weight: 600; }
.rs__r.hd { font-size: .76em; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); font-weight: 800; }
.rs__r b { font-weight: 800; }
.rs__r small { display: block; color: var(--ink-3); font-weight: 600; font-size: .85em; }
.rs__bar { height: .7em; border-radius: 999px; background: var(--bg-2); overflow: hidden; }
.rs__bar i { display: block; height: 100%; width: var(--w); background: var(--ok); border-radius: 999px; }
.rs__r .st { color: var(--ok); font-weight: 800; font-size: .9em; }
.rs__r.low .rs__bar i { background: #ef4444; }
.rs__r.low .st { color: #b91c1c; }
.rs__ft { padding: .8em 1.2em; border-top: 1px solid var(--line); display: flex; gap: 1.2em; flex-wrap: wrap; font-size: .9em; color: var(--ink-3); font-weight: 600; }
.rs__ft b { color: var(--navy); }

/* ---------------------------------------------------------------- směny a docházka (ry) */
.ry { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.ry__hd { display: flex; justify-content: space-between; align-items: center; padding: .9em 1.2em; border-bottom: 1px solid var(--line); }
.ry__hd b { font-size: 1.3em; }
.ry__hd small { display: block; color: var(--ink-3); }
.ry__hd .ok { background: #dcfce7; color: #166534; font-weight: 800; padding: .4em .8em; border-radius: 999px; font-size: .9em; white-space: nowrap; }
.ry__g { display: grid; grid-template-columns: 7.5em repeat(7, 1fr); gap: .35em .3em; padding: .8em 1.2em; align-content: start; overflow: hidden; }
.ry__d { font-size: .76em; font-weight: 800; color: var(--ink-3); text-align: center; }
.ry__d.is-today { color: var(--orange-600); }
.ry__n { font-weight: 700; font-size: .92em; line-height: 1.1; }
.ry__n small { display: block; color: var(--ink-3); font-weight: 600; font-size: .85em; }
.ry__s { height: 2.1em; border-radius: .4em; background: var(--bg-2); display: grid; place-items: center; font-size: .76em; font-weight: 800; color: #fff; }
.ry__s.k { background: var(--orange); } .ry__s.b { background: var(--blue); } .ry__s.r { background: var(--teal); }
.ry__s.off { color: var(--ink-3); font-weight: 600; }
.ry__s.gap { background: #fee2e2; color: #b91c1c; }
.ry__ft { padding: .8em 1.2em; border-top: 1px solid var(--line); display: flex; gap: 1.2em; flex-wrap: wrap; font-size: .9em; color: var(--ink-3); font-weight: 600; }
.ry__ft b { color: var(--navy); }


/* ---------------------------------------------------------------- KABELY: jádro + obrazovky (common/cables.tpl, assets/cables.js) */
.cb { position: relative; width: 100%; max-width: 600px; margin-inline: auto; aspect-ratio: 600 / 460; perspective: 1400px; perspective-origin: 50% 40%; }
.cb__in { position: absolute; left: 50%; top: 0; width: 600px; height: 460px; margin-left: -300px; transform-origin: top center; transform: scale(var(--s, 1)) rotateX(8deg) rotateY(-7deg); transform-style: preserve-3d; }
.cb__wires { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; transform: translateZ(4px); overflow: visible; }
.cb__wires .wire { fill: none; stroke: rgba(255, 178, 87, .42); stroke-width: 2.5; stroke-dasharray: 1; stroke-dashoffset: 0; animation: cb-draw 1.1s var(--ease) .3s backwards; }
.cb__wires .wire--flow { stroke: #ffd29a; stroke-width: 4; stroke-dasharray: 36 420; stroke-linecap: round; opacity: 1; filter: drop-shadow(0 0 8px rgba(255, 178, 87, 1)) drop-shadow(0 0 16px rgba(255, 140, 0, .8)); animation: cb-wire 3.8s linear var(--d, 0s) infinite, cb-show .4s linear 1.2s backwards; }
@keyframes cb-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes cb-wire { to { stroke-dashoffset: -456; } }
@keyframes cb-show { from { opacity: 0; } to { opacity: 1; } }
.cb__hub { position: absolute; left: 300px; top: 230px; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; background: var(--navy); display: grid; place-items: center; transform: translateZ(140px); box-shadow: 0 0 0 7px rgba(255, 140, 0, .25), 0 0 0 15px rgba(255, 140, 0, .1), 0 0 44px 6px rgba(255, 140, 0, .45); animation: cb-pop .7s var(--spring) .1s backwards, cb-glow 3.8s ease-in-out 1s infinite; }
.cb__hub svg { color: var(--orange); width: 44px; height: 44px; }
.cb__hub i, .cb__hub::after { content: ""; position: absolute; inset: -14px; border-radius: 50%; border: 3px solid rgba(255, 178, 87, .85); opacity: 0; animation: cb-ring 3.8s ease-out 1s infinite; pointer-events: none; }
.cb__hub::after { animation-delay: 2.9s; border-width: 2px; }
@keyframes cb-pop { from { opacity: 0; transform: translateZ(140px) scale(.5); } to { opacity: 1; transform: translateZ(140px) scale(1); } }
@keyframes cb-glow { 0%, 100% { box-shadow: 0 0 0 7px rgba(255, 140, 0, .25), 0 0 0 15px rgba(255, 140, 0, .1), 0 0 44px 6px rgba(255, 140, 0, .45); } 50% { box-shadow: 0 0 0 9px rgba(255, 140, 0, .45), 0 0 0 20px rgba(255, 140, 0, .16), 0 0 80px 16px rgba(255, 140, 0, .7); } }
@keyframes cb-ring { 0% { transform: scale(.6); opacity: 1; } 100% { transform: scale(2.4); opacity: 0; } }
.cb--n2 .cb__hub { left: 440px; top: 120px; }
.cb--n3 .cb__hub { left: 470px; top: 345px; }
.cb__dev { position: absolute; border-radius: 12px; overflow: hidden; box-shadow: 0 40px 70px -30px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .08); transform: var(--t, translateZ(40px)); animation: cb-devin .9s var(--ease) var(--d, .5s) backwards; }
.cb__dev > * { height: 100%; }
@keyframes cb-devin { from { opacity: 0; transform: var(--t, translateZ(40px)) translateY(40px) scale(.96); } to { opacity: 1; transform: var(--t, translateZ(40px)); } }
.cb__dev--pos { width: 320px; height: 215px; border: 4px solid #1a1a1a; } .cb__dev--pos .rp { font-size: 7px; }
.cb__dev--kds { width: 300px; height: 190px; border: 4px solid #1a1a1a; } .cb__dev--kds .rk { font-size: 9.5px; }
.cb__dev--phone { width: 150px; height: 280px; border: 5px solid #0b0b0b; border-radius: 22px; } .cb__dev--phone .rg { font-size: 8.5px; }
.cb__dev--kiosk { width: 160px; height: 280px; border: 5px solid #1a1a1a; border-radius: 16px; } .cb__dev--kiosk .rq { font-size: 8.5px; }
.cb__dev--map { width: 300px; height: 195px; } .cb__dev--map .rm { font-size: 9.5px; }
.cb__dev--ticket { width: 300px; height: 128px; } .cb__dev--ticket .rt { font-size: 9px; }
.cb__dev--res { width: 300px; height: 195px; } .cb__dev--res .rr { font-size: 9.5px; }
.cb__dev--hotel { width: 300px; height: 190px; } .cb__dev--hotel .rh { font-size: 9.5px; }
.cb__dev--close { width: 320px; height: 210px; border: 4px solid #1a1a1a; } .cb__dev--close .rz { font-size: 8.5px; } .cb__dev--close .rz__bars i { transform: scaleY(1); }
.cb__dev--admin { width: 320px; height: 225px; } .cb__dev--admin .rd { font-size: 8px; }
.cb__dev--stock { width: 320px; height: 225px; } .cb__dev--stock .rs { font-size: 8px; }
.cb__dev--team { width: 320px; height: 225px; } .cb__dev--team .ry { font-size: 8px; }
.cb__dev--venue { width: 300px; height: 235px; } .cb__dev--venue .rv { font-size: 9px; }
.cb__dev--scan { width: 150px; height: 280px; border: 5px solid #0b0b0b; border-radius: 22px; } .cb__dev--scan .rc { font-size: 9px; }
.cb__dev--widget { width: 260px; height: 255px; } .cb__dev--widget .rw { font-size: 9.5px; }
.cb__dev--room { width: 300px; height: 215px; } .cb__dev--room .rb { font-size: 9.5px; }
.cb--n1 .cb__slot0 { left: 140px; top: 60px; --t: translateZ(60px); } .cb--n1 .cb__hub { left: 300px; top: 380px; }
.cb--n2 .cb__slot0 { left: 0; top: 10px; --t: translateZ(50px); } .cb--n2 .cb__slot1 { left: 280px; top: 245px; --t: translateZ(100px); }
.cb--n3 .cb__slot0 { left: 0; top: 0; --t: translateZ(40px); } .cb--n3 .cb__slot1 { left: 300px; top: 40px; --t: translateZ(80px); } .cb--n3 .cb__slot2 { left: 40px; top: 245px; --t: translateZ(120px); }
.cb--n4 .cb__slot0 { left: 0; top: 0; --t: translateZ(40px); } .cb--n4 .cb__slot1 { left: 300px; top: 20px; --t: translateZ(60px); } .cb--n4 .cb__slot2 { left: 0; top: 250px; --t: translateZ(100px); } .cb--n4 .cb__slot3 { left: 290px; top: 250px; --t: translateZ(130px); }
@media (prefers-reduced-motion: reduce) { .cb__hub, .cb__hub i, .cb__hub::after, .cb__dev, .cb__wires .wire { animation: none !important; } }

/* ---------------------------------------------------------------- SÁL S MÍSTY (rv) */
.rv { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto auto; height: 100%; }
.rv__hd { display: flex; justify-content: space-between; align-items: center; gap: 1em; padding: .8em 1.1em .5em; }
.rv__hd b { font-size: 1.2em; } .rv__hd small { display: block; color: var(--ink-3); }
.rv__tag { background: #ece9ff; color: var(--violet); font-weight: 800; padding: .35em .7em; border-radius: 999px; font-size: .85em; white-space: nowrap; }
.rv__stage { margin: 0 1.1em; height: 1.6em; border-radius: .4em .4em 0 0; background: linear-gradient(90deg, #4c3fd6, var(--violet)); color: #fff; font-size: .7em; letter-spacing: .25em; font-weight: 800; display: grid; place-items: center; }
.rv__rows { padding: .5em 1.1em 0; display: grid; gap: .3em; align-content: start; }
.rv__row { display: grid; grid-template-columns: 1.2em 1fr 1.2em; align-items: center; gap: .3em; font-size: .75em; font-weight: 800; color: var(--ink-3); }
.rv__seats { display: grid; grid-template-columns: repeat(14, 1fr); gap: .25em; }
.rv__seats i, .rv__ft i { display: block; aspect-ratio: 1; border-radius: .25em; background: #c7d2fe; }
.rv__seats i.is-sold, .rv__ft i.is-sold { background: var(--violet); } .rv__seats i.is-free, .rv__ft i.is-free { background: #e2e8f0; } .rv__seats i.is-me, .rv__ft i.is-me { background: var(--orange); box-shadow: 0 0 0 2px rgba(255, 140, 0, .35); }
.rv__stand { margin: .5em 1.1em 0; padding: .45em .8em; border: 1px dashed #c7d2fe; border-radius: .4em; display: flex; justify-content: space-between; font-size: .85em; font-weight: 700; color: var(--ink-2); }
.rv__stand em { font-style: normal; color: var(--violet); }
.rv__ft { display: flex; gap: 1.2em; padding: .6em 1.1em .8em; font-size: .78em; font-weight: 600; color: var(--ink-3); }
.rv__ft span { display: inline-flex; align-items: center; gap: .4em; } .rv__ft i { width: .9em; }

/* ---------------------------------------------------------------- KONTROLA U VSTUPU (rc) */
.rc { background: #0f0f0f; color: #fff; font-family: var(--font); font-size: 10px; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto auto auto; height: 100%; }
.rc__notch { width: 36%; height: 1.4em; margin: .5em auto 0; border-radius: 999px; background: #000; }
.rc__hd { padding: .6em 1em .4em; } .rc__hd b { display: block; font-size: 1.15em; } .rc__hd span { color: rgba(255, 255, 255, .6); font-size: .85em; }
.rc__cam { margin: 0 1em; border-radius: .8em; background: #1b2430; display: grid; place-items: center; min-height: 0; position: relative; overflow: hidden; }
.rc__frame { width: 6em; height: 6em; border-radius: .5em; position: relative; display: grid; place-items: center; outline: 2px solid rgba(255, 178, 87, .9); outline-offset: .3em; }
.rc__frame svg { width: 4.4em; height: 4.4em; opacity: .9; }
.rc__frame i { position: absolute; left: 0; right: 0; height: 2px; background: #ffb257; box-shadow: 0 0 8px #ffb257; animation: rc-scan 1.6s ease-in-out infinite alternate; }
@keyframes rc-scan { from { top: 10%; } to { top: 90%; } }
.rc__res { margin: .5em 1em 0; padding: .6em .8em; border-radius: .6em; }
.rc__res b { display: block; font-size: 1.05em; } .rc__res span { font-size: .85em; opacity: .85; }
.rc__res.is-ok { background: #14532d; } .rc__res.is-bad { background: #7f1d1d; }
.rc__ft { display: flex; justify-content: space-between; padding: .7em 1em .9em; font-size: .85em; color: rgba(255, 255, 255, .65); } .rc__ft b { color: #fff; }

/* ---------------------------------------------------------------- REZERVAČNÍ WIDGET (rw) */
.rw { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; display: grid; grid-template-rows: auto auto auto auto auto auto auto; height: 100%; align-content: start; }
.rw__hd { padding: .9em 1.1em .5em; } .rw__hd b { display: block; font-size: 1.2em; } .rw__hd span { color: var(--ink-3); font-size: .85em; }
.rw__row { display: grid; grid-template-columns: 4em 1fr; align-items: center; gap: .6em; padding: .4em 1.1em; }
.rw__row label { font-size: .75em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.rw__days, .rw__slots { display: flex; flex-wrap: wrap; gap: .35em; }
.rw__days span, .rw__slots span { padding: .4em .6em; border-radius: .45em; border: 1px solid var(--line); font-weight: 700; font-size: .85em; }
.rw__days .is-on, .rw__slots .is-on { background: var(--teal); border-color: var(--teal); color: #fff; }
.rw__slots .is-off { color: #cbd5e1; text-decoration: line-through; }
.rw__step { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: .45em; overflow: hidden; }
.rw__step b { width: 2em; text-align: center; padding: .35em 0; background: var(--bg-2); } .rw__step span { width: 2.4em; text-align: center; font-weight: 800; }
.rw__note { padding: .3em 1.1em; font-size: .78em; color: var(--ink-3); }
.rw__btn { margin: .4em 1.1em 0; padding: .7em; border-radius: .6em; background: var(--orange); color: #fff; font-weight: 800; text-align: center; }
.rw__ft { padding: .5em 1.1em .8em; font-size: .75em; color: var(--ink-3); text-align: center; }

/* ---------------------------------------------------------------- ÚČET POKOJE (rb) */
.rb { background: #fff; color: var(--ink); font-family: var(--font); font-size: 10px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; }
.rb__hd { display: flex; justify-content: space-between; align-items: center; padding: .9em 1.1em .5em; gap: 1em; }
.rb__hd b { font-size: 1.2em; } .rb__hd small { display: block; color: var(--ink-3); }
.rb__tag { background: #fee2e2; color: #b91c1c; font-weight: 800; padding: .35em .7em; border-radius: 999px; font-size: .85em; }
.rb__list { padding: 0 1.1em; overflow: hidden; }
.rb__r { display: grid; grid-template-columns: 1fr auto; gap: 0 1em; padding: .5em 0; border-top: 1px solid var(--line); align-items: center; font-weight: 600; }
.rb__r em { grid-column: 1; font-style: normal; font-size: .8em; color: var(--ink-3); }
.rb__r b { grid-column: 2; grid-row: 1 / span 2; font-weight: 800; }
.rb__r--sum { border-top: 2px solid var(--navy); color: var(--navy); } .rb__r--sum b { font-size: 1.15em; }
.rb__btns { display: flex; gap: .5em; padding: .7em 1.1em .9em; }
.rb__btns span { flex: 1; text-align: center; padding: .6em; border-radius: .5em; background: var(--bg-2); font-weight: 800; font-size: .9em; }
.rb__btns .g { background: var(--ok); color: #fff; }

/* ---------------------------------------------------------------- KABELY: rozložení (row, ring, stack) a odstíny, ať se hero neopakuje */
.cb--Lrow .cb__in { transform: scale(var(--s, 1)) rotateX(7deg) rotateY(6deg); }
.cb--Lring .cb__in { transform: scale(var(--s, 1)) rotateX(12deg) rotateY(-3deg); }
.cb--Lstack .cb__in { transform: scale(var(--s, 1)) rotateX(6deg) rotateY(-11deg); }
.cb--Lrow.cb--n2 .cb__slot0 { left: 0; top: 30px; --t: translateZ(50px); } .cb--Lrow.cb--n2 .cb__slot1 { left: 300px; top: 30px; --t: translateZ(90px); } .cb--Lrow.cb--n2 .cb__hub { left: 300px; top: 360px; }
.cb--Lrow.cb--n3 .cb__slot0 { left: 0; top: 20px; --t: translateZ(40px); } .cb--Lrow.cb--n3 .cb__slot1 { left: 190px; top: 60px; --t: translateZ(90px); } .cb--Lrow.cb--n3 .cb__slot2 { left: 400px; top: 20px; --t: translateZ(60px); } .cb--Lrow.cb--n3 .cb__hub { left: 300px; top: 380px; }
.cb--Lring.cb--n2 .cb__slot0 { left: 20px; top: 0; --t: translateZ(60px); } .cb--Lring.cb--n2 .cb__slot1 { left: 280px; top: 250px; --t: translateZ(110px); } .cb--Lring.cb--n2 .cb__hub { left: 420px; top: 150px; }
.cb--Lring.cb--n3 .cb__slot0 { left: 150px; top: 0; --t: translateZ(40px); } .cb--Lring.cb--n3 .cb__slot1 { left: 0; top: 250px; --t: translateZ(90px); } .cb--Lring.cb--n3 .cb__slot2 { left: 300px; top: 260px; --t: translateZ(120px); } .cb--Lring.cb--n3 .cb__hub { left: 300px; top: 230px; }
.cb--Lstack.cb--n2 .cb__slot0 { left: 0; top: 0; --t: translateZ(40px); } .cb--Lstack.cb--n2 .cb__slot1 { left: 230px; top: 215px; --t: translateZ(110px); } .cb--Lstack.cb--n2 .cb__hub { left: 480px; top: 110px; }
.cb--Lstack.cb--n3 .cb__slot0 { left: 0; top: 0; --t: translateZ(30px); } .cb--Lstack.cb--n3 .cb__slot1 { left: 150px; top: 150px; --t: translateZ(80px); } .cb--Lstack.cb--n3 .cb__slot2 { left: 300px; top: 280px; --t: translateZ(130px); } .cb--Lstack.cb--n3 .cb__hub { left: 500px; top: 90px; }
.cb--ateal .cb__wires .wire { stroke: rgba(94, 234, 212, .42); } .cb--ateal .cb__wires .wire--flow { stroke: #ccfbf1; filter: drop-shadow(0 0 8px rgba(94, 234, 212, 1)) drop-shadow(0 0 16px rgba(14, 165, 164, .8)); } .cb--ateal .cb__hub i, .cb--ateal .cb__hub::after { border-color: rgba(94, 234, 212, .85); } .cb--ateal .cb__hub { box-shadow: 0 0 0 7px rgba(14, 165, 164, .25), 0 0 0 15px rgba(14, 165, 164, .1), 0 0 44px 6px rgba(14, 165, 164, .45); animation-name: cb-pop, none; }
.cb--aviolet .cb__wires .wire { stroke: rgba(196, 181, 253, .45); } .cb--aviolet .cb__wires .wire--flow { stroke: #ede9fe; filter: drop-shadow(0 0 8px rgba(167, 139, 250, 1)) drop-shadow(0 0 16px rgba(109, 93, 252, .8)); } .cb--aviolet .cb__hub i, .cb--aviolet .cb__hub::after { border-color: rgba(196, 181, 253, .85); } .cb--aviolet .cb__hub { box-shadow: 0 0 0 7px rgba(109, 93, 252, .3), 0 0 0 15px rgba(109, 93, 252, .12), 0 0 44px 6px rgba(109, 93, 252, .5); animation-name: cb-pop, none; }
.cb--ablue .cb__wires .wire { stroke: rgba(147, 197, 253, .45); } .cb--ablue .cb__wires .wire--flow { stroke: #dbeafe; filter: drop-shadow(0 0 8px rgba(96, 165, 250, 1)) drop-shadow(0 0 16px rgba(47, 125, 246, .8)); } .cb--ablue .cb__hub i, .cb--ablue .cb__hub::after { border-color: rgba(147, 197, 253, .85); } .cb--ablue .cb__hub { box-shadow: 0 0 0 7px rgba(47, 125, 246, .3), 0 0 0 15px rgba(47, 125, 246, .12), 0 0 44px 6px rgba(47, 125, 246, .5); animation-name: cb-pop, none; }