.wdz{max-width:1320px;margin:0 auto;padding:12vh 48px}.wdz-uvod{max-width:680px;margin-bottom:40px}.wdz-nadpisek{font-family:var(--pismo-mono), ui-monospace, "SF Mono", Menlo, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);font-size:11px}.wdz-uvod h2{margin:16px 0 18px;font-size:clamp(40px,5.4vw,76px)}.wdz-uvod p{color:var(--t2);font-size:18px;line-height:1.5}@media (max-width:720px){.wdz{padding:72px 16px}.wdz-uvod p{font-size:16px}}.rr-demo{--pismo:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:.625rem;--r-sm:calc(var(--radius) - 4px);--r-md:calc(var(--radius) - 2px);--r-lg:var(--radius);--r-xl:calc(var(--radius) + 4px);--stin-xs:0 1px 2px 0 #0000000d;--stin-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--stin-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--stin-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--background:#fff;--foreground:#0a0a0a;--card:#fff;--popover:#fff;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--ring:#a1a1a1;--sidebar:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-border:#e5e5e5;font-family:var(--pismo);color:var(--foreground);-webkit-font-smoothing:antialiased;letter-spacing:normal;text-align:left;font-size:16px;line-height:1.5;container:rrokno/inline-size}@supports (color:lab(0% 0 0)){.rr-demo{--stin-xs:0 1px 2px 0 lab(0% 0 0/.05);--stin-sm:0 1px 3px 0 lab(0% 0 0/.1), 0 1px 2px -1px lab(0% 0 0/.1);--stin-md:0 4px 6px -1px lab(0% 0 0/.1), 0 2px 4px -2px lab(0% 0 0/.1);--stin-lg:0 10px 15px -3px lab(0% 0 0/.1), 0 4px 6px -4px lab(0% 0 0/.1);--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--popover:lab(100% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--sidebar:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-border:lab(90.952% 0 -.0000119209)}}.rr-demo *,.rr-demo :before,.rr-demo :after{box-sizing:border-box;border:0 solid var(--border)}.rr-demo :where(h1,h2,h3,p,ul,ol,dl,dd,figure){font:inherit;letter-spacing:normal;margin:0;padding:0}.rr-demo :where(ul,ol){list-style:none}.rr-demo button,.rr-demo button:hover,.rr-demo button:disabled,.rr-demo button:disabled:hover,.rr-demo button[aria-pressed],.rr-demo button[aria-pressed]:hover,.rr-demo summary{font:inherit;color:inherit;border:0 solid var(--border);box-shadow:none;text-transform:none;letter-spacing:normal;filter:none;cursor:pointer;width:auto;height:auto;min-height:0;text-align:inherit;background:0 0;border-radius:0;margin:0;padding:0}.rr-demo button:disabled{cursor:default}.rr-demo :where(input,textarea,select){font:inherit;color:inherit;margin:0}.rr-demo label{font-size:inherit;font-weight:inherit;margin:0;display:block}.rr-demo .rr-okno .rr-chat-pole textarea:focus{box-shadow:none;border:0}.rr-demo :focus-visible{outline:3px solid color-mix(in oklch, var(--ring) 50%, transparent);outline-offset:0}.rr-demo [hidden]{display:none!important}.rr-demo .rr-okno .rr-ik{flex-shrink:0;width:16px;height:16px}.rr-demo .rr-okno .rr-ik-3{width:12px;height:12px}.rr-demo .rr-okno .rr-ik-35{width:14px;height:14px}.rr-demo .rr-okno .rr-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rr-demo .rr-okno .rr-xs{font-size:12px;line-height:16px}.rr-demo .rr-okno .rr-sm{font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-h1{font-size:24px;font-weight:600;line-height:32px}.rr-demo .rr-okno .rr-h-lg{font-size:18px;font-weight:600;line-height:28px}.rr-demo .rr-okno .rr-h-base{font-size:16px;font-weight:600;line-height:24px}.rr-demo .rr-okno .rr-stred{text-align:center}.rr-demo .rr-okno .rr-tlumene{color:var(--muted-foreground)}.rr-demo .rr-okno .rr-tucne{font-weight:600}.rr-demo .rr-okno .rr-stredni{font-weight:500}.rr-demo .rr-okno .rr-cisla{font-variant-numeric:tabular-nums}.rr-demo .rr-okno .rr-zkratit{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rr-demo .rr-okno .rr-nezalom{white-space:nowrap;flex-shrink:0}.rr-demo .rr-okno .rr-radek{align-items:center;gap:8px;display:flex}.rr-demo .rr-okno .rr-radek-zalom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rr-demo .rr-okno .rr-sloupec{flex-direction:column;display:flex}.rr-demo .rr-okno .rr-mezi{justify-content:space-between;align-items:center;gap:12px;display:flex}.rr-demo .rr-okno .rr-zacatek{align-items:flex-start}.rr-demo .rr-okno .rr-zalom{flex-wrap:wrap}.rr-demo .rr-okno .rr-roztahni{flex:1;min-width:0}.rr-demo .rr-okno .rr-min0{min-width:0}.rr-demo .rr-okno .rr-mezera-1{gap:4px}.rr-demo .rr-okno .rr-mezera-15{gap:6px}.rr-demo .rr-okno .rr-mezera-2{gap:8px}.rr-demo .rr-okno .rr-mezera-3{gap:12px}.rr-demo .rr-okno .rr-mezera-4{gap:16px}.rr-demo .rr-okno .rr-vlevo-auto{margin-left:auto}.rr-demo .rr-okno .rr-pt{padding-top:6px}.rr-demo .rr-okno .rr-vpravo{text-align:right}.rr-demo .rr-okno .rr-odsazeny{padding-left:16px}.rr-demo .rr-okno .rr-odsazeny-6{padding-left:24px}.rr-demo .rr-okno .rr-sirka-40{width:160px}.rr-demo .rr-okno .rr-sirka-72{width:288px}.rr-demo .rr-okno .rr-odkaz{color:var(--primary)}.rr-demo .rr-okno .rr-prazdne{text-align:center;padding:40px 0}.rr-demo .rr-okno .rr-tl{white-space:nowrap;border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}.rr-demo .rr-okno .rr-tl:disabled{opacity:.5;pointer-events:none}.rr-demo .rr-okno .rr-tl-vychozi{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--stin-xs)}.rr-demo .rr-okno .rr-tl-vychozi:hover{background:color-mix(in oklch, var(--primary) 90%, transparent);color:var(--primary-foreground)}.rr-demo .rr-okno .rr-tl-obrys{background:var(--background);box-shadow:var(--stin-xs);border-width:1px}.rr-demo .rr-okno .rr-tl-obrys:hover,.rr-demo .rr-okno .rr-tl-duch:hover{background:var(--accent);color:var(--accent-foreground)}.rr-demo .rr-okno .rr-tl-normal{height:36px;padding:8px 16px}.rr-demo .rr-okno .rr-tl-normal:has(>svg){padding:8px 12px}.rr-demo .rr-okno .rr-tl-sm{gap:6px;height:32px;padding:0 12px}.rr-demo .rr-okno .rr-tl-sm:has(>svg){padding:0 10px}.rr-demo .rr-okno .rr-tl-ikona{width:36px;height:36px}.rr-demo .rr-okno .rr-tl-ikona-sm{width:20px;height:20px}.rr-demo .rr-okno{background:var(--background);border:1px solid var(--border);border-radius:16px;grid-template-columns:240px minmax(0,1fr);height:780px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0b0b0c0a,0 24px 60px -24px #0b0b0c38}.rr-demo .rr-okno .rr-ukazka-stitek{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--stin-xs);pointer-events:none;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:4px 10px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.rr-demo .rr-okno .rr-ukazka-stitek+.rr-kredity{margin-top:8px}.rr-demo .rr-okno .rr-lista{background:var(--sidebar);border-right:1px solid var(--sidebar-border);flex-direction:column;gap:4px;min-height:0;padding:12px;display:flex}.rr-demo .rr-okno .rr-lista-hlava{justify-content:space-between;align-items:center;padding:4px 12px 12px;display:flex}.rr-demo .rr-okno .rr-znacka{font-size:16px;font-weight:600;line-height:24px}.rr-demo .rr-okno .rr-zvonek{position:relative}.rr-demo .rr-okno .rr-zvonek-tl{display:inline-flex;position:relative}.rr-demo .rr-okno .rr-zvonek-pocet{background:var(--destructive);color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.rr-demo .rr-okno .rr-zvonek-okno{z-index:40;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--popover);width:320px;max-width:calc(100cqw - 32px);box-shadow:var(--stin-lg);flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;top:40px;left:0}.rr-demo .rr-okno .rr-zvonek-okno ul{flex-direction:column;gap:2px;display:flex}.rr-demo .rr-okno .rr-zvonek-polozka{border-radius:var(--r-md);flex-direction:column;width:100%;padding:8px;display:flex}.rr-demo .rr-okno .rr-zvonek-polozka:hover{background:var(--accent)}.rr-demo .rr-okno .rr-firmy{padding:0 4px 12px;position:relative}.rr-demo .rr-okno .rr-firmy summary{border:1px solid var(--border);border-radius:var(--r-md);background:var(--background);box-shadow:var(--stin-xs);align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;line-height:20px;list-style:none;display:flex}.rr-demo .rr-okno .rr-firmy summary::-webkit-details-marker{display:none}.rr-demo .rr-okno .rr-firmy summary:hover{background:var(--sidebar-accent)}.rr-demo .rr-okno .rr-firmy-nabidka{z-index:40;border:1px solid var(--border);border-radius:var(--r-md);background:var(--popover);box-shadow:var(--stin-md);flex-direction:column;gap:2px;margin-top:-8px;padding:4px;display:flex;position:absolute;top:100%;left:4px;right:4px}.rr-demo .rr-okno .rr-firmy-polozka{border-radius:var(--r-sm);flex-direction:column;width:100%;padding:6px 8px;font-size:14px;line-height:20px;display:flex}.rr-demo .rr-okno .rr-firmy-polozka.rr-radek{flex-direction:row}.rr-demo .rr-okno .rr-firmy-polozka:hover,.rr-demo .rr-okno .rr-firmy-polozka.rr-aktivni{background:var(--accent)}.rr-demo .rr-okno .rr-lista-polozky{flex-direction:column;gap:4px;display:flex}.rr-demo .rr-okno .rr-lista-polozka{border-radius:var(--r-md);align-items:center;gap:12px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .15s;display:flex}.rr-demo .rr-okno .rr-lista-polozka:hover,.rr-demo .rr-okno .rr-lista-polozka.rr-aktivni{background:var(--sidebar-accent);color:var(--accent-foreground)}.rr-demo .rr-okno .rr-kredity{border-top:1px solid var(--sidebar-border);border-radius:var(--r-md);align-items:center;gap:8px;margin-top:auto;padding:12px 12px 6px;font-size:14px;line-height:20px;display:flex}.rr-demo .rr-okno .rr-kredity:hover{background:var(--sidebar-accent)}.rr-demo .rr-okno .rr-obsah{overscroll-behavior:contain;flex-direction:column;min-width:0;max-width:none;min-height:0;margin:0;padding:0;display:flex;position:relative;overflow-y:auto}.rr-demo .rr-okno .rr-vypln{flex:1;min-height:0;display:flex}.rr-demo .rr-okno .rr-hlaska{z-index:50;border-radius:var(--r-lg);background:var(--primary);max-width:calc(100% - 32px);color:var(--primary-foreground);box-shadow:var(--stin-lg);align-items:center;gap:8px;padding:10px 16px;font-size:14px;line-height:20px;animation:.25s ease-out both rr-hlaska;display:inline-flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes rr-hlaska{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.rr-demo .rr-okno .rr-karta{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);min-width:0;box-shadow:var(--stin-xs);flex-direction:column;gap:16px;padding:16px;display:flex}.rr-demo .rr-okno .rr-karta-zvyraznena{border-color:var(--primary)}.rr-demo .rr-okno .rr-karta-hlava{justify-content:space-between;align-items:center;gap:12px;display:flex}.rr-demo .rr-okno .rr-karta-hlava h3{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:flex}.rr-demo .rr-okno .rr-stitek{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--r-md);align-items:center;gap:4px;max-width:100%;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;overflow:hidden}.rr-demo .rr-okno .rr-stitek-vychozi{background:var(--primary);color:var(--primary-foreground)}.rr-demo .rr-okno .rr-stitek-tlumeny{background:var(--muted);color:var(--muted-foreground)}.rr-demo .rr-okno .rr-stitek-obrys{border:1px solid var(--border);color:var(--foreground)}.rr-demo .rr-okno .rr-inicialy{background:var(--secondary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:500;display:inline-flex}.rr-demo .rr-okno .rr-inicialy-velke{width:48px;height:48px;font-size:16px}.rr-demo .rr-okno .rr-kanal{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--background);min-width:20px;height:20px;color:var(--muted-foreground);justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:600;display:inline-flex}.rr-demo .rr-okno .rr-metrika{flex-direction:column;gap:2px;display:flex}.rr-demo .rr-okno .rr-metrika-hodnota{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:28px}.rr-demo .rr-okno .rr-clovek{align-items:center;gap:8px;display:flex}.rr-demo .rr-okno .rr-zprava-text{border-radius:var(--r-lg);background:color-mix(in oklch, var(--muted) 50%, transparent);white-space:pre-line;padding:12px;font-size:14px;line-height:1.625}.rr-demo .rr-okno .rr-odrazky{list-style:inside}.rr-demo .rr-okno .rr-textarea,.rr-demo .rr-okno .rr-vstup,.rr-demo .rr-okno .rr-vyber{border:1px solid var(--border);border-radius:var(--r-md);width:100%;box-shadow:var(--stin-xs);resize:vertical;background:0 0;padding:8px 12px;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-vstup,.rr-demo .rr-okno .rr-vyber{height:36px;padding:0 12px}.rr-demo .rr-okno .rr-vyber{background:var(--background);width:auto;height:32px;padding:0 8px}.rr-demo .rr-okno .rr-textarea:focus,.rr-demo .rr-okno .rr-vstup:focus,.rr-demo .rr-okno .rr-vyber:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent);outline:none}.rr-demo :disabled.rr-vstup,.rr-demo :disabled.rr-textarea{opacity:.5;cursor:not-allowed}.rr-demo .rr-okno .rr-cileni{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rr-demo .rr-okno .rr-cileni-sloupec{border-radius:var(--r-lg);background:color-mix(in oklch, var(--muted) 50%, transparent);flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.rr-demo .rr-okno .rr-filtr{flex-direction:column;gap:4px;display:flex}.rr-demo .rr-okno .rr-filtr .rr-radek-zalom{gap:4px}.rr-demo .rr-okno .rr-odhad{border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;display:grid}.rr-demo .rr-okno .rr-tabulka-obal{overflow-x:auto}.rr-demo .rr-okno .rr-tabulka{border-collapse:collapse;width:100%;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-tabulka th{text-align:left;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap;text-transform:none;letter-spacing:normal;background:0 0;padding:8px 0;font-family:inherit;font-size:12px;font-weight:500;line-height:16px}.rr-demo .rr-okno .rr-tabulka th.rr-vpravo{text-align:right}.rr-demo .rr-okno .rr-tabulka td{font-size:inherit;border-bottom:1px solid var(--border);vertical-align:middle;background:0 0;padding:8px 0}.rr-demo .rr-okno .rr-tabulka td+td,.rr-demo .rr-okno .rr-tabulka th+th{padding-left:12px}.rr-demo .rr-okno .rr-tabulka tbody tr:last-child td{border-bottom:0}.rr-demo .rr-okno .rr-tabulka-kampani td{vertical-align:top;padding-top:12px;padding-bottom:12px}.rr-demo .rr-okno .rr-tabulka-kampani tbody tr:last-child td{border-bottom:1px solid var(--border)}.rr-demo .rr-okno .rr-tabulka .rr-radek-kampane:hover td{background:color-mix(in oklch, var(--muted) 40%, transparent)}.rr-demo .rr-okno .rr-kampan-odkaz{flex-direction:column;gap:4px;padding-right:16px;display:flex}.rr-demo .rr-okno .rr-kampan-odkaz:hover .rr-stredni{text-decoration:underline}.rr-demo .rr-okno .rr-trychtyr{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.rr-demo .rr-okno .rr-trychtyr>div,.rr-demo .rr-okno .rr-trychtyr dd{flex-direction:column;gap:6px;display:flex}.rr-demo .rr-okno .rr-trychtyr-cislo{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:28px}.rr-demo .rr-okno .rr-pruh{background:var(--muted);border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.rr-demo .rr-okno .rr-pruh>span{border-radius:999px;height:100%;display:block}.rr-demo .rr-okno .rr-odstin-ceka{background:color-mix(in oklch, var(--muted-foreground) 30%, transparent)}.rr-demo .rr-okno .rr-odstin-osloven{background:color-mix(in oklch, var(--primary) 50%, transparent)}.rr-demo .rr-okno .rr-odstin-odpovedel{background:var(--primary)}.rr-demo .rr-okno .rr-odstin-ukoncen{background:color-mix(in oklch, var(--muted-foreground) 60%, transparent)}.rr-demo .rr-okno .rr-mini{flex-direction:column;gap:4px;width:100%;min-width:160px;display:flex}.rr-demo .rr-okno .rr-mini-pruh{background:var(--muted);border-radius:999px;height:8px;display:flex;overflow:hidden}.rr-demo .rr-okno .rr-mini-pruh>span{height:100%}.rr-demo .rr-okno .rr-mini-cisla{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;line-height:16px;display:flex}.rr-demo .rr-okno .rr-graf{flex-direction:column;gap:12px;display:flex}.rr-demo .rr-okno .rr-graf-plocha{border-bottom:1px solid var(--border);align-items:flex-end;gap:8px;height:208px;display:flex}.rr-demo .rr-okno .rr-graf-osa{color:var(--muted-foreground);gap:8px;font-size:12px;line-height:16px;display:flex}.rr-demo .rr-okno .rr-graf-huste{gap:2px}.rr-demo .rr-okno .rr-graf-skupina{flex:1;justify-content:center;align-items:flex-end;gap:2px;height:100%;display:flex}.rr-demo .rr-okno .rr-graf-osa>span{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0}.rr-demo .rr-okno .rr-graf-sloupec{border-radius:2px 2px 0 0;width:100%;max-width:16px;transition:height .4s}.rr-demo .rr-okno .rr-graf-r0{background:color-mix(in oklch, var(--primary) 25%, transparent)}.rr-demo .rr-okno .rr-graf-r1{background:color-mix(in oklch, var(--primary) 60%, transparent)}.rr-demo .rr-okno .rr-graf-r2{background:var(--primary)}.rr-demo .rr-okno .rr-graf-legenda{color:var(--muted-foreground);flex-wrap:wrap;gap:16px;font-size:12px;line-height:16px;display:flex}.rr-demo .rr-okno .rr-graf-legenda>span{align-items:center;gap:6px;display:flex}.rr-demo .rr-okno .rr-graf-legenda>span>span{border-radius:2px;width:10px;height:10px}.rr-demo .rr-okno .rr-stranka{flex-direction:column;gap:24px;padding:32px;display:flex}.rr-demo .rr-okno .rr-uzka{width:100%;max-width:1024px;margin:0 auto}.rr-demo .rr-okno .rr-lista-filtru{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:12px;display:flex}.rr-demo .rr-okno .rr-volba{border-radius:var(--r-md);color:var(--muted-foreground);white-space:nowrap;padding:4px 10px;font-size:14px;font-weight:500;line-height:20px}.rr-demo .rr-okno .rr-volba:hover{background:var(--accent)}.rr-demo .rr-okno .rr-volba.rr-aktivni{background:var(--accent);color:var(--accent-foreground)}.rr-demo .rr-okno .rr-volba-mala{padding:4px 8px;font-size:12px;line-height:16px}.rr-demo .rr-okno .rr-volba-ramecek{border-width:1px;font-weight:400}.rr-demo .rr-okno .rr-volba-podmenu{padding:6px 12px}.rr-demo .rr-okno .rr-podmenu{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding-bottom:12px;display:flex}.rr-demo .rr-okno .rr-mrizka-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rr-demo .rr-okno .rr-mrizka-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rr-demo .rr-okno .rr-mrizka-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.rr-demo .rr-okno .rr-sloupce-2{grid-column:span 2}.rr-demo .rr-okno .rr-sloupce-3{grid-column:span 3}.rr-demo .rr-okno .rr-oddeleni{border-top:1px solid var(--border);gap:12px;padding-top:12px}.rr-demo .rr-okno .rr-zpet{color:var(--muted-foreground);align-self:flex-start;align-items:center;gap:4px;font-size:14px;display:inline-flex}.rr-demo .rr-okno .rr-zpet.rr-xs{gap:6px;font-size:12px}.rr-demo .rr-okno .rr-zpet:hover{color:var(--foreground)}.rr-demo .rr-okno .rr-zalozky{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.rr-demo .rr-okno .rr-zalozka{color:var(--muted-foreground);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:14px;font-weight:500;line-height:20px}.rr-demo .rr-okno .rr-zalozka:hover{color:var(--foreground)}.rr-demo .rr-okno .rr-zalozka.rr-aktivni{border-bottom-color:var(--primary);color:var(--foreground)}.rr-demo .rr-okno .rr-nastaveni-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-size:14px;line-height:20px;display:grid}.rr-demo .rr-okno .rr-nastaveni-dl>div{flex-direction:column;gap:2px;display:flex}.rr-demo .rr-okno .rr-oddil{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--stin-xs);flex-direction:column;gap:16px;padding:24px;display:flex}.rr-demo .rr-okno .rr-pole{flex-direction:column;gap:6px;font-size:14px;font-weight:500;line-height:20px;display:flex}.rr-demo .rr-okno .rr-zaskrt{align-items:center;gap:8px;font-size:14px;display:flex}.rr-demo .rr-okno .rr-zaskrt input{width:16px;height:16px;accent-color:var(--primary)}.rr-demo .rr-okno .rr-seznam-radku{flex-direction:column;display:flex}.rr-demo .rr-okno .rr-seznam-radku>li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.rr-demo .rr-okno .rr-seznam-radku>li:last-child{border-bottom:0}.rr-demo .rr-okno .rr-poznamka{border-radius:var(--r-md);background:color-mix(in oklch, var(--muted) 50%, transparent);flex-direction:column;gap:4px;padding:8px;font-size:12px;line-height:16px;display:flex}.rr-demo .rr-okno .rr-poznamka.rr-sm{padding:10px 12px;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-strom,.rr-demo .rr-okno .rr-uzel{flex-direction:column;gap:8px;display:flex}.rr-demo .rr-okno .rr-uzel-cekani{padding-left:44px}.rr-demo .rr-okno .rr-uzel-radek{align-items:flex-start;gap:12px;display:flex}.rr-demo .rr-okno .rr-uzel-ikona{border:1px solid var(--border);background:var(--background);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rr-demo .rr-okno .rr-uzel-telo{border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;flex:1;gap:8px;min-width:0;padding:12px;display:flex}.rr-demo .rr-okno .rr-varianty{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rr-demo .rr-okno .rr-varianta{border-radius:var(--r-md);background:color-mix(in oklch, var(--muted) 50%, transparent);flex-direction:column;gap:4px;padding:8px;font-size:12px;line-height:16px;display:flex}.rr-demo .rr-okno .rr-vetev{border-left:2px dashed var(--border);flex-direction:column;gap:8px;margin-left:16px;padding-left:24px;display:flex}.rr-demo .rr-okno .rr-chat{flex:1;min-width:0;min-height:0;display:flex}.rr-demo .rr-okno .rr-rozhovory{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:16px;width:256px;padding:12px;display:flex;overflow-y:auto}.rr-demo .rr-okno .rr-rozhovory-hlava{gap:8px;display:flex}.rr-demo .rr-okno .rr-novy{flex:1;justify-content:flex-start}.rr-demo .rr-okno .rr-jen-mobil{display:none}.rr-demo .rr-okno .rr-rozhovory-seznam{flex-direction:column;flex:1;gap:16px;display:flex}.rr-demo .rr-okno .rr-skupina{flex-direction:column;gap:2px;display:flex}.rr-demo .rr-okno .rr-skupina-nadpis{color:var(--muted-foreground);padding:0 8px 4px;font-size:12px;font-weight:500;line-height:16px}.rr-demo .rr-okno .rr-rozhovor{border-radius:var(--r-md);flex-direction:column;width:100%;padding:6px 8px;display:flex}.rr-demo .rr-okno .rr-rozhovor:hover,.rr-demo .rr-okno .rr-rozhovor.rr-aktivni{background:var(--accent)}.rr-demo .rr-okno .rr-rozhovor-nazev{align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;display:flex}.rr-demo .rr-okno .rr-pamet{margin-top:auto}.rr-demo .rr-okno .rr-pamet summary{border-radius:var(--r-md);color:var(--muted-foreground);align-items:center;gap:8px;padding:6px 8px;font-size:14px;list-style:none;display:flex}.rr-demo .rr-okno .rr-pamet summary::-webkit-details-marker{display:none}.rr-demo .rr-okno .rr-pamet summary:hover{background:var(--accent)}.rr-demo .rr-okno .rr-pamet ul{flex-direction:column;gap:6px;padding:8px;display:flex}.rr-demo .rr-okno .rr-chat-prazdny{flex-direction:column;flex:1;justify-content:center;gap:32px;width:100%;max-width:768px;margin:0 auto;padding:32px;display:flex}.rr-demo .rr-okno .rr-chat-pole{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);box-shadow:var(--stin-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.rr-demo .rr-okno .rr-chat-pole textarea{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:60px;padding:8px 12px;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-chat-pole textarea::placeholder,.rr-demo .rr-okno .rr-textarea::placeholder{color:var(--muted-foreground)}.rr-demo .rr-okno .rr-chat-pole-lista{justify-content:space-between;align-items:center;gap:8px;display:flex}.rr-demo .rr-okno .rr-chat-pole-lista .rr-radek{gap:4px}.rr-demo .rr-okno .rr-chat-pole-lista>.rr-radek:last-child{gap:12px}.rr-demo .rr-okno .rr-navrhy{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rr-demo .rr-okno .rr-chat-rozhovor{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.rr-demo .rr-okno .rr-chat-hlava{border-bottom:1px solid var(--border);padding:12px 32px}.rr-demo .rr-okno .rr-chat-proud{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.rr-demo .rr-okno .rr-chat-tahy{flex-direction:column;gap:20px;width:100%;max-width:768px;margin:0 auto;padding:32px;display:flex}.rr-demo .rr-okno .rr-bublina-ja{border-radius:var(--r-xl);background:var(--primary);max-width:576px;color:var(--primary-foreground);white-space:pre-line;align-self:flex-end;padding:10px 16px;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-tah-asistent{gap:12px;display:flex}.rr-demo .rr-okno .rr-avatar{background:var(--muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rr-demo .rr-okno .rr-tah-obsah{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.rr-demo .rr-okno .rr-tah-text{white-space:pre-line;padding-top:4px;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-chat-dole{background:var(--background);width:100%;max-width:768px;margin:0 auto;padding:0 32px 24px}.rr-demo .rr-okno .rr-konverzace{flex:1;height:100%;min-height:0;display:flex}.rr-demo .rr-okno .rr-konv-seznam{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;min-height:0;display:flex}.rr-demo .rr-okno .rr-konv-filtry{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:12px;display:flex}.rr-demo .rr-okno .rr-konv-polozky{flex:1;min-height:0;overflow-y:auto}.rr-demo .rr-okno .rr-konv-polozka{border-bottom:1px solid var(--border);gap:12px;width:100%;padding:12px;display:flex}.rr-demo .rr-okno .rr-konv-polozka:hover,.rr-demo .rr-okno .rr-konv-polozka.rr-aktivni{background:var(--accent)}.rr-demo .rr-okno .rr-konv-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rr-demo .rr-okno .rr-vlakno{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.rr-demo .rr-okno .rr-vlakno-hlava{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 24px;display:flex}.rr-demo .rr-okno .rr-vlakno-zpravy{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.rr-demo .rr-okno .rr-zprava{flex-direction:column;gap:4px;max-width:576px;display:flex}.rr-demo .rr-okno .rr-zprava-on{align-self:flex-start}.rr-demo .rr-okno .rr-zprava-my{align-self:flex-end;align-items:flex-end}.rr-demo .rr-okno .rr-bublina-on,.rr-demo .rr-okno .rr-bublina-my{border-radius:var(--r-xl);white-space:pre-line;padding:10px 16px;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-bublina-on{background:var(--muted)}.rr-demo .rr-okno .rr-bublina-my{background:var(--primary);color:var(--primary-foreground)}.rr-demo .rr-okno .rr-pole-odpovedi{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;display:flex}.rr-demo .rr-okno .rr-karta-cloveka{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:20px;width:288px;padding:16px;font-size:14px;line-height:20px;display:flex;overflow-y:auto}.rr-demo .rr-okno .rr-cloveka-hlava{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.rr-demo .rr-okno .rr-cloveka-kontakty{flex-direction:column;gap:8px;display:flex}.rr-demo .rr-okno .rr-cloveka-kontakty dd{align-items:center;gap:8px;min-width:0;display:flex}.rr-demo .rr-okno .rr-sekce{flex-direction:column;gap:8px;display:flex}.rr-demo .rr-okno .rr-sekce-nadpis{color:var(--muted-foreground);font-size:12px;font-weight:600;line-height:16px}.rr-demo .rr-okno .rr-osa{border-left:1px solid var(--border);flex-direction:column;gap:8px;padding-left:12px;font-size:12px;line-height:16px;display:flex}.rr-demo .rr-okno .rr-pole-popisek{flex-direction:column;gap:4px;font-size:12px;line-height:16px;display:flex}.rr-demo .rr-okno .rr-pole-popisek .rr-vstup{height:30px;padding:0 8px;font-size:12px}.rr-demo .rr-okno .rr-chat-tahy>li,.rr-demo .rr-okno .rr-stranka>*{animation:.3s ease-out both rr-prijezd}.rr-demo .rr-okno .rr-toci{animation:1s linear infinite rr-toci}@keyframes rr-prijezd{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes rr-toci{to{transform:rotate(360deg)}}.rr-demo.rr-klid *,.rr-demo.rr-klid :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.rr-demo *,.rr-demo :before{transition:none!important;animation:none!important}}@container rrokno (max-width:1180px){.rr-demo .rr-okno .rr-karta-cloveka{display:none}}@container rrokno (max-width:1060px){.rr-demo .rr-okno .rr-rozhovory{width:208px}.rr-demo .rr-okno .rr-mrizka-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@container rrokno (max-width:860px){.rr-demo .rr-okno{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:860px}.rr-demo .rr-okno .rr-ukazka-stitek{z-index:30;box-shadow:var(--stin-md);margin:0;position:absolute;bottom:12px;right:12px}.rr-demo .rr-okno .rr-lista{border-right:0;border-bottom:1px solid var(--sidebar-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.rr-demo .rr-okno .rr-lista-hlava{gap:4px;padding:0}.rr-demo .rr-okno .rr-firmy{min-width:0;padding:0}.rr-demo .rr-okno .rr-firmy summary{padding:6px 10px}.rr-demo .rr-okno .rr-firmy-nabidka{margin-top:4px}.rr-demo .rr-okno .rr-kredity{white-space:nowrap;border-top:0;grid-area:1/3;margin:0;padding:6px 8px;font-size:12px}.rr-demo .rr-okno .rr-lista-polozky{scrollbar-width:none;flex-direction:row;grid-column:1/-1;gap:2px;overflow-x:auto}.rr-demo .rr-okno .rr-lista-polozka{flex-shrink:0;gap:6px;width:auto;padding:6px 10px}.rr-demo .rr-okno .rr-zvonek{position:static}.rr-demo .rr-okno .rr-zvonek-okno{width:auto;max-width:none;top:52px;left:12px;right:12px}.rr-demo .rr-okno .rr-chat{flex-direction:column}.rr-demo .rr-okno .rr-rozhovory{border-right:0;border-bottom:1px solid var(--border);gap:8px;width:auto;padding:8px 12px;overflow:visible}.rr-demo .rr-okno .rr-jen-mobil{display:inline-flex}.rr-demo .rr-okno .rr-rozhovory-seznam{display:none}.rr-demo .rr-okno .rr-rozhovory.rr-otevreno .rr-rozhovory-seznam{max-height:260px;display:flex;overflow-y:auto}.rr-demo .rr-okno .rr-chat-prazdny,.rr-demo .rr-okno .rr-stranka{gap:20px;padding:20px 16px 56px}.rr-demo .rr-okno .rr-chat-tahy{padding:20px 16px}.rr-demo .rr-okno .rr-chat-hlava{padding:10px 16px}.rr-demo .rr-okno .rr-chat-dole{padding:0 16px 48px}.rr-demo .rr-okno .rr-konverzace{flex-direction:column;height:auto}.rr-demo .rr-okno .rr-konv-seznam{border-right:0;border-bottom:1px solid var(--border);width:auto}.rr-demo .rr-okno .rr-konv-polozky{flex:none;max-height:240px}.rr-demo .rr-okno .rr-vlakno{flex:none}.rr-demo .rr-okno .rr-vlakno-hlava{padding:12px 16px}.rr-demo .rr-okno .rr-vlakno-zpravy{flex:none;padding:16px;overflow:visible}.rr-demo .rr-okno .rr-pole-odpovedi{padding:12px 16px 56px}.rr-demo .rr-okno .rr-mrizka-3,.rr-demo .rr-okno .rr-cileni,.rr-demo .rr-okno .rr-varianty{grid-template-columns:minmax(0,1fr)}.rr-demo .rr-okno .rr-sloupce-2,.rr-demo .rr-okno .rr-sloupce-3{grid-column:auto}.rr-demo .rr-okno .rr-trychtyr{grid-template-columns:repeat(2,minmax(0,1fr))}.rr-demo .rr-okno .rr-nastaveni-dl{grid-template-columns:minmax(0,1fr)}.rr-demo .rr-okno .rr-vlevo-auto{margin-left:0}.rr-demo .rr-okno .rr-skryt-uzke{display:none}}@container rrokno (max-width:520px){.rr-demo .rr-okno .rr-mrizka-4,.rr-demo .rr-okno .rr-mrizka-2,.rr-demo .rr-okno .rr-odhad{grid-template-columns:minmax(0,1fr)}.rr-demo .rr-okno{height:900px}.rr-demo .rr-okno .rr-lista{grid-template-columns:auto minmax(0,1fr)}.rr-demo .rr-okno .rr-kredity{display:none}.rr-demo .rr-okno .rr-sirka-72{width:auto}.rr-demo .rr-okno .rr-vetev{margin-left:8px;padding-left:12px}}
.rr-demo .rr-okno .rr-nabidka{position:relative}.rr-demo .rr-okno .rr-nabidka-okno{z-index:45;border:1px solid var(--border);border-radius:var(--r-md);background:var(--popover);min-width:180px;box-shadow:var(--stin-lg);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.rr-demo .rr-okno .rr-nabidka-polozka{border-radius:var(--r-sm);text-align:left;white-space:nowrap;padding:6px 10px;font-size:14px;line-height:20px}.rr-demo .rr-okno .rr-nabidka-polozka:hover,.rr-demo .rr-okno .rr-nabidka-polozka.rr-aktivni{background:var(--accent)}.rr-demo .rr-okno .rr-nabidka-polozka.rr-aktivni{font-weight:600}.rr-demo .rr-okno .rr-stitek-upravit{padding-right:4px}.rr-demo .rr-okno .rr-stitek-x{width:18px;height:18px;color:var(--muted-foreground);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rr-demo .rr-okno .rr-stitek-x:hover{background:var(--accent);color:var(--foreground)}.rr-demo .rr-okno .rr-pridat-stitek{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rr-demo .rr-okno .rr-pridat-stitek .rr-vstup-male{flex:110px;min-width:0}.rr-demo .rr-okno .rr-vstup-male,.rr-demo .rr-okno .rr-vyber-male{width:auto;height:32px;padding:0 8px;font-size:13px}.rr-demo .rr-okno .rr-vyber-male{flex:0 auto;max-width:140px}.rr-demo .rr-okno .rr-sirka-cislo{width:72px}.rr-demo .rr-okno .rr-rozhovor-radek{align-items:stretch;display:flex;position:relative}.rr-demo .rr-okno .rr-rozhovor-radek .rr-rozhovor{padding-right:32px}.rr-demo .rr-okno .rr-rozhovor-pin{border-radius:var(--r-sm);width:24px;height:24px;color:var(--muted-foreground);opacity:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;right:4px}.rr-demo .rr-okno .rr-rozhovor-radek:hover .rr-rozhovor-pin,.rr-demo .rr-okno .rr-rozhovor-pin:focus-visible{opacity:1}.rr-demo .rr-okno .rr-rozhovor-pin:hover{background:var(--background);color:var(--foreground)}@media (hover:none){.rr-demo .rr-okno .rr-rozhovor-pin{opacity:1}}.rr-demo .rr-okno .rr-volba-scenare{text-align:left;white-space:normal;justify-content:flex-start;width:100%;height:auto;min-height:32px;padding-top:6px;padding-bottom:6px}.rr-demo .rr-okno .rr-predformat{white-space:pre-line}.rr-demo .rr-okno button.rr-odkaz{text-align:left;text-underline-offset:2px;padding:0;text-decoration:underline}.rr-demo .rr-okno fieldset{border:0;min-width:0;margin:0;padding:0}@media (max-width:720px){.rr-demo .rr-okno .rr-nabidka-okno{left:0;right:auto}.rr-demo .rr-okno .rr-vlakno-hlava .rr-radek .rr-nabidka:last-child .rr-nabidka-okno{left:auto;right:0}}