/* Vzhled administrace: levé menu, hlavičky stránek, seznamy (Exporty, Aktivita, Uživatelé,
   Poptávky, Doporučujeme, Sdílené odkazy) a úprava uživatele. Pro návrat stačí odebrat <link> v header.php. */

/* ---------- Levé menu ---------- */
header {pointer-events: none;}
header > * {pointer-events: auto;}
.sidemenu .holderpolozek {padding: 0;}
.sidemenu .polozka {position: relative;flex: 0 0 auto;width: 100%;margin: 0;padding: 15px 0;border-radius: 0;transition: background .15s;}
.sidemenu .polozka:hover {background: rgba(255, 255, 255, .07);}
.sidemenu .holderpolozek a.link {font-size: 11px;line-height: 1.2;letter-spacing: -.2px;text-align: center;gap: 3px;}
.sidemenu .holderpolozek a.link .titulek {width: 100%;padding: 0 4px;}
.sidemenu .holderpolozek a.link .ikona .svg-ikona img {height: 20px!important;width: 20px!important;margin-bottom: 0;}
.sidemenu .polozka:hover a.link {color: #fff;}
.sidemenu .polozka:hover a.link .ikona .svg-ikona img {opacity: 1;filter: brightness(3);}
.sidemenu .polozka.active {background: #d6df20;}
.sidemenu .polozka.active a.link {color: #262626!important;font-weight: 700;}
.sidemenu .polozka.active a.link .ikona .svg-ikona img {opacity: .9!important;filter: brightness(0)!important;}
.sidemenu .cisloneprectenych {width: auto;min-width: 16px;height: 16px;padding: 0 4px;border-radius: 8px;font-size: 10px;font-weight: 700;top: -7px;right: -12px;box-sizing: border-box;}

@media only screen and (max-width: 1200px) {
  .sidemenu {background: #262626;box-shadow: 0 1px 0 rgba(255, 255, 255, .06);}
  .sidemenu .tooglemenu img {width: 22px;height: 22px;cursor: pointer;}
  .sidemenu .holderpolozek {padding: 8px 0 24px;box-sizing: border-box;overflow-y: auto;}
  .sidemenu .holderpolozek.active {display: block;}
  .sidemenu .polozka {padding: 0;border-bottom: 1px solid rgba(255, 255, 255, .06);}
  .sidemenu .holderpolozek a.link {flex-wrap: nowrap;justify-content: flex-start;gap: 14px;padding: 15px 22px;font-size: 15px;font-weight: 600;letter-spacing: -.2px;text-align: left;color: #c9cbd4;}
  .sidemenu .holderpolozek a.link .ikona {width: 22px;flex: 0 0 22px;}
  .sidemenu .holderpolozek a.link .titulek {width: auto;padding: 0;}
  .sidemenu .holderpolozek a.link .ikona .svg-ikona img {height: 20px!important;width: 20px!important;}
  .sidemenu .cisloneprectenych {top: -8px;right: -10px;}
  body.menuotevrene {overflow: hidden;}
}

/* ---------- Společné: hlavička stránky, záložky, prázdný stav ---------- */
.aktivitalist {color: #262626;}
.strankahlava {display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 12px;width: 100%;margin: 0 0 12px;}
.strankahlava h1 {margin: 0;font-size: 24px;line-height: 1.2;font-weight: 800;color: #262626;letter-spacing: -.5px;}
.strankapodtitul {margin-top: 2px;font-size: 13px;color: #6b7280;}
.strankahledani input {height: 36px;width: 280px;max-width: 100%;padding: 0 12px 0 34px;border: 1px solid #d5d9e0;border-radius: 8px;background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center / 15px;font-family: inherit;font-size: 13px;box-sizing: border-box;}
.strankahledani input:focus {outline: none;border-color: #9ea51a;box-shadow: 0 0 0 3px rgba(214, 223, 32, .35);}

.segmenty {display: inline-flex;flex-wrap: wrap;gap: 4px;padding: 4px;background: #fff;border-radius: 10px;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);}
.segment {display: inline-flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 7px;font-size: 13px;font-weight: 600;color: #4b5563;text-decoration: none;transition: background .15s;}
.segment:hover {background: #f4f5f7;color: #262626;text-decoration: none;}
.segment.aktivni {background: #262626;color: #fff;}
.segment.chybovy:not(.aktivni) {color: #b42318;}
.segmentpocet {min-width: 20px;padding: 0 6px;border-radius: 10px;background: rgba(0, 0, 0, .07);font-size: 11px;line-height: 18px;text-align: center;}
.segment.aktivni .segmentpocet {background: #d6df20;color: #262626;}

.prazdnystav {width: 100%;padding: 48px 20px;border-radius: 12px;background: #fff;text-align: center;font-size: 15px;color: #6b7280;box-sizing: border-box;}

.aktivitalist .stitek {display: inline-block;width: fit-content;padding: 1px 7px;border: 1px solid #b4ba3a;border-radius: 5px;background: #d6df20;font-size: 12px;font-weight: 700;color: #000;text-decoration: none;white-space: nowrap;}
.aktivitalist a.stitek:hover {background: #c8d01a;}

.odznak {display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 999px;font-size: 11px;font-weight: 700;letter-spacing: .02em;white-space: nowrap;background: #eceef2;color: #4b5563;}
.odznak.ok, .odznak.aktivni {background: #dcfae6;color: #067647;}
.odznak.chyba, .odznak.zruseny {background: #fee4e2;color: #b42318;}
.odznak.expirovany {background: #fef0c7;color: #93370d;}
.odznak.neverejne {background: #efe5ff;color: #6927da;}
.odznak.varovani {background: #fef0c7;color: #93370d;}
.odznak.makler {background: #262626;color: #d6df20;}

/* ---------- Seznam karet (Exporty, Aktivita, Doporučujeme) ---------- */
.seznamkaret {display: flex;flex-direction: column;width: 100%;overflow: hidden;border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);}
.kartaradek {display: flex;align-items: center;gap: 14px;padding: 10px 16px;border-bottom: 1px solid #eef0f3;background: #fff;transition: background .15s;}
.kartaradek:last-child {border-bottom: 0;}
.kartaradek:hover {background: #fafbfc;}
.kartafoto {flex: 0 0 72px;width: 72px;height: 48px;overflow: hidden;border-radius: 6px;background: #f4f5f7;}
.kartafoto img {width: 100%;height: 100%;object-fit: cover;display: block;}
.kartaobsah {flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 3px;}
.kartatitulek {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;font-size: 13px;line-height: 1.35;}
.kartaportal {font-weight: 700;}
.kartazprava {color: #6b7280;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.kartanazev {font-size: 13px;line-height: 1.35;color: #262626;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kartanazev:hover {text-decoration: underline;}
.kartameta {flex: 0 0 auto;display: flex;align-items: center;gap: 12px;font-size: 12px;color: #6b7280;white-space: nowrap;}
.kartaradek.kompaktni {padding-top: 7px;padding-bottom: 7px;}
.kartaradek.kompaktni .kartafoto {flex-basis: 54px;width: 54px;height: 36px;}
.kartauzivatel {display: inline-flex;align-items: center;gap: 6px;color: #262626;}
.kartauzivatel img {width: 22px;height: 22px;border-radius: 50%;object-fit: cover;}
.seznamden {position: sticky;top: 0;z-index: 1;padding: 8px 16px;border-bottom: 1px solid #eef0f3;background: #f7f8fa;font-size: 11px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: #6b7280;}
.seznampocet {padding: 10px 16px;border-bottom: 1px solid #eef0f3;font-size: 12px;color: #6b7280;}

.aktivitalist #aktivita {max-height: none;}

/* ---------- Stránkování ---------- */
.strankovani {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 4px;margin: 16px 0 8px;}
.strankovani .strana {min-width: 34px;height: 34px;padding: 0 10px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #e1e4ea;border-radius: 8px;background: #fff;font-size: 13px;font-weight: 600;color: #262626;text-decoration: none;box-sizing: border-box;}
.strankovani .strana:hover {border-color: #a9b0bb;text-decoration: none;}
.strankovani .strana.aktivni {background: #262626;border-color: #262626;color: #fff;}
.strankovani .stranamezera {padding: 0 4px;color: #9aa1ab;}

/* ---------- Uživatelé ---------- */
.mrizkauzivatelu {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 12px;width: 100%;}
.kartauzivatele {position: relative;display: flex;align-items: center;gap: 14px;padding: 14px;border: 1px solid transparent;border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);color: #262626;text-decoration: none;transition: border-color .15s, box-shadow .15s;}
.kartauzivatele:hover {border-color: #d6df20;box-shadow: 0 6px 16px rgba(0, 0, 0, .08);text-decoration: none;}
.kartauzivatelefoto {position: relative;flex: 0 0 56px;width: 56px;height: 56px;overflow: hidden;border-radius: 50%;background: #262626;}
.kartauzivatelefoto::before {content: attr(data-inicialy);position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 800;color: #d6df20;}
.kartauzivatelefoto img {position: relative;width: 100%;height: 100%;object-fit: cover;}
.kartauzivateleinfo {display: flex;flex-direction: column;gap: 3px;min-width: 0;}
.kartauzivatelejmeno {font-size: 15px;font-weight: 800;line-height: 1.2;}
.kartauzivatelepozice {display: flex;align-items: center;gap: 6px;font-size: 12px;color: #6b7280;}
.kartauzivatelekontakt {font-size: 12px;color: #4b5563;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kartauzivateleid {position: absolute;top: 10px;right: 12px;font-size: 11px;color: #9aa1ab;}
.kartauzivatele.neaktivni {opacity: .55;}
.kartauzivatele.neaktivni:hover {opacity: 1;}
.novyuzivatel {display: none;flex-wrap: wrap;align-items: flex-end;gap: 10px 12px;margin: 0 0 12px;padding: 16px 20px;border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);}
.novyuzivatel.active {display: flex;}
.novyuzivatelpole {display: flex;flex-direction: column;flex: 1 1 220px;}
.novyuzivatelpole label {margin: 0 0 6px;padding: 0;font-size: 12px;font-weight: 600;color: #374151;}
.novyuzivatelpole input {height: 36px;margin: 0;padding: 0 12px;border: 1px solid #d5d9e0;border-radius: 8px;font-family: inherit;font-size: 14px;box-sizing: border-box;}
.novyuzivatelpole input:focus {outline: none;border-color: #9ea51a;box-shadow: 0 0 0 3px rgba(214, 223, 32, .35);}
.novyuzivatel .tlacitkomale {height: 36px;}
.novyuzivatelchyba:empty {display: none;}
.novyuzivatelchyba {flex-basis: 100%;font-size: 12px;font-weight: 600;color: #b42318;}
.novyuzivatelnapoveda {flex-basis: 100%;margin: 0;font-size: 12px;color: #6b7280;}
.zaskrtavatko {display: inline-flex;align-items: center;gap: 8px;height: 36px;margin: 0;padding: 0;font-size: 13px;font-weight: 600;color: #262626;cursor: pointer;}
.zaskrtavatko input {width: 16px;height: 16px;margin: 0;accent-color: #262626;}
.zaskrtavatko span {font-weight: 400;color: #6b7280;}

/* ---------- Úprava uživatele ---------- */
.uzivateldetail .hlavicka {gap: 14px;padding: 14px 20px;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);}
.uzivateldetail .hlavicka .link {padding: 6px 12px;border: 1px solid #e1e4ea;border-radius: 8px;font-size: 13px;font-weight: 600;color: #262626;text-decoration: none;}
.uzivateldetail .hlavicka .link:hover {border-color: #a9b0bb;}
.uzivateldetail .hlavickafoto {width: 44px;height: 44px;border-radius: 50%;object-fit: cover;}
.uzivateldetail .stitekhlava {font-size: 20px;margin-left: 0!important;}
.uzivateldetail .ulozenoautomaticky {margin-left: auto;font-size: 12px;color: #6b7280;}
.uzivateldetail .ulozenoautomaticky::before {content: "●";margin-right: 6px;color: #12b76a;}
.uzivateldetail .tabs {gap: 4px;margin: 14px 7.5px 10px;}
.uzivateldetail .tab {padding: 8px 16px;border: 0;border-radius: 8px!important;background: #fff;font-size: 13px;}
.uzivateldetail .tab.active, .uzivateldetail .tab:hover {background: #262626;color: #fff;}
.uzivateldetail #nabidkadetail {display: block;width: 100%;padding: 0 7.5px;box-sizing: border-box;}
.uzivateldetail .tabcontent.active {display: grid;width: 100%;margin: 0;padding: 0;}
.uzivatelformular.active {grid-template-columns: 280px minmax(0, 1fr);gap: 16px;align-items: start;max-width: 1240px;}
.uzivatelnahled {position: sticky;top: 16px;display: flex;flex-direction: column;align-items: center;padding: 24px 20px 20px;border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);text-align: center;box-sizing: border-box;}
.uzivatelnahledfoto {position: relative;width: 112px;height: 112px;margin-bottom: 14px;border-radius: 50%;overflow: hidden;background: #262626;box-shadow: 0 0 0 4px #fff, 0 0 0 5px #e1e4ea;}
.uzivatelnahledfoto::before {content: attr(data-inicialy);position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 34px;font-weight: 700;color: #d6df20;}
.uzivatelnahledfoto img {position: relative;width: 100%;height: 100%;object-fit: cover;}
.uzivatelnahledjmeno {font-size: 18px;font-weight: 700;line-height: 1.25;color: #262626;}
.uzivatelnahledpozice {margin-top: 3px;font-size: 13px;color: #6b7280;}
.uzivatelnahled .odznak {margin-top: 10px;}
.uzivatelnahledkontakty {display: flex;flex-direction: column;gap: 8px;width: 100%;margin: 18px 0;padding-top: 16px;border-top: 1px solid #f2f4f7;text-align: left;}
.uzivatelnahledkontakty a {display: flex;flex-direction: column;min-width: 0;font-size: 13px;font-weight: 600;color: #262626;text-decoration: none;overflow-wrap: anywhere;}
.uzivatelnahledkontakty a:hover {color: #7a8015;}
.uzivatelnahledkontakty .metapopisek {margin: 0 0 1px;font-size: 10px;}
.uzivatelnahled .tlacitkomale {width: 100%;justify-content: center;}
.uzivatelucet {display: flex;flex-direction: column;align-items: stretch;gap: 8px;width: 100%;margin-top: 18px;padding-top: 16px;border-top: 1px solid #f2f4f7;text-align: left;}
.uzivatelucet .metapopisek {margin: 0;font-size: 10px;}
.uzivatelucet .zaskrtavatko {height: auto;}
.uzivatelucetstav {display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.uzivatelucetstav .tlacitkomale {width: auto;}
.uzivatelucetpoznamka {font-size: 12px;color: #6b7280;}
.uzivatelsekce {display: flex;flex-direction: column;gap: 16px;min-width: 0;}
.formsekce, .mediakarta {padding: 20px 24px 24px;border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);box-sizing: border-box;}
.formsekcehlava {margin-bottom: 16px;}
.formsekcehlava h2 {margin: 0;font-size: 15px;font-weight: 700;color: #262626;}
.formsekcehlava p {margin: 2px 0 0;font-size: 12px;color: #6b7280;}
.formmrizka {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px 20px;}
.formmrizka.tri {grid-template-columns: repeat(3, minmax(0, 1fr));}
.uzivateldetail .formsekce .holderitemu {display: flex;flex-direction: column;width: auto;margin: 0!important;}
.uzivateldetail .formsekce label {margin: 0 0 6px;padding: 0;font-size: 12px;font-weight: 600;color: #374151;}
.uzivateldetail .formsekce input,
.uzivateldetail .formsekce textarea {width: 100%;margin: 0;padding: 10px 12px;border: 1px solid #d5d9e0;border-radius: 8px;background: #fff;font-family: inherit;font-size: 14px;font-weight: 400;color: #262626;box-sizing: border-box;transition: border-color .15s, box-shadow .15s;}
.uzivateldetail .formsekce input {height: 42px;}
.uzivateldetail .formsekce input:hover, .uzivateldetail .formsekce textarea:hover {border-color: #a9b0bb;}
.uzivateldetail .formsekce input:focus,
.uzivateldetail .formsekce textarea:focus {outline: none;border-color: #9ea51a;box-shadow: 0 0 0 3px rgba(214, 223, 32, .35)!important;}
.uzivateldetail .formsekce textarea {height: auto;min-height: 160px;resize: vertical;line-height: 1.55;}
.poleupozorneni {align-self: flex-start;margin-top: 6px;text-align: left;font-size: 11px;color: #93370d;}
.poleupozorneni::before {content: "!";display: inline-flex;align-items: center;justify-content: center;width: 14px;height: 14px;margin-right: 6px;border-radius: 50%;background: #fef0c7;font-size: 10px;font-weight: 700;}
.uzivatelmedia.active {grid-template-columns: repeat(2, minmax(0, 340px));gap: 16px;align-items: stretch;}
.mediakarta {display: flex;flex-direction: column;}
.medianahled {display: flex;align-items: center;justify-content: center;aspect-ratio: 4 / 5;border-radius: 10px;background: #f5f6f8;overflow: hidden;}
.medianahled.portret > img {width: 100%;height: 100%;object-fit: cover;}
.medianahled.qr {padding: 24px;box-sizing: border-box;background: #fff;border: 1px solid #eceef2;}
.medianahled.qr > img {max-width: 100%;max-height: 100%;object-fit: contain;}
.mediaprazdne {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;width: 100%;height: 100%;margin: 0;border: 2px dashed #d5d9e0;border-radius: 10px;font-size: 13px;font-weight: 600;color: #6b7280;cursor: pointer;box-sizing: border-box;transition: border-color .15s, background .15s;}
.mediaprazdne:hover {border-color: #9ea51a;background: #fbfce8;color: #262626;}
.mediaprazdne img {width: 36px;height: 36px;opacity: .55;}
.mediasoubor {display: none;}
.mediaakce {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px;}
.mediaakce label.tlacitkomale {margin: 0;}
.tlacitkomale.nebezpecne {margin-left: auto;color: #b42318;}
.tlacitkomale.nebezpecne:hover {border-color: #fda29b;background: #fef3f2;color: #b42318;}
.uzivatelmedia .spinner {grid-column: 1 / -1;}

/* ---------- Poptávky ---------- */
.stranka-poptavky .filtr {flex-wrap: wrap;gap: 10px;padding: 10px 12px;margin: 0 0 12px;border-radius: 12px;box-shadow: 0 1px 2px rgba(0, 0, 0, .06);}
.stranka-poptavky .filtr > .filtrpolozka:first-child {display: none;}
.stranka-poptavky .filtrpolozka {margin: 0!important;}
.stranka-poptavky .filtrpolozka .holder {padding-right: 0;align-items: stretch;}
.stranka-poptavky .filtrpolozka label {font-size: 11px!important;font-weight: 600;color: #6b7280;margin-bottom: 4px!important;}
.stranka-poptavky .filtrpolozka input,
.stranka-poptavky .filtrpolozka .ma1-btn {height: 32px;margin: 0!important;padding: 0 10px;border: 1px solid #d5d9e0!important;border-radius: 8px;background: #fff!important;font-size: 12px;box-sizing: border-box;}
.stranka-poptavky .filtrpolozka input {width: 120px!important;}
.stranka-poptavky .filtrpolozka .ma1-btn {min-width: 150px;}
.stranka-poptavky .filtrpolozka .multi-select__button--active {background: #f6f8d6!important;border-color: #b9c11d!important;font-weight: 600;}
.stranka-poptavky .multi-select__dropdown {z-index: 30;min-width: 220px;}

.kartapoptavky, .stavsegment {--stav: #98a2b3;--stavpozadi: #f2f4f7;--stavtext: #344054;}
[data-stav="1"], .stavsegment.stav-1 {--stav: #b9c11d;--stavpozadi: #f6f8d6;--stavtext: #4d5208;}
[data-stav="2"], .stavsegment.stav-2 {--stav: #98a2b3;--stavpozadi: #f2f4f7;--stavtext: #344054;}
[data-stav="3"], .stavsegment.stav-3 {--stav: #f79009;--stavpozadi: #fef0c7;--stavtext: #93370d;}
[data-stav="4"], .stavsegment.stav-4 {--stav: #f04438;--stavpozadi: #fee4e2;--stavtext: #b42318;}
[data-stav="5"], .stavsegment.stav-5 {--stav: #2e90fa;--stavpozadi: #d1e9ff;--stavtext: #175cd3;}
[data-stav="6"], .stavsegment.stav-6 {--stav: #12b76a;--stavpozadi: #dcfae6;--stavtext: #067647;}
.stavtecka {width: 8px;height: 8px;border-radius: 50%;background: var(--stav);}

.seznampoptavek {display: flex;flex-direction: column;gap: 10px;width: 100%;}
.seznampoptavek > .seznampocet {padding: 0 2px;border: 0;}
.kartapoptavky {position: relative;display: grid;grid-template-columns: 40px minmax(0, 1fr) 250px;gap: 14px 16px;padding: 16px 18px;border: 1px solid #e7e9ee;border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(16, 24, 40, .04);box-sizing: border-box;transition: box-shadow .15s, border-color .15s;}
.kartapoptavky:hover {border-color: #d5d9e0;box-shadow: 0 4px 14px rgba(16, 24, 40, .07);}
.kartapoptavky[data-stav="1"] {border-color: #dfe58a;box-shadow: inset 3px 0 0 #d6df20, 0 1px 2px rgba(16, 24, 40, .04);}
.kartapoptavky[data-stav="4"] .poptavkaobsah {opacity: .6;}
.poptavkaavatar {position: relative;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #262626;font-size: 14px;font-weight: 800;color: #d6df20;letter-spacing: 0;}
.kartapoptavky[data-stav="1"] .poptavkaavatar::after {content: "";position: absolute;top: -1px;right: -1px;width: 11px;height: 11px;border: 2px solid #fff;border-radius: 50%;background: #d6df20;}
.poptavkaobsah {display: flex;flex-direction: column;gap: 8px;min-width: 0;}
.poptavkahlava {display: flex;align-items: baseline;justify-content: space-between;gap: 12px;}
.poptavkakdo {display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 8px;min-width: 0;}
.poptavkajmeno {font-size: 15px;font-weight: 700;color: #101828;}
.kartapoptavky[data-stav="1"] .poptavkajmeno {font-weight: 800;}
.poptavkafirma {font-size: 13px;color: #667085;}
.poptavkafirma::before {content: "·";margin-right: 8px;color: #d0d5dd;}
.poptavkacas {flex: none;font-size: 12px;color: #667085;white-space: nowrap;}
.poptavkatyp {display: flex;align-items: center;gap: 8px;margin-top: -4px;}
.poptavkatypstitek {font-size: 11px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: #667085;}
.poptavkatypstitek.obecny {color: #175cd3;}
.poptavkaid {font-size: 11px;color: #98a2b3;}
.poptavkanabidka {display: flex;align-items: center;gap: 10px;max-width: 560px;padding: 6px 12px 6px 6px;border: 1px solid #eaecf0;border-radius: 10px;background: #fcfcfd;color: #101828;text-decoration: none;transition: border-color .15s;}
.poptavkanabidka:hover {border-color: #b9c11d;text-decoration: none;}
.poptavkanabidka img {flex: none;width: 60px;height: 40px;border-radius: 6px;object-fit: cover;background: #f2f4f7;}
.poptavkanabidkatext {display: flex;flex-direction: column;gap: 2px;min-width: 0;}
.poptavkanabidkatext .metapopisek {margin: 0;font-size: 10px;}
.poptavkanabidkanazev {font-size: 13px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kartazpravaklienta {position: relative;max-height: 4.6em;overflow: hidden;padding: 0 0 0 12px;border-left: 2px solid #eaecf0;font-size: 13px;line-height: 1.55;color: #475467;white-space: normal;cursor: pointer;}
.kartazpravaklienta:not(.rozbaleno)::after {content: "Zobrazit celou zprávu";position: absolute;left: 0;right: 0;bottom: 0;padding: 14px 0 0 12px;background: linear-gradient(rgba(255, 255, 255, 0), #fff 65%);font-size: 12px;font-weight: 700;color: #101828;}
.kartazpravaklienta.rozbaleno {max-height: none;}
.kartazpravaklienta.kratka {cursor: default;}
.kartazpravaklienta.kratka::after {display: none;}
.poptavkakontakty {display: flex;flex-wrap: wrap;gap: 6px;}
.tlacitkomale.hlavni {border-color: #262626;background: #262626;color: #fff;}
.tlacitkomale.hlavni:hover {background: #000;color: #d6df20;}
.kartaakce {display: flex;flex-direction: column;gap: 4px;padding-left: 16px;border-left: 1px solid #f2f4f7;}
.kartaakce label {font-size: 11px;font-weight: 600;color: #667085;}
.kartaakce .select {margin-bottom: 8px;}
.kartaakce .ca8-btn {height: 34px;width: 100%;padding: 0 10px;border: 1px solid #d5d9e0!important;border-radius: 8px;background-color: #fff!important;font-size: 13px;box-sizing: border-box;}
.stavvyber .ca8-btn {padding-left: 28px;border-color: transparent!important;background-color: var(--stavpozadi)!important;font-weight: 700;color: var(--stavtext);}
.stavvyber::before {content: "";position: absolute;left: 11px;top: 50%;z-index: 1;width: 8px;height: 8px;margin-top: -4px;border-radius: 50%;background: var(--stav);pointer-events: none;}
.stavvyber {position: relative;}
.kartaakce input.poznamka {height: 34px;width: 100%;margin: 0;padding: 0 10px;border: 1px solid #e4e7ec;border-radius: 8px;background: #fcfcfd;font-family: inherit;font-size: 13px;box-sizing: border-box;}
.kartaakce .ca8-btn:focus, .kartaakce input.poznamka:focus {outline: none;border-color: #9ea51a!important;box-shadow: 0 0 0 3px rgba(214, 223, 32, .35);background-color: #fff;}
.poptavkamakler {display: flex;align-items: center;gap: 8px;margin-top: 8px;font-size: 13px;color: #344054;}
.poptavkamakler img {width: 24px;height: 24px;border-radius: 50%;object-fit: cover;}
.poptavkamakler .metapopisek {display: block;margin: 0 0 1px;font-size: 10px;}
.stavsegment .stavtecka {display: inline-block;}

/* ---------- Doporučujeme ---------- */
.kartaradek, .kartapoptavky, .kartaodkazu {box-sizing: border-box;}
.kartaradekinfo {display: flex;flex-wrap: wrap;gap: 4px 14px;font-size: 13px;color: #4b5563;}
.listdoporucenych .doporucene {width: 100%;margin: 0;padding: 10px 16px;background: #fff;box-sizing: border-box;cursor: grab;user-select: none;}
.listdoporucenych .doporucene.ui-sortable-helper {cursor: grabbing;box-shadow: 0 12px 28px rgba(0, 0, 0, .18);border-radius: 10px;}
.listdoporucenych .mistodoporucene {visibility: visible!important;background: #f6f8d6;border: 2px dashed #b9c11d;box-sizing: border-box;}
.listdoporucenych.ui-sortable {overflow: visible;}
.tahlo {flex: none;padding: 6px 2px;cursor: grab;font-size: 16px;letter-spacing: -3px;color: #9aa1ab;user-select: none;}
.doporucene:hover .tahlo {color: #262626;}
.poradidoporucene {flex: none;width: 26px;height: 26px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: #f4f5f7;font-size: 12px;font-weight: 700;}
.kartameta .ikona {padding: 6px;border: 1px solid #e1e4ea;border-radius: 8px;cursor: pointer;display: flex;}
.kartameta .ikona:hover {border-color: #f04438;background: #fee4e2;}
.kartameta .ikona img {width: 16px;height: 16px;}

/* ---------- Sdílené odkazy ---------- */
.seznamodkazu {display: grid;gap: 14px;width: 100%;}
.kartaodkazu {display: grid;grid-template-columns: minmax(0, 1fr) 340px;overflow: hidden;border: 1px solid #e7e9ee;border-radius: 14px;background: #fff;box-shadow: 0 1px 2px rgba(16, 24, 40, .04);}
.kartaodkazuhlavni {display: flex;flex-direction: column;gap: 14px;min-width: 0;padding: 18px 20px;}
.kartaodkazuhlava {display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;}
.kartaodkazutitulek {display: flex;flex-direction: column;gap: 6px;min-width: 0;}
.kartaodkazutitulek h2 {margin: 0;font-size: 18px;font-weight: 800;line-height: 1.25;color: #101828;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kartaodkazupodtitul {display: flex;flex-wrap: wrap;align-items: center;gap: 4px 10px;font-size: 12px;color: #667085;}
.bezpoznamky {color: #98a2b3;font-weight: 600;}
.nabidkyodkazuhlava {display: flex;align-items: center;gap: 8px;font-size: 13px;color: #344054;}

.nabidkyodkazu {display: grid;grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));gap: 10px;}
.nabidkaodkazu {position: relative;display: flex;flex-direction: column;overflow: hidden;border: 1px solid #eaecf0;border-radius: 10px;background: #fff;transition: border-color .15s, box-shadow .15s, opacity .2s;}
.nabidkaodkazu:hover {border-color: #d0d5dd;box-shadow: 0 4px 12px rgba(16, 24, 40, .08);}
.nabidkaodkazu.odebiram {opacity: .35;pointer-events: none;}
.nabidkaodkazufoto {position: relative;display: block;aspect-ratio: 3 / 2;background: #f2f4f7;}
.nabidkaodkazufoto img {width: 100%;height: 100%;object-fit: cover;display: block;}
.nabidkaodkazustav {position: absolute;left: 6px;bottom: 6px;padding: 2px 7px;border-radius: 999px;background: #7b2ff7;font-size: 10px;font-weight: 700;color: #fff;}
.nabidkaodkazustav.varovani {background: #f79009;}
.nabidkaodkazu.neviditelna .nabidkaodkazufoto img {filter: grayscale(1);opacity: .6;}
.nabidkaodkazunazev {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 8px 10px 10px;font-size: 12px;line-height: 1.4;color: #101828;text-decoration: none;}
.nabidkaodkazunazev:hover {text-decoration: underline;}
.nabidkaodkazunazev .stitek {margin-right: 4px;font-size: 10px;padding: 0 5px;}
.nabidkaodkazuodebrat {position: absolute;top: 6px;right: 6px;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;padding: 0;border: 0;border-radius: 50%;background: rgba(16, 24, 40, .72);font-size: 17px;line-height: 1;color: #fff;cursor: pointer;opacity: 0;transition: opacity .15s, background .15s;}
.nabidkaodkazu:hover .nabidkaodkazuodebrat, .nabidkaodkazuodebrat:focus {opacity: 1;}
.nabidkaodkazuodebrat:hover {background: #d92d20;}

.nabidkaodkazupridat {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;min-height: 150px;padding: 12px;border: 1.5px dashed #d0d5dd;border-radius: 10px;background: #fcfcfd;box-sizing: border-box;text-align: center;transition: border-color .15s, background .15s;}
.nabidkaodkazupridat:hover, .nabidkaodkazupridat:focus-within {border-color: #b9c11d;background: #fbfce9;}
.pridatikona {position: relative;width: 30px;height: 30px;border-radius: 50%;background: #262626;font-size: 0;}
.pridatikona::before, .pridatikona::after {content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 2px;margin: -1px 0 0 -6px;border-radius: 1px;background: #d6df20;}
.pridatikona::after {transform: rotate(90deg);}
.pridatpopisek {font-size: 12px;font-weight: 700;color: #344054;}
.nabidkaodkazupridat input {width: 100%;height: 30px;padding: 0 8px;border: 1px solid #d0d5dd;border-radius: 8px;background: #fff;font-family: inherit;font-size: 12px;text-align: center;box-sizing: border-box;}
.nabidkaodkazupridat input:focus {outline: none;border-color: #9ea51a;box-shadow: 0 0 0 3px rgba(214, 223, 32, .35);}
.nabidkaodkazupridat .tlacitkomale {width: 100%;justify-content: center;}
.nabidkaodkazupridat.ukladam {opacity: .6;pointer-events: none;}
.pridatchyba {font-size: 11px;line-height: 1.3;color: #b42318;}
.pridatchyba:empty {display: none;}

.kartaodkazupanel {display: flex;flex-direction: column;gap: 14px;padding: 18px 20px;border-left: 1px solid #f2f4f7;background: #f9fafb;}
.panelstatistiky {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
.panelstat {display: flex;flex-direction: column;gap: 2px;padding: 10px 12px;border: 1px solid #eaecf0;border-radius: 10px;background: #fff;}
.panelcislo {font-size: 20px;font-weight: 800;line-height: 1.2;color: #101828;}
.panelcislo.brzy {color: #b42318;}
.panelstat .metapopisek {margin: 0;font-size: 10px;}
.panelpozn {font-size: 11px;color: #667085;}
.panelprubeh {height: 4px;margin-top: -6px;overflow: hidden;border-radius: 2px;background: #eaecf0;}
.panelprubeh span {display: block;height: 100%;border-radius: 2px;background: #12b76a;}
.panelprubeh.brzy span {background: #f04438;}
.panelpole {display: flex;flex-direction: column;gap: 6px;}
.panelpole .metapopisek {margin: 0;font-size: 10px;}
.panelradek {display: flex;align-items: center;gap: 6px;min-width: 0;}
.panelradek input {flex: 1;min-width: 0;height: 30px;padding: 0 10px;border: 1px solid #e4e7ec;border-radius: 8px;background: #fff;font-family: ui-monospace, Menlo, monospace;font-size: 11px;color: #344054;}
.panelradek code {flex: 1;padding: 5px 10px;border-radius: 8px;background: #262626;font-family: ui-monospace, Menlo, monospace;font-size: 14px;letter-spacing: .1em;text-align: center;color: #d6df20;}
.bezhesla {font-size: 12px;line-height: 1.4;color: #667085;}
.panelakce {display: flex;gap: 6px;margin-top: auto;padding-top: 12px;border-top: 1px solid #eaecf0;}
.panelakce .tlacitkomale {flex: 1;justify-content: center;}
.kartaodkazu.zruseny .kartaodkazuhlavni, .kartaodkazu.expirovany .kartaodkazuhlavni {opacity: .7;}
.kartaodkazu.zruseny .panelpole, .kartaodkazu.expirovany .panelpole {opacity: .5;}

.tlacitkomale {display: inline-flex;align-items: center;height: 30px;padding: 0 12px;border: 1px solid #d5d9e0;border-radius: 8px;background: #fff;font-family: inherit;font-size: 12px;font-weight: 600;color: #262626;text-decoration: none;cursor: pointer;white-space: nowrap;box-sizing: border-box;}
.tlacitkomale:hover {border-color: #a9b0bb;text-decoration: none;color: #262626;}
.tlacitkomale.nebezpecne {color: #b42318;}
.tlacitkomale.nebezpecne:hover {border-color: #f04438;background: #fee4e2;}
.tlacitkomale.hotovo {border-color: #12b76a;background: #dcfae6;color: #067647;}
.metapopisek {margin-right: 4px;font-size: 11px;font-weight: 600;letter-spacing: .02em;text-transform: uppercase;color: #9aa1ab;}
.kartaodkazurozbal summary {display: flex;align-items: center;gap: 8px;cursor: pointer;font-size: 13px;font-weight: 600;color: #4b5563;list-style: none;}
.kartaodkazurozbal summary::-webkit-details-marker {display: none;}
.kartaodkazurozbal summary::before {content: "›";display: inline-block;width: 12px;font-size: 16px;transition: transform .15s;}
.kartaodkazurozbal[open] summary::before {transform: rotate(90deg);}
.historiezobrazeni {display: flex;flex-wrap: wrap;gap: 6px 16px;margin-top: 8px;font-size: 12px;}
.zaskrtavatko {display: flex!important;align-items: center;gap: 8px;cursor: pointer;}
.zaskrtavatko input {width: 16px!important;height: 16px;margin: 0!important;appearance: auto;-webkit-appearance: checkbox;}

/* ---------- Menší obrazovky ---------- */
@media only screen and (max-width: 1100px) {
  .kartaodkazu {grid-template-columns: 1fr;}
  .kartaodkazupanel {border-left: 0;border-top: 1px solid #f2f4f7;}
}
@media only screen and (max-width: 900px) {
  .kartaradek {flex-wrap: wrap;gap: 8px 12px;}
  .kartaradek .kartaobsah {flex-basis: calc(100% - 90px);}
  .kartaradek .kartameta {width: 100%;padding-left: 86px;}
  .kartaradek.kompaktni .kartameta {padding-left: 66px;}
  .listdoporucenych .kartaradek {flex-wrap: nowrap;gap: 8px;padding: 8px 10px;}
  .listdoporucenych .kartaradek .kartaobsah {flex-basis: auto;}
  .listdoporucenych .kartaradek .kartameta {width: auto;padding-left: 0;}
  .listdoporucenych .kartafoto {flex-basis: 54px;width: 54px;height: 36px;}
  .tahlo {padding: 10px 6px;font-size: 20px;}
  .kartapoptavky {grid-template-columns: 36px minmax(0, 1fr);padding: 14px;}
  .poptavkaavatar {width: 36px;height: 36px;font-size: 13px;}
  .kartapoptavky .kartaakce {grid-column: 1 / -1;padding: 12px 0 0;border-left: 0;border-top: 1px solid #f2f4f7;}
  .poptavkahlava {flex-direction: column;gap: 2px;}
  .segmentypoptavek {display: flex;flex-wrap: nowrap;overflow-x: auto;max-width: 100%;}
  .segmentypoptavek .segment {flex: none;}
  .nabidkyodkazu {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .nabidkaodkazuodebrat {opacity: 1;}
  .kartaodkazuhlavni, .kartaodkazupanel {padding: 14px;}
  .strankahledani, .strankahledani input {width: 100%;}
  .uzivateldetail .ulozenoautomaticky {margin-left: 0;width: 100%;}
  .uzivatelformular.active {grid-template-columns: minmax(0, 1fr);}
  .uzivatelmedia.active {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
  .mediakarta {padding: 12px;}
  .mediakarta .formsekcehlava p {display: none;}
  .mediakarta .formsekcehlava {margin-bottom: 10px;}
  .mediaakce .tlacitkomale {flex: 1 1 100%;justify-content: center;margin-left: 0;}
  .medianahled.qr {padding: 10px;}
  .uzivatelnahled {position: static;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 4px 14px;padding: 16px;text-align: left;}
  .uzivatelnahledfoto {width: 56px;height: 56px;margin: 0;}
  .uzivatelnahledfoto::before {font-size: 20px;}
  .uzivatelnahled > .uzivatelnahledjmeno {flex: 1;}
  .uzivatelnahledkontakty, .uzivatelnahled .odznak, .uzivatelnahledpozice {display: none;}
  .uzivatelnahled .tlacitkomale {margin-top: 10px;}
  .formsekce, .mediakarta {padding: 16px;}
  .formmrizka, .formmrizka.tri {grid-template-columns: minmax(0, 1fr);gap: 14px;}
  .uzivateldetail #nabidkadetail {padding: 0;}
}

/* ---------- Modal sdíleného odkazu ---------- */
#modal .holder.modalodkazu {max-width: 560px;margin: 5vh 12px;border-radius: 16px;color: #262626;font-size: 14px;box-shadow: 0 24px 60px rgba(0, 0, 0, .35);}
#modal .holder.modalodkazu .hlavamodalu {height: auto;min-height: 0;max-height: none;padding: 20px 24px;border-bottom: 1px solid #eef0f3;}
#modal .holder.modalodkazu .titulek {display: flex;flex-direction: column;gap: 3px;padding: 0;font-size: 19px;font-weight: 600;color: #262626;}
#modal .holder.modalodkazu .titulek span {font-size: 13px;font-weight: 400;color: #667085;}
#modal .holder.modalodkazu .zavrit {display: flex;padding: 6px;border-radius: 8px;}
#modal .holder.modalodkazu .zavrit:hover {background: #f2f4f7;filter: none;}
#modal .holder.modalodkazu .zavrit img {width: 14px;height: 14px;}
#modal .holder.modalodkazu .obsahmodalu {height: auto;max-height: 70vh;overflow-y: auto;}
#modal .holder.modalodkazu .obsahmodalu .content {display: grid;gap: 16px;padding: 22px 24px;}
#modal .holder.modalodkazu .obsahmodalu .content .holderitemu {margin: 0;}
#modal .holder.modalodkazu .obsahmodalu .content .holderitemu label {margin: 0 0 6px;padding: 0;font-size: 12px;font-weight: 600;color: #475467;}
#modal .holder.modalodkazu .obsahmodalu .content .holderitemu input[type=text], #modal .holder.modalodkazu .obsahmodalu .content .holderitemu input[type=date] {height: 40px;margin: 0;padding: 0 12px;border: 1px solid #d5d9e0;border-radius: 10px;background: #fff;font-family: inherit;font-size: 14px;}
#modal .holder.modalodkazu .obsahmodalu .content .holderitemu input:focus {border-color: #262626;outline: none;box-shadow: 0 0 0 3px rgba(214, 223, 32, .45);}
#modal .holder.modalodkazu .platnostodkazu {display: flex;flex-wrap: wrap;gap: 8px;align-items: center;width: 100%;}
#modal .holder.modalodkazu .platnostodkazu input[type=date] {width: 160px;}
#modal .holder.modalodkazu .predvolbyplatnosti {display: flex;flex-wrap: wrap;gap: 6px;}
#modal .holder.modalodkazu .predvolbyplatnosti .tlacitkomale {height: 32px;}
#modal .holder.modalodkazu .predvolbyplatnosti .tlacitkomale.aktivni {border-color: #262626;background: #262626;color: #d6df20;}
#modal .holder.modalodkazu .sdilenyinfo {margin: 0;padding: 10px 12px;border-radius: 10px;background: #f8f9fb;font-size: 12px;color: #667085;}
#modal .holder.modalodkazu .patamodalu {gap: 8px;justify-content: flex-end;height: auto;min-height: 0;max-height: none;padding: 14px 24px;border-top: 1px solid #eef0f3;background: #fafbfc;}
#modal .holder.modalodkazu .patamodalu .tlacitkomale {height: 38px;padding: 0 16px;font-size: 13px;}
#modal .holder.modalodkazu .patamodalu .button {width: auto;height: 38px;margin: 0;padding: 0 18px;border-radius: 8px;font-size: 13px;}
#modal .holder.modalodkazu .sdilenyvysledek {gap: 16px;}
#modal .holder.modalodkazu .sdilenyhotovo {display: flex;gap: 12px;align-items: flex-start;padding: 12px 14px;border-radius: 12px;background: #ecfdf3;color: #475467;font-size: 13px;}
#modal .holder.modalodkazu .sdilenyhotovo > span {display: flex;flex: 0 0 26px;align-items: center;justify-content: center;height: 26px;border-radius: 50%;background: #12b76a;font-weight: 700;color: #fff;}
#modal .holder.modalodkazu .sdilenyhotovo strong {display: block;margin-bottom: 2px;font-size: 14px;color: #067647;}
#modal .holder.modalodkazu .panelpole .metapopisek {display: block;margin-bottom: 6px;}
#modal .holder.modalodkazu .panelradek input {height: 38px;font-size: 12px;}
#modal .holder.modalodkazu .panelradek code {padding: 8px 10px;font-size: 16px;}
#modal .holder.modalodkazu .panelradek .tlacitkomale {height: 38px;}
#modal .holder.modalodkazu .kopirovatoboji {justify-content: center;width: 100%;height: 42px;font-size: 13px;}
#modal .holder.modalodkazu .bezhesla {font-size: 12px;color: #667085;}
@media only screen and (max-width: 600px) {
  #modal .holder.modalodkazu .platnostodkazu input[type=date] {width: 100%;}
  #modal .holder.modalodkazu .patamodalu .button, #modal .holder.modalodkazu .patamodalu .tlacitkomale {flex: 1;justify-content: center;}
}