/* Lovec · makety v4. Designový systém: tokeny nahoře, pak plášť, komponenty a obrazovky.
   Popis tokenů a pravidel: docs/DESIGN.md, živá ukázka: design.html.
   v3: tmavý lesní panel, teplé krémové pozadí, bílé karty se stínem, Geist, klid místo šumu.
   v4: výchozí paleta F (bílá a fialová), menu 4 položky, Kalendář a Novinky, jedno primární tlačítko na obrazovku. */

/* ---------- tokeny: světlý režim (výchozí) ---------- */
:root{
  --font:"Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
  /* značka */
  --les-1:#13291F;           /* postranní panel nahoře */
  --les-2:#1E4D3A;           /* postranní panel dole, primární */
  --primar:#1E4D3A;          /* primární tlačítko, aktivní fáze */
  --primar-hover:#163B2C;
  --primar-text:#1F5A43;     /* odkaz, aktivní text */
  --primar-jemna:#E3EEE6;    /* pozadí aktivního, pilulka Moje */
  --na-primar:#FFFFFF;
  --mata:#A8DDBF;            /* světlý akcent na tmavém panelu */
  --jantar:#B97A10;          /* jen akcent: odhad, kolega, upozornění */
  --jantar-text:#8C5B07;
  --jantar-jemna:#FAF0DA;
  --cervena:#B3372E;
  --cervena-text:#A2302A;
  --cervena-jemna:#FBE9E5;
  --modra-text:#2D5A8C;
  --modra-jemna:#E8F0F8;
  --na-jantar:#FFFFFF;       /* text na plném jantaru (počítadlo, verze) */
  --na-cervena:#FFFFFF;
  --ok:#3E9B6E;              /* tečka „hotovo“ */
  /* teplé neutrály */
  --pozadi:#F4F2EB;          /* plocha aplikace (krémová) */
  --plocha:#FFFFFF;          /* karty */
  --plocha-2:#F7F6F1;        /* hover, záhlaví */
  --plocha-3:#EDEBE3;        /* stisk, pruh, počítadlo */
  --okraj:#E9E6DD;
  --okraj-silny:#D5D1C4;
  --text:#16241D;
  --text-2:#4D5A52;
  --text-3:#878D85;
  /* postranní panel */
  --bok-pozadi:linear-gradient(180deg,var(--les-1) 0%,#18392A 55%,var(--les-2) 100%);
  --bok-text:#EAF2EC;
  --bok-text-2:rgba(234,242,236,.62);
  --bok-text-3:rgba(234,242,236,.42);
  --bok-hover:rgba(255,255,255,.06);
  --bok-aktivni:rgba(255,255,255,.11);
  --bok-okraj:rgba(255,255,255,.09);
  /* tmavé plochy mimo panel: toast, režim volání, mobilní lišta */
  --mata-hover:#BDE7CF;
  --volani-pozadi:radial-gradient(1200px 600px at 30% 0%,#255C45 0%,transparent 60%),linear-gradient(180deg,var(--les-1),#0E2018);
  --jantar-na-tmavem:#F0C27A;
  --cervena-na-tmavem:#F2958C;
  /* monogramy: 5 tlumených odstínů ze značky (pozadí / text) */
  --mono-0:#DDEBE1; --mono-0-t:#1E4D3A;
  --mono-1:#E5E9D8; --mono-1-t:#4A5A26;
  --mono-2:#E1E6E2; --mono-2-t:#34463C;
  --mono-3:#EEE6D4; --mono-3-t:#6E5424;
  --mono-4:#D9E6E4; --mono-4-t:#245049;
  /* stíny: karty nesou stín, ne rámeček */
  --stin-1:0 1px 2px rgba(22,36,29,.06);
  --stin-karta:0 1px 2px rgba(22,36,29,.04),0 4px 18px -6px rgba(22,36,29,.10);
  --stin-2:0 2px 4px rgba(22,36,29,.05),0 12px 32px -8px rgba(22,36,29,.18);
  --stin-3:0 4px 10px rgba(22,36,29,.08),0 28px 64px -12px rgba(22,36,29,.32);
  --stin-hlavni:0 1px 2px rgba(19,41,31,.2);
  --clona:rgba(19,41,31,.38);
  /* rozměry */
  --r-1:6px; --r-2:9px; --r-3:14px; --r-kulate:999px;
  --radek:44px;              /* výška řádku tabulky */
  --bok:228px;               /* šířka postranního panelu */
  color-scheme:light;
}
/* ---------- tokeny: tmavý režim (druhořadý, ale funkční) ---------- */
@media (prefers-color-scheme:dark){
  :root:not([data-tema=svetly]){
    --primar:#2F7A57; --primar-hover:#378B64; --primar-text:#93D6B3; --primar-jemna:#1A3126; --na-primar:#FFFFFF;
    --jantar:#E0A547; --jantar-text:#E8B565; --jantar-jemna:#33270F;
    --cervena:#E0675D; --cervena-text:#F0918A; --cervena-jemna:#3A1C19;
    --modra-text:#93B9E3; --modra-jemna:#172636;
    --pozadi:#0F1613; --plocha:#17201B; --plocha-2:#1C2721; --plocha-3:#24302A;
    --okraj:#26322C; --okraj-silny:#36453D;
    --text:#E6EDE8; --text-2:#A7B4AC; --text-3:#76847C;
    --bok-pozadi:linear-gradient(180deg,#0A140F 0%,#0E1F17 60%,#12291E 100%);
    --stin-1:0 1px 2px rgba(0,0,0,.4); --stin-karta:0 1px 2px rgba(0,0,0,.35),0 6px 20px -6px rgba(0,0,0,.5);
    --stin-2:0 2px 4px rgba(0,0,0,.4),0 12px 32px -8px rgba(0,0,0,.6); --stin-3:0 28px 64px rgba(0,0,0,.65);
    --clona:rgba(0,0,0,.6); --stin-hlavni:0 1px 2px rgba(0,0,0,.3);
    --mono-0:#22342B; --mono-0-t:#CFE3D6; --mono-1:#2B3224; --mono-1-t:#D7DFC2; --mono-2:#22342B; --mono-2-t:#CFE3D6; --mono-3:#342C1F; --mono-3-t:#E9D8B5; --mono-4:#22342B; --mono-4-t:#CFE3D6;
    color-scheme:dark;
  }
}
:root[data-tema=tmavy]{
  --primar:#2F7A57; --primar-hover:#378B64; --primar-text:#93D6B3; --primar-jemna:#1A3126; --na-primar:#FFFFFF;
  --jantar:#E0A547; --jantar-text:#E8B565; --jantar-jemna:#33270F;
  --cervena:#E0675D; --cervena-text:#F0918A; --cervena-jemna:#3A1C19;
  --modra-text:#93B9E3; --modra-jemna:#172636;
  --pozadi:#0F1613; --plocha:#17201B; --plocha-2:#1C2721; --plocha-3:#24302A;
  --okraj:#26322C; --okraj-silny:#36453D;
  --text:#E6EDE8; --text-2:#A7B4AC; --text-3:#76847C;
  --bok-pozadi:linear-gradient(180deg,#0A140F 0%,#0E1F17 60%,#12291E 100%);
  --stin-1:0 1px 2px rgba(0,0,0,.4); --stin-karta:0 1px 2px rgba(0,0,0,.35),0 6px 20px -6px rgba(0,0,0,.5);
  --stin-2:0 2px 4px rgba(0,0,0,.4),0 12px 32px -8px rgba(0,0,0,.6); --stin-3:0 28px 64px rgba(0,0,0,.65);
  --clona:rgba(0,0,0,.6); --stin-hlavni:0 1px 2px rgba(0,0,0,.3);
  --mono-0:#22342B; --mono-0-t:#CFE3D6; --mono-1:#2B3224; --mono-1-t:#D7DFC2; --mono-2:#22342B; --mono-2-t:#CFE3D6; --mono-3:#342C1F; --mono-3-t:#E9D8B5; --mono-4:#22342B; --mono-4-t:#CFE3D6;
  color-scheme:dark;
}

/* palety:start — generuje nastroje/palety.mjs, ručně neupravovat */
/* a: Inkoust a mandarinka */
html[data-paleta=a]{
  --les-1:#121826; --les-2:#1D2639; --bok-pozadi:linear-gradient(180deg,#121826 0%,#182030 55%,#1D2639 100%); --bok-plocha:#1D2639; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#FFA36B; --bok-znak:#FFA36B; --bok-znak-text:#121826; --bok-hrana:none; --mata:#FFA36B; --mata-hover:#FFB98C; --primar:#C2410C; --primar-hover:#A3360A; --primar-text:#A3360A; --primar-jemna:#FDEBDF; --na-primar:#FFFFFF; --jantar:#7056C8; --jantar-text:#5B3FB3; --jantar-jemna:#EFEBFA; --na-jantar:#FFFFFF; --cervena:#BE123C; --cervena-text:#A60F34; --cervena-jemna:#FCE8ED; --na-cervena:#FFFFFF; --modra-text:#245B8A; --modra-jemna:#E7F0F7; --ok:#C2410C; --pozadi:#F4F4F1; --plocha:#FFFFFF; --plocha-2:#F8F8F6; --plocha-3:#ECECE7; --okraj:#E6E6E0; --okraj-silny:#D2D2CA; --text:#141824; --text-2:#454B59; --text-3:#676D7C; --mono-0:#FCE6D8; --mono-0-t:#8A3A0E; --mono-1:#E3E8F2; --mono-1-t:#2E3D5C; --mono-2:#EEEAE0; --mono-2-t:#5A4F37; --mono-3:#ECE7F8; --mono-3-t:#4F3C8F; --mono-4:#E4ECEF; --mono-4-t:#2D4F5C; --jantar-na-tmavem:#C4B5FD; --cervena-na-tmavem:#FDA4B8; --volani-pozadi:radial-gradient(1200px 600px at 30% 0%,#2A3757 0%,transparent 60%),linear-gradient(180deg,var(--les-1),#0B101B); --stin-1:0 1px 2px rgba(20,24,36,.06); --stin-karta:0 1px 2px rgba(20,24,36,.04),0 4px 18px -6px rgba(20,24,36,.10); --stin-2:0 2px 4px rgba(20,24,36,.05),0 12px 32px -8px rgba(20,24,36,.18); --stin-3:0 4px 10px rgba(20,24,36,.08),0 28px 64px -12px rgba(20,24,36,.32); --stin-hlavni:0 1px 2px rgba(20,24,36,.2); --clona:rgba(20,24,36,.38);
}
@media (prefers-color-scheme:dark){
  html[data-paleta=a]:not([data-tema=svetly]){
    --les-1:#0A0D15; --les-2:#121827; --bok-pozadi:linear-gradient(180deg,#0A0D15 0%,#0E131F 55%,#121827 100%); --bok-plocha:#121827; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#FFA36B; --bok-znak:#FFA36B; --bok-znak-text:#0A0D15; --bok-hrana:none; --mata:#FFA36B; --mata-hover:#FFB98C; --primar:#F0884F; --primar-hover:#F59C6A; --primar-text:#FFAD7F; --primar-jemna:#3A2216; --na-primar:#1A0D05; --jantar:#A994F5; --jantar-text:#C4B5FD; --jantar-jemna:#28213F; --na-jantar:#140E2B; --cervena:#F06A88; --cervena-text:#FDA4B8; --cervena-jemna:#3D1620; --na-cervena:#1F070D; --modra-text:#93BDE6; --modra-jemna:#16263A; --ok:#F0884F; --pozadi:#0E1118; --plocha:#161A23; --plocha-2:#1B2029; --plocha-3:#242A36; --okraj:#272D39; --okraj-silny:#363D4B; --text:#E9EBF1; --text-2:#AEB4C2; --text-3:#8D93A3; --mono-0:#3A2418; --mono-0-t:#FFC9A8; --mono-1:#222B3D; --mono-1-t:#C8D3EA; --mono-2:#2E2A22; --mono-2-t:#E2D9C3; --mono-3:#2A2440; --mono-3-t:#D4CAF7; --mono-4:#1F2E33; --mono-4-t:#BFD9E0;
  }
}
html[data-paleta=a][data-tema=tmavy]{
  --les-1:#0A0D15; --les-2:#121827; --bok-pozadi:linear-gradient(180deg,#0A0D15 0%,#0E131F 55%,#121827 100%); --bok-plocha:#121827; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#FFA36B; --bok-znak:#FFA36B; --bok-znak-text:#0A0D15; --bok-hrana:none; --mata:#FFA36B; --mata-hover:#FFB98C; --primar:#F0884F; --primar-hover:#F59C6A; --primar-text:#FFAD7F; --primar-jemna:#3A2216; --na-primar:#1A0D05; --jantar:#A994F5; --jantar-text:#C4B5FD; --jantar-jemna:#28213F; --na-jantar:#140E2B; --cervena:#F06A88; --cervena-text:#FDA4B8; --cervena-jemna:#3D1620; --na-cervena:#1F070D; --modra-text:#93BDE6; --modra-jemna:#16263A; --ok:#F0884F; --pozadi:#0E1118; --plocha:#161A23; --plocha-2:#1B2029; --plocha-3:#242A36; --okraj:#272D39; --okraj-silny:#363D4B; --text:#E9EBF1; --text-2:#AEB4C2; --text-3:#8D93A3; --mono-0:#3A2418; --mono-0-t:#FFC9A8; --mono-1:#222B3D; --mono-1-t:#C8D3EA; --mono-2:#2E2A22; --mono-2-t:#E2D9C3; --mono-3:#2A2440; --mono-3-t:#D4CAF7; --mono-4:#1F2E33; --mono-4-t:#BFD9E0;
}
/* b: Grafit a kobalt */
html[data-paleta=b]{
  --les-1:#15171C; --les-2:#23262E; --bok-pozadi:linear-gradient(180deg,#15171C 0%,#1D1F26 55%,#23262E 100%); --bok-plocha:#23262E; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#9DB6FF; --bok-znak:#9DB6FF; --bok-znak-text:#15171C; --bok-hrana:none; --mata:#9DB6FF; --mata-hover:#B8CAFF; --primar:#2D55D8; --primar-hover:#2446B8; --primar-text:#2348B8; --primar-jemna:#E8EDFC; --na-primar:#FFFFFF; --jantar:#9E5F08; --jantar-text:#8A5206; --jantar-jemna:#FBF0DC; --na-jantar:#FFFFFF; --cervena:#C8322A; --cervena-text:#AE2A23; --cervena-jemna:#FCEAE8; --na-cervena:#FFFFFF; --modra-text:#3B5466; --modra-jemna:#E9EEF2; --ok:#2D55D8; --pozadi:#F3F4F6; --plocha:#FFFFFF; --plocha-2:#F8F9FA; --plocha-3:#ECEEF1; --okraj:#E4E6EB; --okraj-silny:#CED2DA; --text:#14171D; --text-2:#474D59; --text-3:#68707E; --mono-0:#E6ECFB; --mono-0-t:#2C468F; --mono-1:#E8EAEE; --mono-1-t:#3A414E; --mono-2:#F1ECE2; --mono-2-t:#5E4E2E; --mono-3:#E3EDF1; --mono-3-t:#2B5060; --mono-4:#EDE8F4; --mono-4-t:#4B3C70; --jantar-na-tmavem:#F5C97A; --cervena-na-tmavem:#FF9E96; --volani-pozadi:radial-gradient(1200px 600px at 30% 0%,#2A3A70 0%,transparent 60%),linear-gradient(180deg,var(--les-1),#0C0E13); --stin-1:0 1px 2px rgba(20,23,29,.06); --stin-karta:0 1px 2px rgba(20,23,29,.04),0 4px 18px -6px rgba(20,23,29,.10); --stin-2:0 2px 4px rgba(20,23,29,.05),0 12px 32px -8px rgba(20,23,29,.18); --stin-3:0 4px 10px rgba(20,23,29,.08),0 28px 64px -12px rgba(20,23,29,.32); --stin-hlavni:0 1px 2px rgba(20,23,29,.2); --clona:rgba(20,23,29,.38);
}
@media (prefers-color-scheme:dark){
  html[data-paleta=b]:not([data-tema=svetly]){
    --les-1:#0B0C10; --les-2:#14161C; --bok-pozadi:linear-gradient(180deg,#0B0C10 0%,#101217 55%,#14161C 100%); --bok-plocha:#14161C; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#9DB6FF; --bok-znak:#9DB6FF; --bok-znak-text:#0B0C10; --bok-hrana:none; --mata:#9DB6FF; --mata-hover:#B8CAFF; --primar:#3B60DD; --primar-hover:#4A6FE6; --primar-text:#A3BAFF; --primar-jemna:#1A2445; --na-primar:#FFFFFF; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#4E74EE; --pozadi:#0D0F13; --plocha:#15181E; --plocha-2:#1A1E25; --plocha-3:#232831; --okraj:#262B34; --okraj-silny:#353B46; --text:#E8EAEF; --text-2:#AAB0BC; --text-3:#8A919E; --mono-0:#1E2847; --mono-0-t:#C3D1FA; --mono-1:#252932; --mono-1-t:#D2D6DE; --mono-2:#2E2920; --mono-2-t:#E3D8C2; --mono-3:#1C2C33; --mono-3-t:#BCD6E0; --mono-4:#29233A; --mono-4-t:#D3C9EE;
  }
}
html[data-paleta=b][data-tema=tmavy]{
  --les-1:#0B0C10; --les-2:#14161C; --bok-pozadi:linear-gradient(180deg,#0B0C10 0%,#101217 55%,#14161C 100%); --bok-plocha:#14161C; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#9DB6FF; --bok-znak:#9DB6FF; --bok-znak-text:#0B0C10; --bok-hrana:none; --mata:#9DB6FF; --mata-hover:#B8CAFF; --primar:#3B60DD; --primar-hover:#4A6FE6; --primar-text:#A3BAFF; --primar-jemna:#1A2445; --na-primar:#FFFFFF; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#4E74EE; --pozadi:#0D0F13; --plocha:#15181E; --plocha-2:#1A1E25; --plocha-3:#232831; --okraj:#262B34; --okraj-silny:#353B46; --text:#E8EAEF; --text-2:#AAB0BC; --text-3:#8A919E; --mono-0:#1E2847; --mono-0-t:#C3D1FA; --mono-1:#252932; --mono-1-t:#D2D6DE; --mono-2:#2E2920; --mono-2-t:#E3D8C2; --mono-3:#1C2C33; --mono-3-t:#BCD6E0; --mono-4:#29233A; --mono-4-t:#D3C9EE;
}
/* c: Švestka a písek */
html[data-paleta=c]{
  --les-1:#26142B; --les-2:#3A1F40; --bok-pozadi:linear-gradient(180deg,#26142B 0%,#311A37 55%,#3A1F40 100%); --bok-plocha:#3A1F40; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#F0B6E2; --bok-znak:#F0B6E2; --bok-znak-text:#26142B; --bok-hrana:none; --mata:#F0B6E2; --mata-hover:#F6CDEC; --primar:#7C2C74; --primar-hover:#65235E; --primar-text:#7C2C74; --primar-jemna:#F5E7F2; --na-primar:#FFFFFF; --jantar:#9C5D05; --jantar-text:#874F05; --jantar-jemna:#FAEED9; --na-jantar:#FFFFFF; --cervena:#C2352A; --cervena-text:#A92D23; --cervena-jemna:#FBE8E4; --na-cervena:#FFFFFF; --modra-text:#2D5A8C; --modra-jemna:#E8F0F8; --ok:#7C2C74; --pozadi:#F4EFE7; --plocha:#FFFFFF; --plocha-2:#FAF7F2; --plocha-3:#EEE7DC; --okraj:#E9E1D4; --okraj-silny:#D4C8B6; --text:#22191F; --text-2:#54474F; --text-3:#75686F; --mono-0:#F4E4F0; --mono-0-t:#6A2763; --mono-1:#EFE6D6; --mono-1-t:#5E4A26; --mono-2:#E9E3E8; --mono-2-t:#4A3B46; --mono-3:#F6E3DC; --mono-3-t:#7A3B26; --mono-4:#E4E8EC; --mono-4-t:#36475A; --jantar-na-tmavem:#F5C982; --cervena-na-tmavem:#FFA096; --volani-pozadi:radial-gradient(1200px 600px at 30% 0%,#5A2D5E 0%,transparent 60%),linear-gradient(180deg,var(--les-1),#170B1A); --stin-1:0 1px 2px rgba(38,20,43,.06); --stin-karta:0 1px 2px rgba(38,20,43,.04),0 4px 18px -6px rgba(38,20,43,.10); --stin-2:0 2px 4px rgba(38,20,43,.05),0 12px 32px -8px rgba(38,20,43,.18); --stin-3:0 4px 10px rgba(38,20,43,.08),0 28px 64px -12px rgba(38,20,43,.32); --stin-hlavni:0 1px 2px rgba(38,20,43,.2); --clona:rgba(38,20,43,.38);
}
@media (prefers-color-scheme:dark){
  html[data-paleta=c]:not([data-tema=svetly]){
    --les-1:#120914; --les-2:#1D1020; --bok-pozadi:linear-gradient(180deg,#120914 0%,#180D1B 55%,#1D1020 100%); --bok-plocha:#1D1020; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#F0B6E2; --bok-znak:#F0B6E2; --bok-znak-text:#120914; --bok-hrana:none; --mata:#F0B6E2; --mata-hover:#F6CDEC; --primar:#9D4092; --primar-hover:#AC4CA0; --primar-text:#EAAFDD; --primar-jemna:#361A31; --na-primar:#FFFFFF; --jantar:#E3A040; --jantar-text:#F0BE6E; --jantar-jemna:#33250F; --na-jantar:#221503; --cervena:#EA6A5E; --cervena-text:#FFA096; --cervena-jemna:#3B1A17; --na-cervena:#200806; --modra-text:#9DC0E6; --modra-jemna:#172637; --ok:#B456A8; --pozadi:#110C10; --plocha:#1A1419; --plocha-2:#20191F; --plocha-3:#2A2229; --okraj:#2E252D; --okraj-silny:#40343E; --text:#EFE8EC; --text-2:#BBAEB6; --text-3:#9C8D96; --mono-0:#3A1C35; --mono-0-t:#F0C6E6; --mono-1:#30291D; --mono-1-t:#E5D6B8; --mono-2:#2A2329; --mono-2-t:#DACFD7; --mono-3:#3A231C; --mono-3-t:#F2C9B9; --mono-4:#1F2833; --mono-4-t:#C3D1E0;
  }
}
html[data-paleta=c][data-tema=tmavy]{
  --les-1:#120914; --les-2:#1D1020; --bok-pozadi:linear-gradient(180deg,#120914 0%,#180D1B 55%,#1D1020 100%); --bok-plocha:#1D1020; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#F0B6E2; --bok-znak:#F0B6E2; --bok-znak-text:#120914; --bok-hrana:none; --mata:#F0B6E2; --mata-hover:#F6CDEC; --primar:#9D4092; --primar-hover:#AC4CA0; --primar-text:#EAAFDD; --primar-jemna:#361A31; --na-primar:#FFFFFF; --jantar:#E3A040; --jantar-text:#F0BE6E; --jantar-jemna:#33250F; --na-jantar:#221503; --cervena:#EA6A5E; --cervena-text:#FFA096; --cervena-jemna:#3B1A17; --na-cervena:#200806; --modra-text:#9DC0E6; --modra-jemna:#172637; --ok:#B456A8; --pozadi:#110C10; --plocha:#1A1419; --plocha-2:#20191F; --plocha-3:#2A2229; --okraj:#2E252D; --okraj-silny:#40343E; --text:#EFE8EC; --text-2:#BBAEB6; --text-3:#9C8D96; --mono-0:#3A1C35; --mono-0-t:#F0C6E6; --mono-1:#30291D; --mono-1-t:#E5D6B8; --mono-2:#2A2329; --mono-2-t:#DACFD7; --mono-3:#3A231C; --mono-3-t:#F2C9B9; --mono-4:#1F2833; --mono-4-t:#C3D1E0;
}
/* d: Bílá a indigo */
html[data-paleta=d]{
  --les-1:#111216; --les-2:#1C1E25; --bok-pozadi:#FFFFFF; --bok-plocha:#FFFFFF; --bok-text:#18181B; --bok-text-2:#52525B; --bok-text-3:#686873; --bok-hover:#F4F4F5; --bok-aktivni:#EEF0FF; --bok-aktivni-text:#3730A3; --bok-okraj:#E6E6EA; --bok-pole:#F4F4F5; --bok-pole-hover:#EDEDF0; --bok-pocitadlo:#EDEDF0; --bok-avatar:#EEF0FF; --bok-ikona:#4F46E5; --bok-znak:#4F46E5; --bok-znak-text:#FFFFFF; --bok-hrana:1px solid #E6E6EA; --mata:#A5B4FC; --mata-hover:#C7D2FE; --primar:#4F46E5; --primar-hover:#4338CA; --primar-text:#4338CA; --primar-jemna:#EEF0FF; --na-primar:#FFFFFF; --jantar:#9E5F08; --jantar-text:#8A5206; --jantar-jemna:#FBF0DC; --na-jantar:#FFFFFF; --cervena:#C8322A; --cervena-text:#AE2A23; --cervena-jemna:#FCEAE8; --na-cervena:#FFFFFF; --modra-text:#3B5466; --modra-jemna:#EEF1F4; --ok:#4F46E5; --pozadi:#F7F7F8; --plocha:#FFFFFF; --plocha-2:#FAFAFB; --plocha-3:#F0F0F2; --okraj:#E6E6EA; --okraj-silny:#D4D4DA; --text:#18181B; --text-2:#4A4A55; --text-3:#686873; --mono-0:#EEF0FF; --mono-0-t:#3730A3; --mono-1:#F0F0F2; --mono-1-t:#3F3F46; --mono-2:#F3EEE4; --mono-2-t:#5E4E2E; --mono-3:#E8F1F4; --mono-3-t:#2B5060; --mono-4:#F3ECF7; --mono-4-t:#5B3A78; --jantar-na-tmavem:#F5C97A; --cervena-na-tmavem:#FF9E96; --volani-pozadi:radial-gradient(1200px 600px at 30% 0%,#2E2A6B 0%,transparent 60%),linear-gradient(180deg,var(--les-1),#0B0B0F); --stin-1:none; --stin-karta:0 0 0 1px #E6E6EA; --stin-2:0 2px 4px rgba(24,24,27,.05),0 12px 32px -8px rgba(24,24,27,.18); --stin-3:0 4px 10px rgba(24,24,27,.08),0 28px 64px -12px rgba(24,24,27,.32); --stin-hlavni:0 1px 2px rgba(24,24,27,.2); --clona:rgba(24,24,27,.38); --radek:48px; --r-1:7px; --r-2:10px; --r-3:14px;
}
@media (prefers-color-scheme:dark){
  html[data-paleta=d]:not([data-tema=svetly]){
    --les-1:#09090B; --les-2:#111114; --bok-pozadi:linear-gradient(180deg,#09090B 0%,#0D0D10 55%,#111114 100%); --bok-plocha:#111114; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#A5B4FC; --bok-znak:#A5B4FC; --bok-znak-text:#09090B; --bok-hrana:none; --mata:#A5B4FC; --mata-hover:#C7D2FE; --primar:#5452E0; --primar-hover:#6362E8; --primar-text:#A5B4FC; --primar-jemna:#1E1B4B; --na-primar:#FFFFFF; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#818CF8; --pozadi:#0C0C0E; --plocha:#151518; --plocha-2:#1A1A1E; --plocha-3:#232328; --okraj:#26262B; --okraj-silny:#36363D; --text:#EDEDF0; --text-2:#B0B0BA; --text-3:#8E8E99; --mono-0:#1E1B4B; --mono-0-t:#C7D2FE; --mono-1:#252529; --mono-1-t:#D4D4D8; --mono-2:#2E2920; --mono-2-t:#E3D8C2; --mono-3:#1C2C33; --mono-3-t:#BCD6E0; --mono-4:#2A2236; --mono-4-t:#DCCBF0; --stin-karta:0 0 0 1px #26262B; --stin-1:none;
  }
}
html[data-paleta=d][data-tema=tmavy]{
  --les-1:#09090B; --les-2:#111114; --bok-pozadi:linear-gradient(180deg,#09090B 0%,#0D0D10 55%,#111114 100%); --bok-plocha:#111114; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#A5B4FC; --bok-znak:#A5B4FC; --bok-znak-text:#09090B; --bok-hrana:none; --mata:#A5B4FC; --mata-hover:#C7D2FE; --primar:#5452E0; --primar-hover:#6362E8; --primar-text:#A5B4FC; --primar-jemna:#1E1B4B; --na-primar:#FFFFFF; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#818CF8; --pozadi:#0C0C0E; --plocha:#151518; --plocha-2:#1A1A1E; --plocha-3:#232328; --okraj:#26262B; --okraj-silny:#36363D; --text:#EDEDF0; --text-2:#B0B0BA; --text-3:#8E8E99; --mono-0:#1E1B4B; --mono-0-t:#C7D2FE; --mono-1:#252529; --mono-1-t:#D4D4D8; --mono-2:#2E2920; --mono-2-t:#E3D8C2; --mono-3:#1C2C33; --mono-3-t:#BCD6E0; --mono-4:#2A2236; --mono-4-t:#DCCBF0; --stin-karta:0 0 0 1px #26262B; --stin-1:none;
}
html[data-paleta=d] :is(.volani,.toast,.mobil-hlava,.spodni){
  --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6);
}
/* e: Černobílá s modrou */
html[data-paleta=e]{
  --les-1:#0A0A0A; --les-2:#171717; --bok-pozadi:#F4F4F4; --bok-plocha:#F4F4F4; --bok-text:#0A0A0A; --bok-text-2:#454545; --bok-text-3:#5E5E5E; --bok-hover:#EAEAEA; --bok-aktivni:#FFFFFF; --bok-aktivni-text:#0A0A0A; --bok-okraj:#E5E5E5; --bok-pole:#FFFFFF; --bok-pole-hover:#FAFAFA; --bok-pocitadlo:#E5E5E5; --bok-avatar:#E5E5E5; --bok-ikona:#0A0A0A; --bok-znak:#0A0A0A; --bok-znak-text:#FFFFFF; --bok-hrana:1px solid #E5E5E5; --mata:#FFFFFF; --mata-hover:#E5E5E5; --primar:#171717; --primar-hover:#000000; --primar-text:#1D4ED8; --primar-jemna:#EAF0FF; --na-primar:#FFFFFF; --jantar:#9E5F08; --jantar-text:#8A5206; --jantar-jemna:#FBF0DC; --na-jantar:#FFFFFF; --cervena:#C8322A; --cervena-text:#AE2A23; --cervena-jemna:#FCEAE8; --na-cervena:#FFFFFF; --modra-text:#3B5466; --modra-jemna:#EEF1F4; --ok:#525252; --pozadi:#FAFAFA; --plocha:#FFFFFF; --plocha-2:#F7F7F7; --plocha-3:#EFEFEF; --okraj:#E8E8E8; --okraj-silny:#D4D4D4; --text:#0A0A0A; --text-2:#454545; --text-3:#666666; --mono-0:#EDEDED; --mono-0-t:#262626; --mono-1:#F1EFEA; --mono-1-t:#4A4436; --mono-2:#EAEFF2; --mono-2-t:#2F4554; --mono-3:#F1ECEF; --mono-3-t:#4D3845; --mono-4:#ECEFEA; --mono-4-t:#3D4A36; --jantar-na-tmavem:#F5C97A; --cervena-na-tmavem:#FF9E96; --volani-pozadi:radial-gradient(1200px 600px at 30% 0%,#2A2A2A 0%,transparent 60%),linear-gradient(180deg,var(--les-1),#050505); --stin-1:none; --stin-karta:0 0 0 1px #E8E8E8; --stin-2:0 2px 4px rgba(10,10,10,.05),0 12px 32px -8px rgba(10,10,10,.18); --stin-3:0 4px 10px rgba(10,10,10,.08),0 28px 64px -12px rgba(10,10,10,.32); --stin-hlavni:0 1px 2px rgba(10,10,10,.2); --clona:rgba(10,10,10,.38); --radek:48px; --r-1:6px; --r-2:8px; --r-3:12px;
}
@media (prefers-color-scheme:dark){
  html[data-paleta=e]:not([data-tema=svetly]){
    --les-1:#000000; --les-2:#0F0F0F; --bok-pozadi:linear-gradient(180deg,#000000 0%,#080808 55%,#0F0F0F 100%); --bok-plocha:#0F0F0F; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#FFFFFF; --bok-znak:#FFFFFF; --bok-znak-text:#000000; --bok-hrana:none; --mata:#FFFFFF; --mata-hover:#E5E5E5; --primar:#EDEDED; --primar-hover:#FFFFFF; --primar-text:#93B4FF; --primar-jemna:#16213D; --na-primar:#0A0A0A; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#A3A3A3; --pozadi:#0A0A0A; --plocha:#141414; --plocha-2:#191919; --plocha-3:#232323; --okraj:#262626; --okraj-silny:#363636; --text:#EDEDED; --text-2:#B3B3B3; --text-3:#8F8F8F; --mono-0:#262626; --mono-0-t:#E5E5E5; --mono-1:#2B2820; --mono-1-t:#E2D9C3; --mono-2:#1C2830; --mono-2-t:#C3D5E0; --mono-3:#2B2229; --mono-3-t:#E0CCD8; --mono-4:#222A1F; --mono-4-t:#CFDCC5; --stin-karta:0 0 0 1px #262626; --stin-1:none;
  }
}
html[data-paleta=e][data-tema=tmavy]{
  --les-1:#000000; --les-2:#0F0F0F; --bok-pozadi:linear-gradient(180deg,#000000 0%,#080808 55%,#0F0F0F 100%); --bok-plocha:#0F0F0F; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#FFFFFF; --bok-znak:#FFFFFF; --bok-znak-text:#000000; --bok-hrana:none; --mata:#FFFFFF; --mata-hover:#E5E5E5; --primar:#EDEDED; --primar-hover:#FFFFFF; --primar-text:#93B4FF; --primar-jemna:#16213D; --na-primar:#0A0A0A; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#A3A3A3; --pozadi:#0A0A0A; --plocha:#141414; --plocha-2:#191919; --plocha-3:#232323; --okraj:#262626; --okraj-silny:#363636; --text:#EDEDED; --text-2:#B3B3B3; --text-3:#8F8F8F; --mono-0:#262626; --mono-0-t:#E5E5E5; --mono-1:#2B2820; --mono-1-t:#E2D9C3; --mono-2:#1C2830; --mono-2-t:#C3D5E0; --mono-3:#2B2229; --mono-3-t:#E0CCD8; --mono-4:#222A1F; --mono-4-t:#CFDCC5; --stin-karta:0 0 0 1px #262626; --stin-1:none;
}
html[data-paleta=e] :is(.volani,.toast,.mobil-hlava,.spodni){
  --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6);
}
/* f: Bílá a fialová */
html[data-paleta=f]{
  --les-1:#14111C; --les-2:#1E1A2A; --bok-pozadi:#FFFFFF; --bok-plocha:#FFFFFF; --bok-text:#18181B; --bok-text-2:#52525B; --bok-text-3:#686873; --bok-hover:#F4F4F5; --bok-aktivni:#F3EEFF; --bok-aktivni-text:#5B21B6; --bok-okraj:#E6E6EA; --bok-pole:#F4F4F5; --bok-pole-hover:#EDEDF0; --bok-pocitadlo:#EDEDF0; --bok-avatar:#F3EEFF; --bok-ikona:#6D28D9; --bok-znak:#6D28D9; --bok-znak-text:#FFFFFF; --bok-hrana:1px solid #E6E6EA; --mata:#C4B5FD; --mata-hover:#DDD6FE; --primar:#6D28D9; --primar-hover:#5B21B6; --primar-text:#5B21B6; --primar-jemna:#F3EEFF; --na-primar:#FFFFFF; --jantar:#9E5F08; --jantar-text:#8A5206; --jantar-jemna:#FBF0DC; --na-jantar:#FFFFFF; --cervena:#C8322A; --cervena-text:#AE2A23; --cervena-jemna:#FCEAE8; --na-cervena:#FFFFFF; --modra-text:#3B5466; --modra-jemna:#EEF1F4; --ok:#6D28D9; --pozadi:#F7F7F8; --plocha:#FFFFFF; --plocha-2:#FAFAFB; --plocha-3:#F0F0F2; --okraj:#E6E6EA; --okraj-silny:#D4D4DA; --text:#18181B; --text-2:#4A4A55; --text-3:#686873; --mono-0:#F3EEFF; --mono-0-t:#5B21B6; --mono-1:#F0F0F2; --mono-1-t:#3F3F46; --mono-2:#F3EEE4; --mono-2-t:#5E4E2E; --mono-3:#E8F1F4; --mono-3-t:#2B5060; --mono-4:#FCEFF5; --mono-4-t:#8A2C5A; --jantar-na-tmavem:#F5C97A; --cervena-na-tmavem:#FF9E96; --volani-pozadi:radial-gradient(1200px 600px at 30% 0%,#3B2470 0%,transparent 60%),linear-gradient(180deg,var(--les-1),#0C0A12); --stin-1:none; --stin-karta:0 0 0 1px #E6E6EA; --stin-2:0 2px 4px rgba(24,24,27,.05),0 12px 32px -8px rgba(24,24,27,.18); --stin-3:0 4px 10px rgba(24,24,27,.08),0 28px 64px -12px rgba(24,24,27,.32); --stin-hlavni:0 1px 2px rgba(24,24,27,.2); --clona:rgba(24,24,27,.38); --radek:48px; --r-1:7px; --r-2:10px; --r-3:14px;
}
@media (prefers-color-scheme:dark){
  html[data-paleta=f]:not([data-tema=svetly]){
    --les-1:#0A090D; --les-2:#121016; --bok-pozadi:linear-gradient(180deg,#0A090D 0%,#0E0D12 55%,#121016 100%); --bok-plocha:#121016; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#C4B5FD; --bok-znak:#C4B5FD; --bok-znak-text:#0A090D; --bok-hrana:none; --mata:#C4B5FD; --mata-hover:#DDD6FE; --primar:#7C3AED; --primar-hover:#8B4DF0; --primar-text:#C4B5FD; --primar-jemna:#2A1F4A; --na-primar:#FFFFFF; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#A78BFA; --pozadi:#0C0C0E; --plocha:#151518; --plocha-2:#1A1A1E; --plocha-3:#232328; --okraj:#26262B; --okraj-silny:#36363D; --text:#EDEDF0; --text-2:#B0B0BA; --text-3:#8E8E99; --mono-0:#2A1F4A; --mono-0-t:#DDD6FE; --mono-1:#252529; --mono-1-t:#D4D4D8; --mono-2:#2E2920; --mono-2-t:#E3D8C2; --mono-3:#1C2C33; --mono-3-t:#BCD6E0; --mono-4:#36202C; --mono-4-t:#F5C6DC; --stin-karta:0 0 0 1px #26262B; --stin-1:none;
  }
}
html[data-paleta=f][data-tema=tmavy]{
  --les-1:#0A090D; --les-2:#121016; --bok-pozadi:linear-gradient(180deg,#0A090D 0%,#0E0D12 55%,#121016 100%); --bok-plocha:#121016; --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6); --bok-hover:rgba(255,255,255,.06); --bok-aktivni:rgba(255,255,255,.11); --bok-aktivni-text:#FFFFFF; --bok-okraj:rgba(255,255,255,.09); --bok-pole:rgba(255,255,255,.05); --bok-pole-hover:rgba(255,255,255,.09); --bok-pocitadlo:rgba(255,255,255,.1); --bok-avatar:rgba(255,255,255,.12); --bok-ikona:#C4B5FD; --bok-znak:#C4B5FD; --bok-znak-text:#0A090D; --bok-hrana:none; --mata:#C4B5FD; --mata-hover:#DDD6FE; --primar:#7C3AED; --primar-hover:#8B4DF0; --primar-text:#C4B5FD; --primar-jemna:#2A1F4A; --na-primar:#FFFFFF; --jantar:#E6A23C; --jantar-text:#F2BF6B; --jantar-jemna:#33260F; --na-jantar:#221503; --cervena:#EC6A60; --cervena-text:#FF9E96; --cervena-jemna:#3B1A18; --na-cervena:#200806; --modra-text:#A9BCCB; --modra-jemna:#1C252D; --ok:#A78BFA; --pozadi:#0C0C0E; --plocha:#151518; --plocha-2:#1A1A1E; --plocha-3:#232328; --okraj:#26262B; --okraj-silny:#36363D; --text:#EDEDF0; --text-2:#B0B0BA; --text-3:#8E8E99; --mono-0:#2A1F4A; --mono-0-t:#DDD6FE; --mono-1:#252529; --mono-1-t:#D4D4D8; --mono-2:#2E2920; --mono-2-t:#E3D8C2; --mono-3:#1C2C33; --mono-3-t:#BCD6E0; --mono-4:#36202C; --mono-4-t:#F5C6DC; --stin-karta:0 0 0 1px #26262B; --stin-1:none;
}
html[data-paleta=f] :is(.volani,.toast,.mobil-hlava,.spodni){
  --bok-text:#EEF0F4; --bok-text-2:rgba(238,240,244,0.78); --bok-text-3:rgba(238,240,244,0.6);
}
/* palety:end */

/* ---------- základ a typografie ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pozadi);color:var(--text);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--primar-text);text-decoration:none}
h1,h2,h3,h4,p{margin:0}
.t-1,h1{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.025em}
.t-2,h2{font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.01em}
.t-3,h3{font-size:13px;line-height:20px;font-weight:600}
.t-meta{font-size:12.5px;line-height:18px;color:var(--text-3)}
.t-nadpis{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
p{color:var(--text-2)}
.cislo,.tnum{font-variant-numeric:tabular-nums}
kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;font:500 11px/1 var(--font);border:1px solid var(--okraj);border-bottom-width:2px;border-radius:5px;background:var(--plocha);color:var(--text-3)}
svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
:focus-visible{outline:2px solid var(--primar-text);outline-offset:2px;border-radius:4px}
[hidden]{display:none !important}
.ztlumene{color:var(--text-3)}

/* ---------- lišta draftu: jen jednou, nahoře ---------- */
.draft{position:relative;z-index:40;display:flex;justify-content:center;align-items:center;gap:10px;height:26px;padding:0 12px;background:var(--jantar-jemna);color:var(--jantar-text);border-bottom:1px solid color-mix(in srgb,var(--jantar) 25%,transparent);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden}
.draft b{font-weight:650}
.draft .verze{display:inline-grid;place-items:center;height:16px;padding:0 5px;margin-right:6px;border-radius:4px;background:var(--jantar);color:var(--na-jantar);font-size:10.5px;font-weight:700;letter-spacing:.02em}
.draft button{background:transparent;color:inherit;border:1px solid color-mix(in srgb,var(--jantar) 45%,transparent);border-radius:var(--r-1);font:inherit;font-size:11.5px;padding:0 8px;cursor:pointer}
.draft button:hover,.draft a:hover{background:color-mix(in srgb,var(--jantar) 12%,transparent)}
.draft a{color:inherit;font-size:11.5px;padding:0 8px;border-radius:var(--r-1);border:1px solid color-mix(in srgb,var(--jantar) 45%,transparent)}

/* ---------- plášť: tmavý lesní panel + teplá plocha ---------- */
.aplikace{display:grid;grid-template-columns:var(--bok) 1fr;height:calc(100vh - 26px);height:calc(100dvh - 26px)}
.bok{display:flex;flex-direction:column;gap:2px;padding:14px 10px 10px;background:var(--bok-pozadi);color:var(--bok-text);overflow:visible;position:relative;z-index:30;border-right:var(--bok-hrana,none)}
.prostor{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;color:var(--bok-text);font-weight:600;font-size:15px;letter-spacing:-.01em}
.znak{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bok-znak,var(--mata));color:var(--bok-znak-text,var(--les-1))}
.znak svg{width:18px;height:18px;stroke-width:2.3}
.prostor small{display:block;font-size:11.5px;font-weight:450;color:var(--bok-text-3);line-height:1.25;letter-spacing:0}
.bok-hledat{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0 8px;height:32px;border:1px solid var(--bok-okraj);border-radius:var(--r-2);background:var(--bok-pole,rgba(255,255,255,.05));color:var(--bok-text-2);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.bok-hledat kbd{margin-left:auto;background:transparent;border-color:var(--bok-okraj);color:var(--bok-text-3)}
.bok-hledat:hover{background:var(--bok-pole-hover,rgba(255,255,255,.09))}
.bok-sekce{margin:16px 8px 4px;color:var(--bok-text-3)}
.polozka{display:flex;align-items:center;gap:10px;height:32px;padding:0 8px;border-radius:var(--r-1);color:var(--bok-text-2);font-size:13.5px;font-weight:500}
.polozka svg{opacity:.85}
.polozka:hover{background:var(--bok-hover);color:var(--bok-text)}
.polozka[aria-current]{background:var(--bok-aktivni);color:var(--bok-aktivni-text,#fff);font-weight:600}
.polozka[aria-current] svg{color:var(--bok-ikona,var(--mata));opacity:1}
.polozka .pocitadlo{margin-left:auto;background:var(--bok-pocitadlo,rgba(255,255,255,.1));color:var(--bok-text-2)}
.polozka .pocitadlo.pozor{background:var(--jantar);color:var(--na-jantar)}
.podpolozky{display:grid;gap:1px;margin:2px 0 6px}
.podpolozky .polozka{height:30px;font-size:13px}
.podpolozky .polozka::before{content:"";width:6px;height:6px;margin:0 5px;border-radius:2px;background:currentColor;opacity:.45}
.tel-kopie{all:unset;cursor:copy;display:block}
.zprava-hlava .kroky{order:3;width:100%}
.zprava-hlava .kroky button{flex:1;justify-content:center}
.pocitadlo{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 6px;border-radius:var(--r-kulate);background:var(--plocha-3);color:var(--text-2);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.pocitadlo.pozor{background:var(--jantar-jemna);color:var(--jantar-text)}
.polozka .pocitadlo.nove{background:var(--primar);color:var(--na-primar);font-weight:600}
.bok-dole{margin-top:auto;display:grid;gap:2px;padding-top:10px;border-top:1px solid var(--bok-okraj)}
.profil-menu > summary{cursor:pointer;border-radius:var(--r-2)}
.profil-menu > summary:hover,.profil-menu[open] > summary{background:var(--bok-hover)}
.profil-menu > summary > svg{margin-left:auto;color:var(--bok-text-3)}
.profil-menu .menu{left:0;right:0;min-width:210px}
.menu.nahoru{top:auto;bottom:calc(100% + 6px)}
.uzivatel{display:flex;align-items:center;gap:10px;padding:8px}
.uzivatel b{display:block;font-size:13px;font-weight:600;color:var(--bok-text)}
.uzivatel small{display:block;font-size:11.5px;color:var(--bok-text-3)}
.uzivatel .ikonove{margin-left:auto;color:var(--bok-text-2)}
.uzivatel .ikonove:hover{background:var(--bok-hover);color:var(--bok-text)}
.uzivatel .avatar{background:var(--bok-avatar,rgba(255,255,255,.12));color:var(--bok-text)}
.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primar-jemna);color:var(--primar-text);font-size:11.5px;font-weight:650;flex:0 0 auto}

.prace{display:flex;flex-direction:column;min-width:0;background:var(--pozadi);overflow:hidden}
.lista{display:flex;align-items:center;gap:12px;height:52px;padding:0 32px;flex:0 0 auto}
.drobecky{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;color:var(--text-3);white-space:nowrap}
.drobecky a{color:var(--text-3)}
.drobecky a:hover{color:var(--text)}
.drobecky b{color:var(--text-2);font-weight:550;overflow:hidden;text-overflow:ellipsis}
.drobecky .odd{color:var(--okraj-silny)}
.lista-vpravo{margin-left:auto;display:flex;align-items:center;gap:8px}
.mobil-hlava,.spodni{display:none}
.obsah{flex:1;overflow-y:auto;padding:8px 32px 56px}
.obsah > *{max-width:1240px;margin-left:auto;margin-right:auto}

/* ---------- tlačítka ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;border-radius:var(--r-2);border:1px solid var(--okraj);background:var(--plocha);color:var(--text);font:inherit;font-size:13px;font-weight:550;white-space:nowrap;cursor:pointer;box-shadow:var(--stin-1);transition:background .12s,border-color .12s,opacity .12s}
.btn:hover{background:var(--plocha-2);border-color:var(--okraj-silny)}
.btn:active{background:var(--plocha-3)}
.btn.hlavni{background:var(--primar);border-color:var(--primar);color:var(--na-primar);box-shadow:var(--stin-hlavni),inset 0 1px 0 rgba(255,255,255,.08)}
.btn.hlavni:hover{background:var(--primar-hover);border-color:var(--primar-hover)}
.btn.tichy{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}
.btn.tichy:hover{background:var(--plocha-3);color:var(--text)}
.btn.varovani{background:var(--plocha);border-color:color-mix(in srgb,var(--jantar) 55%,transparent);color:var(--jantar-text)}
.btn.varovani:hover{background:var(--jantar-jemna)}
/* primární akce, která obchází pravidlo (Přesto vzít…): plný jantar místo fialové */
.btn.varovani.hlavni{background:var(--jantar);border-color:var(--jantar);color:var(--na-jantar)}
.btn.varovani.hlavni:hover{background:color-mix(in srgb,var(--jantar) 88%,#000)}
.btn.nebezpecne{background:var(--cervena);border-color:var(--cervena);color:var(--na-cervena)}
.btn.male{height:28px;padding:0 10px;font-size:12.5px;border-radius:var(--r-1)}
.btn.velke{height:44px;padding:0 18px;font-size:14.5px;border-radius:10px}
.btn:disabled,.btn[aria-disabled=true]{opacity:1;background:var(--plocha-2);border-color:var(--okraj);color:var(--text-3);box-shadow:none;cursor:not-allowed}
.btn svg{width:15px;height:15px}
.ikonove{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--r-1);border:0;background:transparent;color:var(--text-3);cursor:pointer}
.ikonove:hover{background:var(--plocha-3);color:var(--text)}
.skupina-btn{display:inline-flex}
.skupina-btn .btn{border-radius:0;margin-left:-1px}
.skupina-btn .btn:first-child{border-radius:var(--r-2) 0 0 var(--r-2);margin-left:0}
.skupina-btn .btn:last-child{border-radius:0 var(--r-2) var(--r-2) 0}
/* přepínač (segmented control) */
.prepinac{display:inline-flex;padding:2px;gap:2px;border-radius:var(--r-2);background:var(--plocha-3)}
.prepinac a,.prepinac button{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--text-2);font:inherit;font-size:12.5px;font-weight:550;cursor:pointer}
.prepinac [aria-current],.prepinac [aria-pressed=true]{background:var(--plocha);color:var(--text);box-shadow:var(--stin-1)}

/* ---------- pilulky stavů (nejvýš jedna na řádek), štítky, odznaky ---------- */
.pilulka{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--r-kulate);font-size:12px;font-weight:550;white-space:nowrap;background:var(--plocha-3);color:var(--text-2)}
.pilulka svg{width:12px;height:12px;stroke-width:2}
.pilulka.volne{background:transparent;padding:0;color:var(--text-3);font-weight:450}
.pilulka.moje{background:var(--primar-jemna);color:var(--primar-text)}
.pilulka.kolega{background:var(--jantar-jemna);color:var(--jantar-text)}
.pilulka.stary{background:var(--plocha-3);color:var(--text-2)}
.pilulka.klient{background:var(--cervena-jemna);color:var(--cervena-text)}
.pilulka.byvaly{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cervena) 45%,transparent);color:var(--cervena-text)}
.pilulka.info{background:var(--modra-jemna);color:var(--modra-text)}
.stitek{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-1);font-size:12px;font-weight:550;white-space:nowrap;background:var(--plocha-3);color:var(--text-2)}
.stitek svg{width:13px;height:13px}
.stitek.signal{background:var(--modra-jemna);color:var(--modra-text)}
.stitek.doporucuji{background:var(--jantar-jemna);color:var(--jantar-text)}
.stitek.ted{background:var(--primar);color:var(--na-primar);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:700}
.stitek.pozde{background:var(--cervena-jemna);color:var(--cervena-text)}
.odhad{display:inline-flex;align-items:center;height:16px;padding:0 5px;margin-left:5px;border-radius:4px;background:var(--jantar-jemna);color:var(--jantar-text);font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;cursor:help}
/* typ signálu: malá ikona, popisek v nápovědě */
.sig{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--text-3);cursor:help}
.sig:hover{background:var(--plocha-3);color:var(--primar-text)}
.sig svg{width:14px;height:14px}
.signaly{display:inline-flex;gap:0;align-items:center}
/* kvalita kontaktu: 3 sloupečky */
.uroven{display:inline-flex;align-items:flex-end;gap:2px;height:13px;flex:0 0 auto}
.uroven i{display:block;width:3.5px;border-radius:1.5px;background:var(--okraj-silny)}
.uroven i:nth-child(1){height:5px}.uroven i:nth-child(2){height:9px}.uroven i:nth-child(3){height:13px}
.uroven.u1 i:nth-child(-n+1),.uroven.u2 i:nth-child(-n+2){background:var(--jantar)}
.uroven.u3 i{background:var(--primar-text)}
.uroven.u0 i{background:var(--okraj)}
/* monogram firmy: jedna tlumená paleta ze značky */
.mono{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:11px;font-weight:650;flex:0 0 auto;letter-spacing:-.01em}
.mono.velky{width:52px;height:52px;border-radius:14px;font-size:19px}
.mono.b0{background:var(--mono-0);color:var(--mono-0-t)}
.mono.b1{background:var(--mono-1);color:var(--mono-1-t)}
.mono.b2{background:var(--mono-2);color:var(--mono-2-t)}
.mono.b3{background:var(--mono-3);color:var(--mono-3-t)}
.mono.b4{background:var(--mono-4);color:var(--mono-4-t)}
/* skóre */
.skore{display:inline-block;min-width:22px;color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.skore.vysoke{color:var(--primar-text)}
.skore.velke{font-size:22px;font-weight:650}

/* ---------- popover „proč nahoře“ ---------- */
.proc{position:relative;display:inline-block}
.proc summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border-radius:var(--r-1);padding:2px 4px;margin:-2px -4px}
.proc summary:hover{background:var(--plocha-3)}
.proc summary::-webkit-details-marker{display:none}
.proc-t{display:none}
.popover{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:300px;padding:12px 14px;border-radius:var(--r-3);background:var(--plocha);box-shadow:var(--stin-2);border:1px solid var(--okraj)}
.proc .popover{left:auto;right:0}
.popover h4{font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:8px}
.rozpad{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.rozpad li{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--text-2)}
.rozpad b{font-variant-numeric:tabular-nums;color:var(--primar-text);font-weight:600}
.rozpad b.minus{color:var(--cervena-text)}
.rozpad li.soucet{border-top:1px solid var(--okraj);padding-top:7px;margin-top:3px;color:var(--text);font-weight:600}

/* ---------- karta, bannery ---------- */
.karta{background:var(--plocha);border-radius:var(--r-3);box-shadow:var(--stin-karta)}
.karta-hlava{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 16px 6px 20px}
.karta-hlava h2{display:flex;align-items:center;gap:8px;font-size:14.5px}
.karta-hlava h2 svg{color:var(--text-3)}
.karta-hlava .vpravo{margin-left:auto;display:flex;gap:6px;align-items:center}
.karta-telo{padding:12px 20px 16px}
.banner{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:var(--r-2);font-size:13px;line-height:1.5;margin-bottom:16px}
.banner svg{margin-top:2px}
.banner b{font-weight:650}
.banner .vpravo{margin-left:auto}
.banner.cerveny{background:var(--cervena-jemna);color:var(--cervena-text);box-shadow:inset 3px 0 0 var(--cervena)}
.banner.jantar{background:var(--jantar-jemna);color:var(--jantar-text);box-shadow:inset 3px 0 0 var(--jantar)}
.banner.sedy{background:var(--plocha-3);color:var(--text-2)}
.banner.info{background:var(--modra-jemna);color:var(--modra-text)}

/* ---------- prázdný stav, načítání ---------- */
.prazdny{display:grid;justify-items:center;gap:6px;padding:28px 16px;text-align:center}
.prazdny .ikona-kruh{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--plocha-3);color:var(--text-3);margin-bottom:4px}
.prazdny .ikona-kruh svg{width:18px;height:18px}
.prazdny b{font-size:14px;font-weight:600}
.prazdny p{font-size:13px;max-width:320px}
.prazdny .btn{margin-top:6px}
.kostka{display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,var(--plocha-2) 0%,var(--plocha-3) 50%,var(--plocha-2) 100%);background-size:200% 100%;animation:kostka 1.2s ease-in-out infinite}
@keyframes kostka{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.kostka{animation:none}}

/* ---------- toasty ---------- */
.toasty{position:fixed;z-index:80;right:24px;bottom:24px;display:grid;gap:8px;justify-items:end;pointer-events:none}
.toast{display:flex;align-items:flex-start;gap:10px;max-width:420px;padding:12px 16px 12px 14px;border-radius:12px;background:var(--les-1);color:var(--bok-text);box-shadow:var(--stin-2);font-size:13.5px;line-height:1.45;pointer-events:auto;animation:toast .18s ease-out}
.toast svg{margin-top:1px;color:var(--mata)}
.toast.chyba svg{color:var(--cervena-na-tmavem)}
.toast.info svg{color:var(--bok-text-2)}
.toast small{display:block;opacity:.7;font-size:12px}
@keyframes toast{from{opacity:0;transform:translateY(6px)}}
.toast.staticky{animation:none}

/* ---------- dialog ---------- */
dialog.dialog{width:min(460px,calc(100vw - 32px));padding:0;border:0;border-radius:16px;background:var(--plocha);color:var(--text);box-shadow:var(--stin-3)}
dialog.dialog::backdrop{background:var(--clona);backdrop-filter:blur(2px)}
.dialog-telo{padding:22px 24px 8px;display:grid;gap:10px}
.dialog-telo h2{display:flex;gap:12px;align-items:center;font-size:17px}
.dialog-telo .ikona-kruh{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--jantar-jemna);color:var(--jantar-text);flex:0 0 auto}
.dialog-telo p{font-size:14px}
.dialog-telo ul{margin:2px 0 0;padding-left:18px;color:var(--text-2);font-size:13.5px;display:grid;gap:4px}
.dialog-telo label{display:grid;gap:5px;font-size:12.5px;font-weight:550;color:var(--text-2);margin-top:4px}
.dialog-telo select,.pole{font:inherit;font-size:13px;height:34px;padding:0 8px;border:1px solid var(--okraj-silny);border-radius:var(--r-2);background:var(--plocha);color:var(--text)}
.dialog-paticka{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px 20px}
.dialog.ukazka{position:static;display:block;margin:0}

/* ---------- ⌘K ---------- */
.cmdk{position:fixed;inset:0;z-index:90;display:grid;justify-items:center;align-items:start;padding-top:12vh;background:var(--clona);backdrop-filter:blur(2px)}
.cmdk-okno{width:min(680px,calc(100vw - 32px));border-radius:16px;background:var(--plocha);box-shadow:var(--stin-3);overflow:hidden}
.cmdk-vstup{display:flex;align-items:center;gap:10px;padding:0 18px;height:56px;border-bottom:1px solid var(--okraj);color:var(--text-3)}
.cmdk-vstup svg{width:18px;height:18px;color:var(--primar-text)}
.cmdk-vstup input{flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px}
.cmdk-telo{display:grid;grid-template-columns:150px 1fr;height:min(420px,60vh);overflow:hidden}
.cmdk-telo > *{min-height:0}
.cmdk-kat{display:grid;align-content:start;gap:2px;padding:8px;border-right:1px solid var(--okraj);background:var(--plocha-2)}
.cmdk-kat button{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border:0;border-radius:var(--r-1);background:transparent;color:var(--text-2);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.cmdk-kat button[aria-pressed=true]{background:var(--primar-jemna);color:var(--primar-text);font-weight:600}
.cmdk-kat button .pocitadlo{margin-left:auto}
.cmdk-vysledky{list-style:none;margin:0;padding:6px;overflow-y:auto}
.cmdk-vysledky .skup{padding:8px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.cmdk-vysledky li[data-i]{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-radius:var(--r-2);cursor:pointer}
.cmdk-vysledky li[data-i] .txt{flex:1;min-width:0;display:grid}
.cmdk-vysledky li[data-i] b{font-weight:550;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk-vysledky li[data-i] small{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk-vysledky li[data-i] .typ{font-size:12px;font-weight:550;color:var(--text-3);white-space:nowrap}
.cmdk-vysledky li.aktivni{background:var(--plocha-3)}
.cmdk-vysledky li.zakazano{cursor:not-allowed}
.cmdk-vysledky li.zakazano .typ{color:var(--cervena-text)}
.cmdk-vysledky .ikona-vys{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--plocha-3);color:var(--text-2)}
.cmdk-paticka{display:flex;align-items:center;gap:14px;justify-content:flex-end;padding:9px 16px;border-top:1px solid var(--okraj);font-size:12px;color:var(--text-3);background:var(--plocha-2)}
.cmdk-paticka span{display:inline-flex;align-items:center;gap:5px}

/* ---------- společné kousky obrazovek ---------- */
.titulek{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:8px auto 24px}
.titulek p{margin-top:4px;font-size:14.5px}
.titulek .akce{display:flex;gap:8px;align-items:center}
.menu-obal{position:relative}
.menu-obal > summary{list-style:none}
.menu-obal > summary::-webkit-details-marker{display:none}
.menu{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:200px;padding:4px;border:1px solid var(--okraj);border-radius:var(--r-2);background:var(--plocha);box-shadow:var(--stin-2);display:grid}
.menu.vpravo{left:auto;right:0}
.menu a,.menu button{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border:0;border-radius:var(--r-1);background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;white-space:nowrap}
.menu a:hover,.menu button:hover{background:var(--plocha-2)}
.menu svg{color:var(--text-3)}
.menu button small{margin-left:auto;padding-left:16px;font-size:12px;color:var(--text-3)}
.menu kbd{min-width:18px;height:18px}
.menu-obal > summary.btn span{display:inline}
.menu-obal .skryt-txt{display:none}
.kdy{font-size:12.5px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.kdy.pozde{color:var(--cervena-text);font-weight:550}

/* ---------- rozcestník ---------- */
.uvod{max-width:720px;margin:24px 0 32px}
.uvod h1{font-size:36px;line-height:42px;margin:8px 0 12px}
.uvod p{font-size:16px;line-height:1.6}
.rozcestnik{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.karta-odkaz{display:grid;align-content:start;gap:6px;padding:20px;color:var(--text);transition:box-shadow .15s,transform .15s}
.karta-odkaz:hover{box-shadow:var(--stin-2);transform:translateY(-1px)}
.karta-odkaz .ikona{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--primar-jemna);color:var(--primar-text);margin-bottom:6px}
.karta-odkaz p{font-size:13.5px}
.karta-odkaz small{margin-top:4px;font-size:12px;color:var(--text-3)}
.zkratky{margin-top:32px}
.zkratky ul{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;margin:12px 0 0;list-style:none;color:var(--text-2);font-size:13px}
.zkratky li{display:flex;align-items:center;gap:6px}

/* ---------- Dnes ---------- */
.dnes{max-width:1000px}
.dnes-hlava{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:16px 0 24px}
.dnes-hlava h1{font-size:32px;line-height:38px}
.dnes-hlava p{margin-top:6px;font-size:15px}
.cil-pruh{display:grid;gap:7px;width:280px;font-size:13px;color:var(--text-2)}
.cil-pruh .r{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cil-pruh .r b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.cil-pruh .r small{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}
.pruh{height:5px;border-radius:3px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}
.pruh i{display:block;height:100%;background:var(--primar);border-radius:3px}
/* karta Teď: jedna věc teď */
.ted-karta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;margin-bottom:32px;box-shadow:var(--stin-2)}
.ted-karta::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--primar);border-radius:var(--r-3) 0 0 var(--r-3)}
.ted-karta.pozde::before{background:var(--cervena)}
.ted-hlavni{display:flex;flex-direction:column;gap:14px;padding:26px 28px 24px 32px}
.ted-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3)}
.ted-firma{display:flex;align-items:center;gap:14px}
.ted-firma h2{font-size:26px;line-height:32px;font-weight:600;letter-spacing:-.02em}
.ted-firma h2 a{color:var(--text)}
.ted-firma h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ted-firma p{font-size:14px;margin-top:2px}
.ted-proc{font-size:14.5px;line-height:1.55;color:var(--text)}
.ted-proc b{font-weight:600}
.ted-kontakt{display:flex;gap:6px;flex-wrap:wrap}
.ted-akce{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.ted-akce .tichy{margin-left:auto}
.ted-zprava{display:flex;flex-direction:column;padding:24px 28px;background:var(--plocha-2);border-left:1px solid var(--okraj);border-radius:0 var(--r-3) var(--r-3) 0;min-width:0}
.ted-zprava a.tel{display:inline-block;width:max-content}
.ted-zprava a.tel:hover{color:var(--primar-text)}
.ted-zprava small.t-meta{display:block;margin-top:2px}
.ted-fakta{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:6px 0 0;font-size:13.5px;line-height:1.5}
.ted-fakta dt{color:var(--text-3)}
.ted-fakta dd{margin:0;color:var(--text-2)}
.ted-zprava .t-nadpis{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.ted-zprava .predmet{font-size:14.5px;font-weight:600;margin-bottom:8px;color:var(--text)}
.ted-zprava pre{margin:0;font:inherit;font-size:13.5px;line-height:1.65;color:var(--text-2);white-space:pre-wrap;max-height:204px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.ted-zprava .tel{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text)}
.ted-zprava ol{margin:12px 0 0;padding-left:20px;display:grid;gap:6px;font-size:13.5px;color:var(--text-2)}
/* fronta Potom */
.sekce-hlava{display:flex;align-items:baseline;gap:10px;margin:0 0 10px 4px}
.sekce-hlava h2{font-size:16px}
.sekce-hlava .t-meta{margin-left:auto}
.fronta-karta{overflow:hidden;padding-bottom:4px}
.skup-hlava .pocitadlo{font-weight:600;letter-spacing:0}
.akce-radek .sig{color:var(--text-3)}
.akce-radek:focus-visible{outline-offset:-2px}
.skup-hlava{display:flex;align-items:center;gap:8px;height:34px;padding:12px 20px 0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.skup-hlava.pozde{color:var(--cervena-text)}
.akce-seznam{list-style:none;margin:0;padding:4px 0}
/* krátké fronty: nenápadné „a dalších N“ a jeden řádek úklidu starých kroků */
.dalsi-radky{display:block;margin:0 0 4px 62px;padding:4px 0;border:0;background:none;color:var(--text-3);font:inherit;font-size:12.5px;cursor:pointer}
.dalsi-radky:hover{color:var(--text);text-decoration:underline}
.uklid-radek{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:6px;padding:12px 16px 10px 20px;border-top:1px solid var(--okraj)}
.uklid-radek .ikona-kruh{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--plocha-3);color:var(--text-3)}
.uklid-radek .ikona-kruh svg{width:14px;height:14px}
.uklid-txt{display:grid;gap:1px;min-width:0}
.uklid-txt b{font-size:13.5px;font-weight:550;color:var(--text-2)}
.uklid-txt small{font-size:12px;color:var(--text-3)}
.uklid-tl{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.akce-radek{display:grid;grid-template-columns:auto minmax(0,1fr) 22px 96px;align-items:center;gap:14px;min-height:52px;padding:6px 16px 6px 20px;cursor:pointer;position:relative}
.akce-radek + .akce-radek::before{content:"";position:absolute;top:0;left:62px;right:16px;border-top:1px solid var(--okraj)}
.akce-radek:hover,.akce-radek.vybrano{background:var(--plocha-2)}
.akce-radek.vybrano{box-shadow:inset 3px 0 0 var(--primar)}
.akce-hlavni{display:grid;gap:1px;min-width:0}
.akce-hlavni .r1{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px}
.akce-hlavni .r1 a{font-weight:550;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.akce-hlavni .r1 .krok{color:var(--text-3);font-size:13px;white-space:nowrap}
.akce-hlavni .r2{font-size:12.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.akce-tl{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:6px;align-items:center;justify-content:flex-end;padding-left:40px;background:linear-gradient(90deg,transparent,var(--plocha-2) 32px);opacity:0;pointer-events:none;transition:opacity .12s}
.akce-radek:hover .akce-tl,.akce-radek.vybrano .akce-tl,.akce-radek:focus-within .akce-tl{pointer-events:auto}
.akce-radek:hover .akce-tl,.akce-radek.vybrano .akce-tl,.akce-radek:focus-within .akce-tl{opacity:1}
.dnes-mriz{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.sloupec{display:grid;gap:16px;min-width:0}
.ukoly{list-style:none;margin:0;padding:4px 0 8px}
.ukoly li{display:flex;gap:10px;align-items:flex-start;padding:8px 20px}
.ukoly .krouzek{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--okraj-silny);margin-top:2px;flex:0 0 auto}
.ukoly .txt{flex:1;min-width:0;display:grid;gap:1px}
.ukoly .txt b{font-weight:550;font-size:13px}
.ukoly .txt small{font-size:12px;color:var(--text-3)}
.ukoly .txt small a{color:var(--text-2)}
.konec-fronty{display:flex;align-items:center;gap:10px;padding:14px 20px 16px;border-top:1px solid var(--okraj);font-size:13px;color:var(--text-3)}
.konec-fronty .btn{margin-left:auto}

/* ---------- Firmy: pohledy, tabulka a náhled ---------- */
.stranka-hlava{display:flex;align-items:flex-end;gap:16px;margin:16px 0 18px}
.stranka-hlava h1{font-size:30px}
.stranka-hlava p{font-size:14px;margin-top:4px}
.stranka-hlava .vpravo{margin-left:auto;display:flex;gap:8px;align-items:center}
.pohledy{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--okraj-silny);margin-bottom:14px}
.pohledy a,.pohledy button{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:0;background:transparent;color:var(--text-3);font:inherit;font-size:13.5px;font-weight:550;cursor:pointer}
.pohledy a:hover{color:var(--text)}
.pohledy a[aria-current]{color:var(--text)}
.pohledy a[aria-current]::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--primar)}
.pohledy .pocitadlo{background:transparent;color:var(--text-3);padding:0;min-width:0;font-weight:500}
.pohledy a[aria-current] .pocitadlo{color:var(--text-2)}
.pohledy a.moje-zalozka{margin-left:auto}
.bunka-proc b{font-weight:550;color:var(--text-2)}
.nahled .banner{margin:0}
.filtry{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.filtr{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 10px;border-radius:var(--r-kulate);background:var(--plocha);box-shadow:var(--stin-1);font-size:12.5px;color:var(--text-2)}
.filtr b{font-weight:550;color:var(--text)}
.filtr svg{width:13px;height:13px;color:var(--text-3)}
.filtr button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer;padding:0}
.filtr button:hover{background:var(--plocha-3)}
.filtr.zamceny{background:var(--plocha-3);box-shadow:none;padding-right:10px}
.filtr.pridat{background:transparent;box-shadow:none;border:1px dashed var(--okraj-silny);padding-right:10px;cursor:pointer;font:inherit;font-size:12.5px}
.filtry .vpravo{margin-left:auto;display:flex;gap:8px;align-items:center}
.firmy-mriz{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.tabulka-obal{border-radius:var(--r-3);background:var(--plocha);box-shadow:var(--stin-karta);overflow:hidden}
.tabulka{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.tabulka th{position:sticky;top:0;z-index:2;height:38px;padding:0 12px;background:var(--plocha);border-bottom:1px solid var(--okraj);text-align:left;font-size:12px;font-weight:500;color:var(--text-3);white-space:nowrap}
.tabulka th:first-child,.tabulka td:first-child{padding-left:18px}
.tabulka th:last-child,.tabulka td:last-child{padding-right:14px}
.tabulka td{height:var(--radek);padding:4px 12px;border-bottom:1px solid var(--okraj);vertical-align:middle;white-space:nowrap}
.tabulka tbody tr:last-child td{border-bottom:0}
.tabulka tbody tr{cursor:pointer}
.tabulka tbody tr:hover td{background:var(--plocha-2)}
.tabulka tbody tr.vybrano td{background:color-mix(in srgb,var(--primar-jemna) 60%,var(--plocha))}
.tabulka tbody tr.vybrano td:first-child{box-shadow:inset 3px 0 0 var(--primar)}
.tabulka tr.cizi td{color:var(--text-3)}
.tabulka tr.cizi .bunka-firma b{color:var(--text-2)}
.tabulka .vpravo{text-align:right}
.tabulka tfoot td{height:38px;border-top:1px solid var(--okraj);border-bottom:0;color:var(--text-3);font-size:12px;background:var(--plocha-2)}
.tabulka tfoot .souhrn{display:flex;gap:20px;flex-wrap:wrap}
.tabulka tfoot b{color:var(--text-2);font-weight:600;font-variant-numeric:tabular-nums}
.tabulka .b-akce .btn,.tabulka .b-akce .t-meta{opacity:0;transition:opacity .12s}
.tabulka tbody tr:hover .b-akce .btn,.tabulka tbody tr.vybrano .b-akce .btn,.tabulka tbody tr:hover .b-akce .t-meta,.tabulka tbody tr.vybrano .b-akce .t-meta,.tabulka tbody tr:focus-within .b-akce .btn{opacity:1}
.bunka-firma{display:flex;align-items:center;gap:10px;min-width:0}
.bunka-firma > span:not(.mono){display:grid;min-width:0;line-height:17px}
.bunka-firma b{font-weight:550;color:var(--text);overflow:hidden;text-overflow:ellipsis}
.bunka-firma small{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bunka-firma b{white-space:nowrap}
.c-firma{width:28%}.c-kontakt{width:20%}.c-obj{width:13%}.c-proc{width:24%}.c-stav{width:15%}.c-akce{width:104px}
.bunka-kontakt{display:flex;align-items:center;gap:8px;line-height:17px;min-width:0}
.bunka-kontakt > span:not(.uroven){display:grid;min-width:0}
.bunka-kontakt span span{overflow:hidden;text-overflow:ellipsis}
.bunka-kontakt small{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis}
.bunka-obj{font-variant-numeric:tabular-nums}
.bunka-obj small{display:block;font-size:11.5px;color:var(--text-3)}
.bunka-proc-obal{display:flex;align-items:center;gap:12px}
.bunka-proc-obal .skore{min-width:22px}
.bunka-proc{min-width:0;color:var(--text-3);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bunka-proc-obal{min-width:0}
.radek-kostra td{height:var(--radek)}
.legenda{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--text-3)}
.legenda span{display:inline-flex;align-items:center;gap:6px}
/* náhled detailu v pravém panelu */
.nahled{display:grid;gap:0;overflow:hidden}
.nahled-hlava{display:grid;gap:10px;padding:20px 20px 16px;border-bottom:1px solid var(--okraj)}
.nahled-hlava .radek{display:flex;align-items:center;gap:12px}
.nahled-hlava h2{font-size:19px;line-height:24px;letter-spacing:-.015em}
.nahled-hlava h2 a{color:var(--text)}
.nahled-hlava small{display:block;font-size:12.5px;color:var(--text-3)}
.nahled-fakta{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:14px 20px;border-bottom:1px solid var(--okraj)}
.nahled-fakta div{display:grid;gap:1px}
.nahled-fakta span{font-size:11.5px;color:var(--text-3)}
.nahled-fakta b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;display:flex;align-items:center}
.nahled-blok{padding:14px 20px;border-bottom:1px solid var(--okraj);display:grid;gap:8px}
.nahled-blok:last-child{border-bottom:0}
.nahled-blok .t-nadpis{margin-bottom:2px}
.nahled-blok .rozpad li{font-size:12.5px}
.nahled-kontakt{display:flex;align-items:center;gap:10px;font-size:13px}
.nahled-kontakt > span{display:grid;min-width:0}
.nahled-kontakt b{font-weight:550}
.nahled-kontakt small{font-size:12px;color:var(--text-3)}
.nahled-zprava{font-size:13px;line-height:1.55;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.nahled-akce{display:flex;gap:8px;padding:12px 20px;background:var(--plocha-2);border-bottom:1px solid var(--okraj)}
.nahled-akce .skupina-btn{flex:1;display:flex}
.nahled-akce .btn{flex:1}

/* ---------- Detail firmy: tři sloupce ---------- */
/* rezerva dole: přijatý údaj se dá posunout doprostřed obrazovky, nad toast */
.detail{max-width:1280px;padding-bottom:120px}
.detail-hlava{display:flex;align-items:center;gap:16px;margin:12px 0 18px}
.detail-hlava .jmeno{display:grid;gap:4px;min-width:0}
.detail-hlava h1{font-size:30px;line-height:36px}
.detail-hlava .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-3)}
.detail-hlava .akce{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* pruh fází: tenké segmenty s popiskem */
.faze{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 6px;padding:0}
.faze li{list-style:none;display:grid;gap:7px;font-size:12px;color:var(--text-3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.faze li > span,.faze li > button{all:unset;overflow:hidden;text-overflow:ellipsis}
.faze li > button{cursor:pointer;color:var(--text-2)}
.faze li > button:hover{color:var(--primar-text);text-decoration:underline;text-underline-offset:3px}
.faze li > button:focus-visible{outline:2px solid var(--primar-text);outline-offset:2px;border-radius:3px}
.faze li::before{content:"";height:5px;border-radius:3px;background:color-mix(in srgb,var(--text) 10%,transparent)}
.faze li.hotova::before{background:color-mix(in srgb,var(--primar) 45%,transparent)}
.faze li.hotova{color:var(--text-2)}
.faze li.aktualni::before{background:var(--primar)}
.faze li.aktualni{color:var(--text);font-weight:650}
.faze li.aktualni.cizi::before{background:var(--jantar)}
.faze li.prohrano::before{background:var(--cervena)}
.faze li.prohrano{color:var(--cervena-text);font-weight:650}
.faze-pozn{font-size:12px;color:var(--text-3);margin:0 0 20px}
.detail-mriz{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.detail-mriz > div{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.pole-panel{overflow:hidden}
.skupina{border-bottom:1px solid var(--okraj)}
.skupina:last-child{border-bottom:0}
.skupina > summary{list-style:none;display:flex;align-items:center;gap:8px;height:44px;padding:0 18px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.skupina > summary::-webkit-details-marker{display:none}
.skupina > summary::after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(-135deg);margin-top:3px}
.skupina:not([open]) > summary::after{transform:rotate(45deg);margin-top:-3px}
.pole-seznam{display:grid;grid-template-columns:82px minmax(0,1fr);gap:0 10px;margin:0;padding:0 18px 14px;font-size:13px}
.pole-seznam dt{display:flex;align-items:center;gap:6px;min-height:30px;color:var(--text-3)}
.pole-seznam dt svg{display:none}
.pole-seznam dd{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;min-height:30px;margin:0;color:var(--text);min-width:0}
.kontakty{list-style:none;margin:0;padding:0 16px 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.kontakt{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:6px;padding:12px;border-radius:var(--r-2);background:var(--plocha-2)}
.kontakt-hlava{display:flex;align-items:center;gap:9px}
.kontakt-hlava .avatar{width:28px;height:28px;font-size:11px;background:var(--plocha);box-shadow:var(--stin-1)}
.kontakt-hlava > span:not(.avatar):not(.uroven){display:grid;min-width:0;line-height:17px}
.kontakt-hlava b{font-weight:600;font-size:13px}
.kontakt-hlava small{font-size:12px;color:var(--text-3)}
.kontakt-hlava .uroven{margin-left:auto}
.kopie{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;border:0;border-radius:var(--r-1);background:var(--plocha);color:var(--text);font:inherit;font-size:13px;cursor:copy;text-align:left;font-variant-numeric:tabular-nums}
.kopie:hover{box-shadow:var(--stin-1)}
.kopie svg{width:14px;height:14px;color:var(--text-3)}
.kopie small{margin-left:auto;font-size:11.5px;color:var(--text-3)}
.kopie span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zdroj{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-3)}
.zdroj svg{width:12px;height:12px}
.panel-akce{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 16px}
.fokus{position:relative}
.fokus-radek{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px 16px 20px}
.fokus::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primar);border-radius:var(--r-3) 0 0 var(--r-3)}
.fokus-zprava{border-top:1px solid var(--okraj);padding:4px 0 6px}
.fokus-zprava .prepinac{margin:12px 0 0 24px}
.fokus-zprava .pozn{display:flex;gap:6px;align-items:center;padding:0 24px 10px;font-size:12px;color:var(--text-3)}
.fokus-zprava .pozn svg{width:13px;height:13px}
.fokus-zprava.sbalena > summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 20px 8px;font-size:13px;font-weight:550;color:var(--text-2);cursor:pointer}
.fokus-zprava.sbalena > summary::-webkit-details-marker{display:none}
.fokus-zprava.sbalena > summary svg{color:var(--text-3)}
.fokus-zprava.sbalena > summary::after{content:"";width:6px;height:6px;margin-left:4px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(45deg);margin-top:-3px}
.fokus-zprava.sbalena[open] > summary::after{transform:rotate(-135deg);margin-top:3px}
.fokus-zprava .zprava-akce{padding:6px 24px 12px}
.fokus.pozde::before{background:var(--cervena)}
.fokus.cizi::before{background:var(--jantar)}
.fokus .ikona-kruh{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--primar-jemna);color:var(--primar-text);flex:0 0 auto}
.fokus .txt{flex:1;min-width:180px;display:grid;gap:1px}
.fokus .txt .t-nadpis{margin-bottom:1px}
.fokus .txt b{font-size:14.5px;font-weight:600}
.fokus .txt small{font-size:12.5px;color:var(--text-3);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.fokus .tl{display:flex;gap:6px}
/* hotová zpráva: čitelná jako e-mail */
.zprava-karta{overflow:hidden}
.zprava-hlava{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px 12px 20px;border-bottom:1px solid var(--okraj)}
.zprava-hlava h2{font-size:14.5px}
.zprava-hlava .vpravo{margin-left:auto;display:flex;gap:8px;align-items:center}
.kroky{display:flex;gap:2px;padding:2px;border-radius:var(--r-2);background:var(--plocha-3)}
.kroky button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--text-3);font:inherit;font-size:12px;font-weight:550;cursor:pointer;white-space:nowrap}
.kroky button svg{width:12px;height:12px;color:var(--primar-text)}
.kroky button[aria-selected=true]{background:var(--plocha);color:var(--text);box-shadow:var(--stin-1)}
.kroky button.hotovy{color:var(--text-2)}
.osl-info{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 20px 0;font-size:13px;color:var(--text-2);line-height:1.5}
.osl-info dt{color:var(--text-3)}
.osl-info dd{margin:0}
.zprava{padding:18px 24px 6px}
.zprava-predmet{font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-bottom:14px}
.zprava pre{margin:0;font:inherit;font-size:15px;line-height:1.7;white-space:pre-wrap;color:var(--text);max-width:68ch}
.zprava.preklad pre,.zprava.preklad .zprava-predmet{color:var(--text-2)}
.zprava .skript{margin:0;padding-left:22px;display:grid;gap:8px;font-size:15px;line-height:1.55}
.zprava-akce{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:16px 20px 18px}
.zprava-akce .pozn{margin-left:auto;font-size:12px;color:var(--text-3);display:inline-flex;gap:5px;align-items:center}
.zprava-akce .pozn svg{width:13px;height:13px}
.zprava-blok{padding:24px 20px}
/* aktivita */
.aktivita-karta .karta-telo{padding-top:4px}
.casova-osa{list-style:none;margin:0;padding:0;position:relative}
.casova-osa li{position:relative;display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:0 0 14px}
.casova-osa li::before{content:"";position:absolute;left:13.5px;top:28px;bottom:2px;width:1px;background:var(--okraj)}
.casova-osa li:last-child::before{display:none}
.casova-osa .ikona-kruh{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--plocha-3);color:var(--text-2)}
.casova-osa .ikona-kruh svg{width:14px;height:14px}
.casova-osa .txt{display:grid;gap:1px;padding-top:4px;font-size:13px}
.casova-osa .txt b{font-weight:500}
.casova-osa .txt small{font-size:12px;color:var(--text-3)}
.casova-osa time{padding-top:5px;font-size:12px;color:var(--text-3);white-space:nowrap}
.casova-osa li.nove .ikona-kruh{background:var(--primar-jemna);color:var(--primar-text)}
.casova-osa .txt q{display:block;margin:4px 0 2px;padding:7px 11px;border-radius:8px;background:var(--plocha-2);color:var(--text-2);font-size:13px;line-height:1.5;quotes:none}
.casova-osa li.typ-hovor .ikona-kruh{background:var(--primar-jemna);color:var(--primar-text)}
.casova-osa li.typ-asistent .ikona-kruh{background:var(--modra-jemna);color:var(--modra-text)}
.casova-osa li.typ-poznamka .txt b{font-weight:450}
.casova-osa li.typ-poznamka .ikona-kruh{background:var(--jantar-jemna);color:var(--jantar-text)}
.casova-osa li.typ-import .txt b{color:var(--text-2);font-weight:450}
/* AI asistent: jedno tlačítko Doplnit a karta s návrhy */
.asistent{display:grid;gap:10px}
.asistent-hlava{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.asistent-hlava .btn svg{color:var(--primar-text)}
.asistent-stav{font-size:13px;color:var(--text-2)}
.asistent-stav.hleda{display:inline-flex;align-items:center;gap:8px}
.asistent-stav.hleda::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--modra-text);animation:asistent-tep 1.2s ease-in-out infinite}
@keyframes asistent-tep{50%{opacity:.25;transform:scale(.7)}}
@media (prefers-reduced-motion:reduce){.asistent-stav.hleda::before{animation:none}}
.navrhy-karta .karta-hlava h2 svg{color:var(--modra-text)}
.navrhy{list-style:none;margin:0;padding:0 8px 8px}
.navrhy li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 12px;border-top:1px solid var(--okraj)}
.navrhy li:first-child{border-top:0}
.navrh-co{display:grid;gap:1px;min-width:0}
.navrh-co b{font-weight:550;font-size:13.5px}
.navrh-co .zdroj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.navrh-tl{display:flex;gap:4px}
.jistota{font-size:11.5px;font-weight:550;padding:2px 8px;border-radius:var(--r-kulate);white-space:nowrap}
.jistota.j-vysoka{background:var(--primar-jemna);color:var(--primar-text)}
.jistota.j-stredni{background:var(--jantar-jemna);color:var(--jantar-text)}
.poznamka-vstup{display:flex;gap:8px;align-items:flex-start;margin-bottom:16px}
.poznamka-vstup textarea{flex:1;min-height:38px;height:38px;resize:vertical;padding:9px 12px;border:1px solid var(--okraj);border-radius:var(--r-2);background:var(--plocha-2);color:var(--text);font:inherit;font-size:13.5px}
.poznamka-vstup textarea:focus{background:var(--plocha);outline:2px solid color-mix(in srgb,var(--primar-text) 40%,transparent)}
.poznamka-vstup .btn{height:38px}
.mobil-akce{display:none}

/* ---------- Režim volání: celá obrazovka ---------- */
.celoobrazovka{grid-template-columns:1fr}
.celoobrazovka .bok,.celoobrazovka .lista{display:none}
.celoobrazovka .prace{background:var(--volani-pozadi)}
.celoobrazovka .obsah{padding:0}
.celoobrazovka .obsah > *{max-width:none}
.volani{display:flex;flex-direction:column;min-height:100%;color:var(--bok-text)}
.volani a{color:inherit}
.volani-hlava{display:flex;align-items:center;gap:16px;height:60px;padding:0 32px}
.volani-hlava .znak{width:28px;height:28px}
.volani-hlava .btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:var(--bok-text);box-shadow:none}
.volani-hlava .btn:hover{background:rgba(255,255,255,.14)}
.postup{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--bok-text-2);font-variant-numeric:tabular-nums}
.postup .pruh{width:240px;background:rgba(255,255,255,.12)}
.postup .pruh i{background:var(--mata)}
.volani-hlava .vpravo{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--bok-text-3)}
.volani-hlava kbd{background:transparent;border-color:rgba(255,255,255,.2);color:var(--bok-text-2)}
.volani-telo{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center;width:100%;max-width:1180px;margin:0 auto;padding:16px 48px}
.volani-hlavni{display:grid;gap:16px;align-content:center}
.volani-hlavni .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.volani-hlavni .meta .stitek{background:rgba(255,255,255,.1);color:var(--bok-text)}
.volani-hlavni .meta .stitek.ted{background:var(--mata);color:var(--les-1)}
.volani-hlavni h1{font-size:52px;line-height:58px;letter-spacing:-.035em;font-weight:600;color:#fff}
.volani-hlavni h1 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.volani-hlavni .osoba{font-size:18px;color:var(--bok-text-2)}
.volani-hlavni .osoba b{color:#fff;font-weight:600}
.volani-cislo{display:flex;align-items:center;gap:20px;margin-top:8px;flex-wrap:wrap}
.volani-cislo .tel{font-size:36px;line-height:42px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}
.volat{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border:0;border-radius:var(--r-kulate);background:var(--mata);color:var(--les-1);font:inherit;font-size:17px;font-weight:650;cursor:pointer;box-shadow:0 8px 24px -6px rgba(0,0,0,.45)}
.volat:hover{background:var(--mata-hover)}
.volat svg{width:20px;height:20px;stroke-width:2}
/* volání z vlastního mobilu: velké číslo jako odkaz tel: a jasná výzva */
.mobil-vyzva{display:grid;gap:6px;margin-top:6px}
.vyzva{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mata)}
.vyzva svg{width:16px;height:16px}
.tel-velke{width:max-content;font-size:44px;line-height:52px;font-weight:550;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}
.tel-velke:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.vyzva-r{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.vyzva-r small{max-width:300px;font-size:13px;line-height:1.45;color:var(--bok-text-2)}
.volani .volat{color:var(--les-1)}
.volani .volat:not(.hlavni){background:rgba(255,255,255,.1);color:var(--bok-text);box-shadow:none}
.volani .volat:not(.hlavni):hover{background:rgba(255,255,255,.16)}
.vysledky button[aria-pressed=true]{box-shadow:0 0 0 3px var(--mata),0 6px 20px -8px rgba(0,0,0,.5)}
.po-hovoru{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1.2fr);align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--bok-text)}
.po-hovoru .ikona-kruh{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mata);color:var(--les-1)}
.po-txt{display:grid;gap:1px}
.po-txt b{font-weight:600;font-size:15px}
.po-txt small{font-size:12.5px;color:var(--bok-text-2)}
.po-hovoru label{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--bok-text-2)}
.po-hovoru .pole{height:36px;background:var(--plocha);color:var(--text);border-color:transparent;min-width:0}
.po-hovoru input.pole{width:100%;padding:0 12px}
.volani-fakta{display:grid;grid-template-columns:90px 1fr;gap:8px 16px;margin:4px 0 0;font-size:15px;line-height:1.5}
.volani-fakta dt{color:var(--bok-text-3)}
.volani-fakta dd{margin:0;color:var(--bok-text)}
.volani-fakta .odhad{background:color-mix(in srgb,var(--jantar-na-tmavem) 20%,transparent);color:var(--jantar-na-tmavem)}
.volani-skript{padding:24px 26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:none;color:var(--bok-text)}
.volani-skript .t-nadpis{color:var(--bok-text-3);margin-bottom:12px}
.volani-skript ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:14px}
.volani-skript li{counter-increment:s;display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:15px;line-height:1.5}
.volani-skript li::before{content:counter(s);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);font-size:12px;font-weight:600;color:var(--mata)}
.volani-dole{display:grid;gap:14px;width:100%;max-width:1180px;margin:0 auto;padding:8px 48px 32px}
.vysledky{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vysledky p{grid-column:1/-1;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bok-text-3)}
.vysledky button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:14px 16px;border:0;border-radius:14px;background:var(--plocha);color:var(--text);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;box-shadow:0 6px 20px -8px rgba(0,0,0,.5);transition:transform .12s}
.vysledky button:hover{transform:translateY(-2px)}
.vysledky button kbd{grid-row:1/3;width:30px;height:30px;font-size:13px;font-weight:600}
.vysledky button small{font-size:12.5px;font-weight:400;color:var(--text-3)}
.vysledky button.dobre kbd{background:var(--primar);border-color:var(--primar);color:var(--na-primar)}
.vysledky button.spatne kbd{color:var(--cervena-text)}
.volani-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--bok-text-2)}
.volani-nav .btn{background:transparent;border-color:rgba(255,255,255,.16);color:var(--bok-text);box-shadow:none}
.volani-nav .btn:hover{background:rgba(255,255,255,.1)}
.volani-nav .btn:disabled{background:transparent;color:var(--bok-text-3);border-color:rgba(255,255,255,.08)}
.volani-nav .btn.hlavni{background:#fff;border-color:#fff;color:var(--les-1)}
.volani-nav kbd{background:transparent;border-color:rgba(255,255,255,.2);color:inherit}
.volani-nav .dalsi-na-rade b{color:var(--bok-text);font-weight:550}
.volani-konec{display:grid;place-items:center;flex:1;text-align:center;gap:12px;padding:40px}
.volani-konec h1{font-size:40px;color:#fff}
.volani-konec p{color:var(--bok-text-2);font-size:16px}
.volani .banner.sedy{background:rgba(255,255,255,.08);color:var(--bok-text)}

/* ---------- Nastavení ---------- */
.nast-zalozky{margin:-8px 0 20px;padding:0;border-bottom:1px solid var(--okraj-silny)}
.nast-zalozky a{display:inline-flex;align-items:center;height:40px;padding:0 4px;margin-right:20px;color:var(--text-3);font-weight:550;font-size:13.5px;position:relative}
.nast-zalozky a:hover{color:var(--text)}
.nast-zalozky a[aria-current]{color:var(--text)}
.nast-zalozky a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primar);border-radius:2px}
.nast-mriz{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.nast-mriz > div{display:grid;gap:20px}
.volby{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}
.volba{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--okraj);border-radius:var(--r-kulate);background:var(--plocha);color:var(--text-3);font:inherit;font-size:12.5px;font-weight:550;cursor:pointer}
.volba[aria-pressed=true]{background:var(--primar-jemna);border-color:transparent;color:var(--primar-text)}
.volba.vyloucit[aria-pressed=true]{background:var(--cervena-jemna);border-color:transparent;color:var(--cervena-text)}
.volba svg{width:12px;height:12px;stroke-width:2.4}
.vahy{display:grid;gap:4px}
.vahy label{display:grid;grid-template-columns:minmax(150px,1fr) 1.2fr 44px;align-items:center;gap:12px;min-height:36px;font-size:13px}
.vahy b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
input[type=range]{accent-color:var(--primar);width:100%}
.top{margin:0;padding:0;list-style:none;counter-reset:top}
.top li{counter-increment:top;display:flex;align-items:center;gap:10px;height:40px;border-bottom:1px solid var(--okraj);font-size:13px}
.top li:last-child{border-bottom:0}
.top li::before{content:counter(top);width:16px;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}
.top li .jm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opravneni{list-style:none;margin:8px 0;padding:0;display:grid;gap:2px}
.opravneni li{display:flex;align-items:center;gap:8px;min-height:32px;font-size:13px}
.opravneni li svg{width:15px;height:15px}
.opravneni li.ok svg{color:var(--primar-text)}
.opravneni li.chybi{color:var(--jantar-text)}
.opravneni li .btn{margin-left:auto}
.prepinac-ano{position:relative;display:inline-block;width:30px;height:18px;vertical-align:middle}
.prepinac-ano input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.prepinac-ano i{position:absolute;inset:0;border-radius:9px;background:var(--okraj-silny);transition:background .15s;pointer-events:none}
.prepinac-ano i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.prepinac-ano input:checked + i{background:var(--primar)}
.prepinac-ano input:checked + i::after{transform:translateX(12px)}
.rozpocet{display:grid;grid-template-columns:1fr 1.2fr 44px;gap:12px;align-items:center;font-size:13px;margin:8px 0}
.rozpocet b{text-align:right;font-variant-numeric:tabular-nums}
.karta > .tabulka{border-radius:0 0 var(--r-3) var(--r-3)}
.nast-mriz > aside{display:grid;gap:20px;align-content:start}
.nast-mriz > aside .karta-telo > .btn{margin-top:12px}
.stranka-hlava .filtr{box-shadow:none;background:var(--plocha-3)}
.pole-seznam.siroke{grid-template-columns:130px minmax(0,1fr);padding:0}
.cile{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 4px}
.cile label{display:grid;gap:4px;font-size:12.5px;color:var(--text-2);font-weight:550}
.cile .pole{width:110px;padding:0 10px}
.karta-akce{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.import-cisla{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:10px}
.import-cisla div{display:grid;gap:2px;padding:12px;border-radius:var(--r-2);background:var(--plocha-2)}
.import-cisla b{font-size:20px;font-weight:650}
.import-cisla span{font-size:12px;color:var(--text-3);line-height:1.35}

/* ---------- Kalendář: týden, co mě čeká a co se dělo ---------- */
.kalendar{max-width:1240px}
.tyden{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.den-prazdno{padding:4px 4px 0;font-size:12.5px;color:var(--text-3)}
.den{display:flex;flex-direction:column;min-height:300px;border-radius:var(--r-3);background:var(--plocha);box-shadow:var(--stin-karta);overflow:hidden}
.den header{display:flex;align-items:baseline;gap:6px;padding:12px 14px 10px;border-bottom:1px solid var(--okraj);font-size:12.5px;color:var(--text-3)}
.den header span{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}
.den header b{font-size:15px;font-weight:600;color:var(--text)}
.den header i{margin-left:auto;font-style:normal;font-size:11px;font-weight:650;padding:1px 8px;border-radius:var(--r-kulate);background:var(--primar);color:var(--na-primar)}
.den.dnes{box-shadow:0 0 0 2px var(--primar)}
.den.minuly{background:var(--plocha-2)}
.den-telo{display:grid;gap:6px;padding:10px;align-content:start}
.udalost{display:grid;gap:2px;padding:8px 10px;border-radius:var(--r-2);background:var(--plocha-2);color:var(--text);box-shadow:inset 3px 0 0 var(--okraj-silny);font-size:12.5px;line-height:1.35;transition:background .12s}
.udalost:hover{background:var(--plocha-3)}
.u-cas{font-size:11.5px;font-weight:600;color:var(--text-3);font-variant-numeric:tabular-nums}
.u-txt{display:grid;gap:1px;min-width:0}
.u-txt b{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-txt small{display:flex;gap:5px;align-items:flex-start;color:var(--text-2);font-size:12px}
.u-txt small svg{width:12px;height:12px;margin-top:2px;color:var(--text-3)}
.udalost.typ-hovor{box-shadow:inset 3px 0 0 var(--primar)}
.udalost.typ-email{box-shadow:inset 3px 0 0 var(--modra-text)}
.udalost.typ-schuzka{background:var(--primar-jemna);box-shadow:inset 3px 0 0 var(--primar)}
.udalost.typ-schuzka .u-cas{color:var(--primar-text)}
.udalost.pozde .u-cas{color:var(--cervena-text)}
.udalost.probehlo{background:transparent;box-shadow:inset 3px 0 0 var(--okraj);color:var(--text-2)}
.udalost.probehlo b{font-weight:550;color:var(--text-2)}
.den.minuly .udalost.probehlo{background:transparent}
.kalendar-pata{display:flex;align-items:center;gap:16px;margin-top:14px;font-size:12px;color:var(--text-3)}
.kalendar-pata .btn{margin-left:auto}
.legenda-k{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.legenda-k i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:8px}
.legenda-k i:first-child{margin-left:0}
.l-hovor{background:var(--primar)}.l-email{background:var(--modra-text)}.l-schuzka{background:var(--primar-jemna);box-shadow:inset 0 0 0 2px var(--primar)}.l-probehlo{background:var(--okraj-silny)}
.stranka-hlava .prepinac button svg{width:14px;height:14px}

/* ---------- Novinky týdne ---------- */
.novinky{max-width:880px}
.pripravil{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--text-3)}
.pripravil svg{width:13px;height:13px;color:var(--modra-text)}
.novinky .stranka-hlava{margin-top:6px}
.nov-sekce{margin-top:28px}
/* přepínač týdnů: ‹ 2. 11. – 8. 11. › */
.prepinac.tydny{align-items:center}
.prepinac.tydny > span[aria-current]{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;background:var(--plocha);color:var(--text);box-shadow:var(--stin-1);font-size:12.5px;font-weight:550;white-space:nowrap}
.prepinac.tydny a,.prepinac.tydny .vypnuto{padding:0 6px}
.prepinac.tydny .vypnuto{display:inline-flex;align-items:center;height:26px;color:var(--text-3);opacity:.4}
.prepinac.tydny svg{width:16px;height:16px}
.nov-sekce > h2{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 12px 2px}
.stalo{list-style:none;margin:0;padding:4px 0}
.stalo li{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:14px;padding:10px 20px;font-size:14.5px;color:var(--text)}
.stalo li + li{border-top:1px solid var(--okraj)}
.stalo li b{font-size:24px;font-weight:650;color:var(--primar-text);text-align:right}
.stalo small{color:var(--text-3);font-size:13px}
.nov-firmy{display:block;font-size:13px;color:var(--text-3);margin-top:2px}
.volat-seznam{list-style:none;margin:0;padding:6px 0}
.volat-seznam li + li{border-top:1px solid var(--okraj)}
.volat-seznam a{display:grid;grid-template-columns:auto minmax(0,1fr) auto 16px;align-items:center;gap:14px;padding:10px 16px 10px 20px;color:var(--text)}
.volat-seznam a:hover{background:var(--plocha-2)}
.volat-seznam a > svg{color:var(--text-3)}
.vs-txt{display:grid;gap:1px;min-width:0}
.vs-txt b{font-weight:600;font-size:14px}
.vs-txt > span{font-size:13.5px;color:var(--text-2)}
.vs-txt small{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3)}
.vs-txt small svg{width:12px;height:12px}
.napady{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.napady li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px 18px;align-content:start}
.napady .ikona-kruh{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--jantar-jemna);color:var(--jantar-text)}
.napady p{font-size:14px;line-height:1.5;color:var(--text)}
.napad-tl{grid-column:2;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.napady li.zkusime{box-shadow:0 0 0 2px var(--primar)}
.napady li.ne{opacity:.6}

/* ---------- design.html ---------- */
.ds{display:grid;gap:36px}
.ds section > h2{font-size:18px;margin-bottom:4px}
.ds section > p{font-size:13.5px;margin-bottom:14px}
.ds-mriz{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.vzorek{border-radius:var(--r-2);overflow:hidden;background:var(--plocha);box-shadow:var(--stin-karta)}
.vzorek i{display:block;height:48px;border-bottom:1px solid var(--okraj)}
.vzorek div{padding:9px 11px;display:grid;gap:1px;font-size:12px}
.vzorek b{font-weight:600;font-size:12.5px}
.vzorek code{font:11.5px var(--mono);color:var(--text-3)}
.ds-rada{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px;border-radius:var(--r-3);background:var(--plocha);box-shadow:var(--stin-karta)}
.ds-rada + .ds-rada{margin-top:12px}
.ds-rada.tmava{background:var(--bok-pozadi);color:var(--bok-text)}
.ds-popis{width:100%;font-size:12px;color:var(--text-3)}
.typo{display:grid;gap:14px;padding:18px;border-radius:var(--r-3);background:var(--plocha);box-shadow:var(--stin-karta)}
.typo div{display:grid;grid-template-columns:170px 1fr;align-items:baseline;gap:16px}
.typo code{font:12px var(--mono);color:var(--text-3)}
.ds-dvoj{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}

/* ---------- menší počítač ---------- */
@media (max-width:1360px){
  .firmy-mriz{grid-template-columns:minmax(0,1fr) 290px}
  .tabulka .skryt-stredni,.tabulka .bunka-kontakt > .kontakt-txt{display:none}
  .c-firma{width:34%}.c-kontakt{width:76px}.c-obj{width:15%}.c-proc{width:34%}.c-stav{width:15%}.c-akce{width:84px}
  .detail-mriz{grid-template-columns:minmax(0,1fr) 290px;gap:16px}
  .volani-telo{grid-template-columns:minmax(0,1fr) 340px;gap:36px}
  .po-hovoru{grid-template-columns:auto minmax(0,1fr) auto}
  .po-hovoru input.pole{grid-column:2/-1}
}
@media (max-width:1100px){
  :root{--bok:64px}
  .bok{align-items:center;padding:12px 8px}
  .prostor{padding:4px 0 12px}
  .prostor-txt,.bok-hledat span,.bok-hledat kbd,.polozka span,.polozka .pocitadlo,.bok-sekce,.uzivatel .kdo,.podpolozky{display:none}
  .uzivatel{flex-direction:column;gap:6px;border:0}
  .bok-hledat{width:40px;justify-content:center;padding:0}
  .polozka{width:40px;height:36px;justify-content:center;padding:0}
  .polozka svg{width:18px;height:18px}
  .detail-mriz{grid-template-columns:minmax(0,1fr) 260px}
  .profil-menu > summary > svg{display:none}
  .profil-menu .menu{right:auto}
  .import-cisla{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .dnes-mriz,.detail-mriz,.nast-mriz,.firmy-mriz,.ted-karta,.volani-telo{grid-template-columns:minmax(0,1fr)}
  .ted-zprava{border-left:0;border-top:1px solid var(--okraj);border-radius:0 0 var(--r-3) var(--r-3)}
  .tyden{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}
  .nahled{display:none}
  .ds-dvoj{grid-template-columns:1fr}
  .tabulka .skryt-stredni{display:none}
  .dnes-hlava{flex-direction:column;align-items:flex-start}
}

/* ---------- mobil: jen se nerozpadnout (jeden sloupec) ---------- */
@media (max-width:760px){
  .draft{height:24px;font-size:11px;gap:6px}
  .draft .delsi{display:none}
  .aplikace{display:block;height:auto}
  .bok{display:none}
  .prace{overflow:visible;min-height:calc(100dvh - 24px)}
  .lista{display:none}
  .mobil-hlava{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;background:var(--les-1);color:var(--bok-text)}
  .mobil-hlava .zpet-kruh,.mobil-hlava .ikonove{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--bok-text)}
  .mobil-hlava b{font-size:16px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .obsah{overflow:visible;padding:12px 14px 96px}
  .spodni{position:fixed;z-index:50;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:2px;padding:5px;border-radius:var(--r-kulate);background:var(--les-1);box-shadow:var(--stin-2)}
  .spodni a,.spodni button{display:grid;place-items:center;width:50px;height:42px;border:0;border-radius:var(--r-kulate);background:transparent;color:var(--bok-text-2);cursor:pointer}
  .spodni [aria-current]{background:rgba(255,255,255,.12);color:#fff}
  .toasty{left:12px;right:12px;bottom:80px;justify-items:stretch}
  .toast{max-width:none}
  h1,.dnes-hlava h1,.stranka-hlava h1,.detail-hlava h1{font-size:24px;line-height:30px}
  .cil-pruh{width:100%}
  .ted-hlavni,.ted-zprava{padding:18px}
  .akce-radek{grid-template-columns:auto minmax(0,1fr) auto}
  .akce-radek .sig,.akce-radek .akce-tl{display:none}
  .stranka-hlava{flex-wrap:wrap}
  .pohledy{overflow-x:auto}
  .filtry .vpravo{display:none}
  .tabulka-obal{overflow-x:auto}
  .tabulka .skryt-mobil{display:none}
  .detail-hlava{flex-wrap:wrap}
  .faze{grid-template-columns:repeat(3,1fr)}
  .zprava{padding:14px 16px 4px}
  .zprava-akce .pozn{margin-left:0;width:100%}
  .volani-hlava{padding:0 14px}
  .postup .pruh{width:100px}
  .volani-hlava .vpravo{display:none}
  .volani-telo,.volani-dole{padding:12px 16px}
  .volani-hlavni h1{font-size:34px;line-height:40px}
  .volani-cislo .tel{font-size:26px}
  .vysledky{grid-template-columns:1fr 1fr}
  .tel-velke{font-size:30px;line-height:36px}
  .po-hovoru{grid-template-columns:auto minmax(0,1fr)}
  .po-hovoru label,.po-hovoru input.pole{grid-column:1/-1}
  .tyden,.napady{grid-template-columns:minmax(0,1fr)}
  .den{min-height:0}
  .import-cisla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .navrhy li{grid-template-columns:minmax(0,1fr) auto}
  .navrh-tl{grid-column:1/-1}
  .stranka-hlava .vpravo{margin-left:0;flex-wrap:wrap}
  .cmdk{padding:0}
  .cmdk-okno{width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}
  .cmdk-telo{grid-template-columns:1fr;height:auto;flex:1;grid-template-rows:auto 1fr}
  .cmdk-kat{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--okraj)}
  .cmdk-paticka{display:none}
}

/* ---------- aplikace (fáze 1): bez lišty draftu, přihlášení, profil ---------- */
.aplikace{height:100vh;height:100dvh}
.tyden{grid-template-columns:repeat(var(--dni,5),minmax(0,1fr))}
.menu form{display:contents}
.ics-odkaz{width:100%;margin:10px 0 8px;padding:0 10px;font-size:12px;color:var(--text-2)}
body.prihlaseni{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
.prihlaseni-obal{width:100%;max-width:380px}
.prihlaseni-karta{display:grid;gap:14px;padding:28px 28px 26px}
.prihlaseni-karta .prostor{padding:0 0 6px;color:var(--text)}
.prihlaseni-karta .prostor small{color:var(--text-3)}
.prihlaseni-karta .znak{background:var(--primar);color:var(--na-primar)}
.prihlaseni-karta label{display:grid;gap:6px;font-size:13px;font-weight:550;color:var(--text-2)}
.prihlaseni-karta .pole{height:40px;padding:0 12px;font-size:14px}
.prihlaseni-karta .btn{justify-content:center;margin-top:4px}
.prihlaseni-chyba{padding:8px 12px;border-radius:var(--r-2);background:var(--cervena-jemna);color:var(--cervena-text);font-size:13px}
/* po zápisu výsledku: ostatní tři zamčené, ztlumené průhledností na tmavém (ne světle šedou výplní); vybraný zůstává výrazný */
.vysledky button:disabled{background:rgba(255,255,255,.05);color:var(--bok-text-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);opacity:.75;cursor:default;transform:none}
.vysledky button:disabled small{color:var(--bok-text-3)}
.vysledky button:disabled kbd{background:transparent;border-color:rgba(255,255,255,.18);color:var(--bok-text-3)}
/* volání: nenápadný odkaz do detailu vedle názvu */
.volani-nazev{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.volani-detail{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:500;color:var(--bok-text-2);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px}
.volani-detail:hover,.volani-detail:focus-visible{color:var(--bok-text);text-decoration-color:currentColor}
.volani-detail svg{width:14px;height:14px}
.volani-hlavni h1 a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
/* kalendář: krok s víkendovým termínem v pondělním sloupci nese malou značku data */
.u-vikend{margin-left:6px;padding:0 5px;border-radius:var(--r-1);background:var(--plocha-3);color:var(--text-3);font-weight:500;font-size:10.5px}
/* detail: přijatý údaj od asistenta krátce zvýrazněný */
.cerstve{animation:cerstve 2.4s ease-out}
@keyframes cerstve{from{background:var(--primar-jemna);box-shadow:0 0 0 6px var(--primar-jemna)}}

/* Firmy nad ~17 000 firmami: hledání na serveru a stránkování po 50 */
.firmy-hledat{margin:0}
.pole-hledat{position:relative;display:flex;align-items:center}
.pole-hledat svg{position:absolute;left:9px;width:15px;height:15px;color:var(--text-3);pointer-events:none}
.pole-hledat .pole{width:260px;padding-left:30px}
.strankovani{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.strankovani .btn{padding:0 6px}
.strankovani .btn svg{width:15px;height:15px}
.strankovani .btn[aria-disabled=true]{pointer-events:none}
.zdroj.neplatne{color:var(--jantar-text)}

/* Import: jedna možná shoda naráz, pod ní poslední dávka v počtech */
.import-mriz{display:grid;gap:20px;max-width:880px}
.import-mriz .stranka-hlava{margin-bottom:0}
.import-mriz .pole-seznam.siroke{grid-template-columns:200px minmax(0,1fr);padding:4px 20px 6px}
.shoda-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.shoda-strana{display:grid;gap:6px;align-content:start;padding:14px 16px;border:1px solid var(--okraj);border-radius:var(--r-2);background:var(--plocha-2)}
.shoda-strana > b{font-size:15px}
.shoda-strana .pole-seznam{padding:0;grid-template-columns:80px minmax(0,1fr)}
.shoda-strana.klient{border-color:var(--jantar);background:var(--jantar-jemna)}
.shoda-strana .odkaz{display:inline-flex;align-items:center;gap:4px;font-size:13px}
.shoda-strana .odkaz svg{width:14px;height:14px}
.shoda-karta .karta-akce{padding:0 20px 16px;margin-top:0}
@media (max-width:980px){
  .pole-hledat .pole{width:100%}
  .firmy-hledat{flex:1 1 100%}
  .shoda-par{grid-template-columns:minmax(0,1fr)}
}