@font-face {
  font-family: 'Supreme';
  src: url('assets/fonts/Supreme-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Supreme';
  src: url('assets/fonts/Supreme-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

::selection {
  background: #d0ee52;
  color: #0d0e11;
}

html {
  background: #0d0e11;
  min-height: 100%;
}

body {
  background: transparent;
  font-family: 'Supreme', sans-serif;
  min-height: 100vh;
}

.page {
  position: relative;
  width: 1680px;
  min-height: 5880px;
  overflow: hidden;
  background: transparent;
  margin: 0 auto;
}

.accent {
  color: #d0ee52;
}

/* ===================== NAVBAR ===================== */
.nav-logo-link {
  position: absolute;
  left: 230px;
  top: 53px;
  display: block;
  line-height: 0;
}

.nav-logo {
  height: 44px;
  width: auto;
  display: block;
}

.nav-logo-dot {
  position: absolute;
  left: 230px;
  top: 67px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
}

.nav-ai-wrap {
  position: absolute;
  left: 538px;
  top: 69px;
  display: flex;
  align-items: baseline;
  gap: 4px;
  cursor: pointer;
  z-index: 100;
  padding-bottom: 20px;
}

.nav-link-active {
  position: static;
  font-size: 16px;
  color: #d0ee52;
  font-weight: 700;
  text-decoration: none;
  font-family: 'Supreme', sans-serif;
}

.nav-caret {
  position: static;
  font-size: 10px;
  color: #ffffff;
}

.nav-dropdown {
  display: none;
  position: absolute;
  top: calc(100% - 8px);
  left: 0;
  background: #272727;
  border-radius: 7px;
  padding: 8px 0;
  min-width: 150px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.nav-ai-wrap:hover .nav-dropdown {
  display: block;
}

.nav-dropdown-item {
  display: block;
  padding: 10px 20px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Supreme', sans-serif;
  white-space: nowrap;
}

.nav-dropdown-item:hover {
  color: #d0ee52;
}

.nav-link-ceny {
  position: absolute;
  left: 642px;
  top: 69px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Supreme', sans-serif;
}

.nav-link-onas {
  position: absolute;
  left: 718px;
  top: 69px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Supreme', sans-serif;
}

.nav-link-recenze {
  display: none;
}

.nav-link-vseai {
  position: absolute;
  left: 798px;
  top: 69px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Supreme', sans-serif;
}

.nav-login {
  position: absolute;
  left: 1080px;
  top: 59px;
  width: 156px;
  height: 42px;
  border: none;
  border-radius: 7px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.nav-link-kontakt {
  position: absolute;
  left: 896px;
  top: 69px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Supreme', sans-serif;
}

.nav-cta {
  position: absolute;
  left: 1226px;
  top: 59px;
  width: 226px;
  height: 42px;
  border: 1px solid #d0ee52;
  border-radius: 7px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  gap: 0;
  font-weight: 700;
}

.nav-adm-temp {
  position: absolute;
  left: 1468px;
  top: 59px;
  height: 42px;
  padding: 0 18px;
  border: 1px solid #505050;
  border-radius: 7px;
  background: #1a1b1f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Supreme', sans-serif;
  font-size: 15px;
  color: #8b8b8b;
  text-decoration: none;
}

.nav-separator {
  position: absolute;
  left: 228px;
  top: 152px;
  width: 1224px;
  height: 1px;
  background: #333333;
}

/* ===================== HERO ===================== */
.hero-wave {
  position: absolute;
  left: 0;
  top: 590px;
  width: 1680px;
  height: auto;
  mix-blend-mode: screen;
  display: block;
}

.hero-headline {
  position: absolute;
  left: 444px;
  top: 299px;
  width: 792px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.hero-subtitle {
  position: absolute;
  left: 436px;
  top: 444px;
  width: 767px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

.hero-cta {
  position: absolute;
  left: 690px;
  top: 553px;
  width: 300px;
  height: 66px;
  border: 1px solid #d0ee52;
  border-radius: 7px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Supreme', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}

/* Hero animated word cycling */
.hero-anim-word {
  display: inline-block;
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.hero-anim-word.anim-out {
  opacity: 0;
  transform: translateY(-10px);
}

/* ===================== FEATURES SECTION ===================== */
.features-heading {
  position: absolute;
  left: 260px;
  top: 1164px;
  width: 1160px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.features-subtext {
  position: absolute;
  left: 450px;
  top: 1325px;
  width: 780px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

.features-img-large {
  position: absolute;
  left: 228px;
  top: 1536px;
  width: 872px;
  height: 537px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
}

.features-img-small {
  position: absolute;
  left: 901px;
  top: 1690px;
  width: 551px;
  height: 339px;
  border-radius: 24px;
  object-fit: cover;
  display: block;
}

/* ===================== MEDIA LOGOS ===================== */
.logo-zive-left {
  position: absolute;
  left: 351px;
  top: 2229px;
  width: 80px;
  height: 56px;
  object-fit: contain;
  display: block;
}

.logo-podnikatel-left {
  position: absolute;
  left: 499px;
  top: 2248px;
  width: 137px;
  height: 19px;
  object-fit: contain;
  display: block;
}

.logo-e15 {
  position: absolute;
  left: 703px;
  top: 2238px;
  width: 70px;
  height: 39px;
  object-fit: contain;
  display: block;
}

.logo-aktualne {
  position: absolute;
  left: 841px;
  top: 2232px;
  width: 136px;
  height: 51px;
  object-fit: contain;
  display: block;
}

.logo-zive-right {
  position: absolute;
  left: 1044px;
  top: 2229px;
  width: 80px;
  height: 56px;
  object-fit: contain;
  display: block;
}

.logo-podnikatel-right {
  position: absolute;
  left: 1192px;
  top: 2248px;
  width: 137px;
  height: 19px;
  object-fit: contain;
  display: block;
}

/* ===================== BENEFITS SECTION ===================== */
.benefits-chip {
  display: none;
}

.benefits-heading {
  position: absolute;
  left: 228px;
  top: 2437px;
  width: 322px;
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.benefits-desc {
  position: absolute;
  left: 228px;
  top: 2546px;
  width: 600px;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

.benefits-cta {
  position: absolute;
  left: 228px;
  top: 2686px;
  width: 300px;
  height: 66px;
  border: 1px solid #d0ee52;
  border-radius: 7px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Supreme', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}

.benefits-divider-left {
  display: none;
}

.benefits-divider-right {
  display: none;
}

/* Per-row dividers col 1 */
.benefits-div-c1-r1 {
  position: absolute;
  left: 865px;
  top: 2448px;
  width: 1px;
  height: 58px;
  background: rgba(255, 255, 255, 0.20);
}

.benefits-div-c1-r2 {
  position: absolute;
  left: 865px;
  top: 2608px;
  width: 1px;
  height: 58px;
  background: rgba(255, 255, 255, 0.20);
}

.benefits-div-c1-r3 {
  position: absolute;
  left: 865px;
  top: 2782px;
  width: 1px;
  height: 58px;
  background: rgba(255, 255, 255, 0.20);
}

/* Per-row dividers col 2 */
.benefits-div-c2-r1 {
  position: absolute;
  left: 1183px;
  top: 2437px;
  width: 1px;
  height: 58px;
  background: rgba(255, 255, 255, 0.20);
}

.benefits-div-c2-r2 {
  position: absolute;
  left: 1183px;
  top: 2597px;
  width: 1px;
  height: 58px;
  background: rgba(255, 255, 255, 0.20);
}

.benefits-div-c2-r3 {
  position: absolute;
  left: 1183px;
  top: 2782px;
  width: 1px;
  height: 58px;
  background: rgba(255, 255, 255, 0.20);
}

/* Benefits grid col 1 */
.benefit-c1-r1-title {
  position: absolute;
  left: 910px;
  top: 2448px;
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.benefit-c1-r1-text {
  position: absolute;
  left: 910px;
  top: 2482px;
  font-size: 16px;
  width: 168px;
  color: #ffffff;
  line-height: 24px;
}

.benefit-c1-r2-title {
  position: absolute;
  left: 910px;
  top: 2608px;
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.benefit-c1-r2-text {
  position: absolute;
  left: 910px;
  top: 2642px;
  font-size: 16px;
  width: 204px;
  color: #ffffff;
  line-height: 24px;
}

.benefit-c1-r3-title {
  position: absolute;
  left: 910px;
  top: 2782px;
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.benefit-c1-r3-text {
  position: absolute;
  left: 910px;
  top: 2816px;
  font-size: 16px;
  width: 181px;
  color: #ffffff;
  line-height: 24px;
}

/* Benefits grid col 2 */
.benefit-c2-r1-title {
  position: absolute;
  left: 1221px;
  top: 2437px;
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.benefit-c2-r1-text {
  position: absolute;
  left: 1221px;
  top: 2471px;
  width: 211px;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
}

.benefit-c2-r2-title {
  position: absolute;
  left: 1221px;
  top: 2597px;
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.benefit-c2-r2-text {
  position: absolute;
  left: 1221px;
  top: 2631px;
  width: 173px;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
}

.benefit-c2-r3-title {
  position: absolute;
  left: 1221px;
  top: 2782px;
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.benefit-c2-r3-text {
  position: absolute;
  left: 1221px;
  top: 2816px;
  width: 151px;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
}

.benefits-separator {
  position: absolute;
  left: 228px;
  top: 3029px;
  width: 1224px;
  height: 1px;
  background: #333333;
}

/* ===================== AI SERVICES SECTION ===================== */
.ai-services-chip {
  position: absolute;
  left: 796px;
  top: 3185px;
  width: 84px;
  height: 25px;
  background: #2b2d31;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #505050;
  font-family: 'Supreme', sans-serif;
}

.ai-services-heading {
  position: absolute;
  left: 466px;
  top: 3219px;
  width: 744px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.ai-services-subtext {
  position: absolute;
  left: 228px;
  top: 3368px;
  width: 1224px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

/* Tabs bar */
.tabs-bar {
  position: absolute;
  left: 228px;
  top: 3474px;
  width: 1223px;
  height: 61px;
  background: #272727;
  border-radius: 8px;
}

.tab-active-bg {
  position: absolute;
  left: 303px;
  top: 3480px;
  width: 144px;
  height: 49px;
  background: #202020;
  border-radius: 6px;
  transition: left 0.25s ease, width 0.25s ease;
}

.tab-ai-chat {
  position: absolute;
  left: 303px;
  top: 3497px;
  width: 144px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  z-index: 1;
}

.tab-translator {
  position: absolute;
  left: 490px;
  top: 3497px;
  width: 274px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  z-index: 1;
}

.tab-images {
  position: absolute;
  left: 720px;
  top: 3497px;
  width: 450px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  z-index: 1;
}

.tab-documents {
  position: absolute;
  left: 1150px;
  top: 3497px;
  width: 230px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  z-index: 1;
}

/* ===================== AI CHAT SECTION ===================== */
.ai-chat-heading {
  position: absolute;
  left: 277px;
  top: 3674px;
  width: 580px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.ai-chat-desc {
  position: absolute;
  left: 277px;
  top: 3819px;
  width: 512px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

.ai-chat-img {
  position: absolute;
  left: 859px;
  top: 3620px;
  width: 542px;
  height: 345px;
  object-fit: cover;
  display: block;
}

.ai-chat-separator {
  position: absolute;
  left: 228px;
  top: 4121px;
  width: 1224px;
  height: 1px;
  background: #333333;
}


/* ===================== BLOG SECTION ===================== */
.blog-chip {
  position: absolute;
  left: 228px;
  top: 4277px;
  width: 62px;
  height: 25px;
  background: #2b2d31;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #505050;
  font-family: 'Supreme', sans-serif;
}

.blog-heading {
  position: absolute;
  left: 228px;
  top: 4311px;
  width: 513px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.blog-subtext {
  position: absolute;
  left: 228px;
  top: 4451px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.blog-all-link {
  position: absolute;
  left: 1310px;
  top: 4453px;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  text-decoration: underline;
  cursor: pointer;
}

.blog-arrow-link {
  position: absolute;
  left: 1432px;
  top: 4456px;
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
  display: block;
  object-fit: contain;
}

/* Blog images */
.blog-img-1 {
  position: absolute;
  left: 228px;
  top: 4577px;
  width: 373px;
  height: 226px;
  object-fit: cover;
  display: block;
}

.blog-img-2 {
  position: absolute;
  left: 654px;
  top: 4577px;
  width: 373px;
  height: 226px;
  object-fit: cover;
  display: block;
}

.blog-img-3 {
  position: absolute;
  left: 1079px;
  top: 4577px;
  width: 373px;
  height: 226px;
  object-fit: cover;
  display: block;
}

/* Blog categories */
.blog-cat-1 {
  position: absolute;
  left: 228px;
  top: 4802px;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  line-height: 42px;
}

.blog-cat-2 {
  position: absolute;
  left: 654px;
  top: 4802px;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  line-height: 42px;
}

.blog-cat-3 {
  position: absolute;
  left: 1079px;
  top: 4802px;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  line-height: 42px;
}

/* Blog titles */
.blog-title-1 {
  position: absolute;
  left: 228px;
  top: 4842px;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Supreme', sans-serif;
  color: #ffffff;
  line-height: 27px;
  max-width: 373px;
}

.blog-title-2 {
  position: absolute;
  left: 654px;
  top: 4842px;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Supreme', sans-serif;
  color: #ffffff;
  line-height: 27px;
  max-width: 373px;
}

.blog-title-3 {
  position: absolute;
  left: 1079px;
  top: 4842px;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Supreme', sans-serif;
  color: #ffffff;
  line-height: 27px;
  max-width: 373px;
}

/* Transparent clickable overlays over homepage blog cards */
.blog-card-link {
  position: absolute;
  top: 4577px;
  width: 373px;
  height: 340px;
  z-index: 5;
  display: block;
}
.blog-card-link-1 { left: 228px; }
.blog-card-link-2 { left: 654px; }
.blog-card-link-3 { left: 1079px; }

/* ===================== NEWSLETTER CTA SECTION ===================== */
.newsletter-chip {
  position: absolute;
  left: 766px;
  top: 5052px;
  width: 148px;
  height: 25px;
  background: #2b2d31;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #505050;
  font-family: 'Supreme', sans-serif;
}

.newsletter-heading {
  position: absolute;
  left: 467px;
  top: 5098px;
  width: 744px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  text-align: center;
  color: #ffffff;
}

.newsletter-subtext {
  position: absolute;
  left: 407px;
  top: 5247px;
  width: 865px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

.newsletter-input {
  position: absolute;
  left: 594px;
  top: 5318px;
  width: 328px;
  height: 56px;
  background: #2b2d31;
  border-radius: 7px;
  border: none;
  padding: 0 16px;
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  color: #505050;
  outline: none;
  font-weight: 400;
}

.newsletter-input::placeholder {
  color: #505050;
}

.newsletter-btn {
  position: absolute;
  left: 932px;
  top: 5318px;
  width: 155px;
  height: 56px;
  background: #d0ee52;
  border-radius: 7px;
  border: none;
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #0d0e11;
  cursor: pointer;
}

/* ===================== FOOTER ===================== */

.footer-logo {
  position: absolute;
  left: 281px;
  top: 5527px;
  height: 44px;
  width: auto;
  display: block;
}

.footer-desc {
  position: absolute;
  left: 281px;
  top: 5594px;
  width: 341px;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

/* Footer columns */
.footer-col-services-header {
  position: absolute;
  left: 768px;
  top: 5530px;
  font-size: 18px;
  color: #d0ee52;
  font-weight: 700;
}

.footer-col-services-link1 {
  position: absolute;
  left: 768px;
  top: 5567px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-services-link2 {
  position: absolute;
  left: 768px;
  top: 5603px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-services-link3 {
  position: absolute;
  left: 768px;
  top: 5639px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-services-link4 {
  position: absolute;
  left: 768px;
  top: 5675px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-info-header {
  position: absolute;
  left: 975px;
  top: 5530px;
  font-size: 18px;
  color: #d0ee52;
  font-weight: 700;
}

.footer-col-info-link1 {
  position: absolute;
  left: 975px;
  top: 5567px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-info-link2 {
  position: absolute;
  left: 975px;
  top: 5603px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-info-link3 {
  position: absolute;
  left: 975px;
  top: 5639px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-info-link4 {
  position: absolute;
  left: 975px;
  top: 5675px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-support-header {
  position: absolute;
  left: 1215px;
  top: 5530px;
  font-size: 18px;
  color: #d0ee52;
  font-weight: 700;
}

.footer-col-support-link1 {
  position: absolute;
  left: 1215px;
  top: 5567px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.footer-col-support-link2 {
  position: absolute;
  left: 1215px;
  top: 5603px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

/* Social icons */
.social-link-insta {
  position: absolute;
  left: 281px;
  top: 5722px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.social-link-fb {
  position: absolute;
  left: 390px;
  top: 5722px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.social-icon-insta,
.social-icon-fb {
  flex-shrink: 0;
}

.social-text-insta,
.social-text-fb {
  font-size: 16px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.footer-line {
  position: absolute;
  left: 281px;
  top: 5785px;
  width: 1171px;
  height: 1px;
  background: #333333;
}

.footer-copyright {
  position: absolute;
  left: 277px;
  top: 5816px;
  font-size: 16px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

.footer-privacy {
  position: absolute;
  left: 1162px;
  top: 5816px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
}

/* ===================== BLOG LIST PAGE ===================== */
.blog-list-page {
  min-height: 1200px;
}

.blist-chip {
  position: absolute;
  left: 228px;
  top: 200px;
  width: 62px;
  height: 25px;
  background: #2b2d31;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #505050;
  font-family: 'Supreme', sans-serif;
}

.blist-heading {
  position: absolute;
  left: 228px;
  top: 235px;
  width: 900px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.blist-subtext {
  position: absolute;
  left: 228px;
  top: 374px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.blist-separator {
  display: none;
}

/* Article grid */
.blist-grid {
  position: absolute;
  left: 228px;
  top: 537px;
  width: 1224px;
  display: flex;
  flex-wrap: wrap;
  gap: 52px;
}

/* Article cards */
.blist-card {
  width: 373px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.blist-card-img {
  width: 373px;
  height: 226px;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

.blist-card-cat {
  display: block;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.blist-card-title {
  display: block;
  margin-top: 4px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  line-height: 27px;
}

.blist-grid-separator {
  position: absolute;
  left: 228px;
  top: 537px;
  width: 1224px;
  height: 1px;
  background: #333333;
}

/* Newsletter overrides – blog list page */
.blog-list-page .newsletter-chip    { top: 1860px; left: 766px; }
.blog-list-page .newsletter-heading { top: 1906px; }
.blog-list-page .newsletter-subtext { top: 2055px; }
.blog-list-page .newsletter-input   { top: 2126px; }
.blog-list-page .newsletter-btn     { top: 2126px; }

/* Footer overrides – blog list page */
.blog-list-page .footer-logo               { top: 2335px;  left: 228px; }
.blog-list-page .footer-desc               { top: 2402px;  left: 228px; }
.blog-list-page .footer-col-services-header { top: 2338px; }
.blog-list-page .footer-col-services-link1  { top: 2375px; }
.blog-list-page .footer-col-services-link2  { top: 2411px; }
.blog-list-page .footer-col-services-link3  { top: 2447px; }
.blog-list-page .footer-col-services-link4  { top: 2483px; }
.blog-list-page .footer-col-info-header    { top: 2338px; }
.blog-list-page .footer-col-info-link1     { top: 2375px; }
.blog-list-page .footer-col-info-link2     { top: 2411px; }
.blog-list-page .footer-col-info-link3     { top: 2447px; }
.blog-list-page .footer-col-info-link4     { top: 2483px; }
.blog-list-page .footer-col-support-header { top: 2338px; }
.blog-list-page .footer-col-support-link1  { top: 2375px; }
.blog-list-page .footer-col-support-link2  { top: 2411px; }
.blog-list-page .social-link-insta         { top: 2530px;  left: 228px; }
.blog-list-page .social-link-fb            { top: 2530px;  left: 337px; }
.blog-list-page .footer-line               { top: 2593px;  left: 228px; width: 1224px; }
.blog-list-page .footer-copyright          { top: 2624px;  left: 228px; }
.blog-list-page .footer-privacy            { top: 2624px;  left: 1109px; }

/* ===================== CENY PAGE ===================== */
.ceny-page {
  min-height: 2410px;
}

/* Nav overrides */
.ceny-page .nav-link-active { color: #ffffff; font-weight: 400; }
.ceny-page .nav-link-ceny   { color: #d0ee52; font-weight: 700; text-decoration: underline; }

/* Wave */
.ceny-wave {
  position: absolute;
  left: 0;
  top: 1490px;
  width: 1680px;
  height: auto;
  mix-blend-mode: screen;
  display: block;
  pointer-events: none;
}

/* Hero */
.ceny-title {
  position: absolute;
  left: 374px;
  top: 299px;
  width: 932px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.ceny-subtitle {
  position: absolute;
  left: 375px;
  top: 380px;
  width: 931px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

/* Banner */
.ceny-banner {
  position: absolute;
  left: 545px;
  top: 475px;
  width: 589px;
  height: 41px;
  background: #272727;
}

.ceny-banner-text {
  position: absolute;
  left: 545px;
  top: 476px;
  width: 589px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  white-space: nowrap;
}

.ceny-banner-text strong { font-weight: 700; color: #d0ee52; }

.ceny-banner-link {
  color: #d0ee52;
  text-decoration: underline;
}

/* Social proof (no avatars) */
.ceny-stars {
  position: absolute;
  left: 765px;
  top: 550px;
  width: 115px;
  height: 18px;
  display: block;
}

.ceny-score {
  position: absolute;
  left: 886px;
  top: 539px;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  line-height: 40px;
}

.ceny-customers {
  position: absolute;
  left: 699px;
  width: 281px;
  text-align: center;
  top: 568px;
  font-size: 16px;
  color: #8b8b8b;
  font-family: 'Supreme', sans-serif;
  line-height: 24px;
}

/* Billing toggle */
.ceny-toggle {
  position: absolute;
  left: 699px;
  top: 618px;
  width: 281px;
  height: 66px;
  background: #2b2d31;
  border-radius: 12px;
}

.ceny-toggle-pill {
  position: absolute;
  left: 5px;
  top: 4px;
  width: 140px;
  height: 58px;
  background: #d0ee52;
  border-radius: 12px;
}

.ceny-toggle-monthly {
  position: absolute;
  left: 5px;
  top: 0;
  width: 140px;
  height: 66px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #0d0e11;
  font-family: 'Supreme', sans-serif;
}

.ceny-toggle-annual {
  position: absolute;
  left: 136px;
  top: 0;
  width: 140px;
  height: 66px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.ceny-toggle-annual-label {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  line-height: 1.2;
}
.ceny-toggle-annual-save {
  font-size: 12px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  line-height: 1.2;
}

/* Toggle annual-active state */
.ceny-toggle.annual-active .ceny-toggle-pill {
  left: 136px;
}
.ceny-toggle.annual-active .ceny-toggle-monthly {
  color: #ffffff;
}
.ceny-toggle.annual-active .ceny-toggle-annual-label {
  color: #0d0e11;
}
.ceny-toggle.annual-active .ceny-toggle-annual-save {
  color: #0d0e11;
}
.ceny-toggle-monthly,
.ceny-toggle-annual {
  cursor: pointer;
}
.ceny-toggle-pill {
  transition: left 0.2s ease;
}

/* Save badge + decoration */
.ceny-save-badge {
  position: absolute;
  left: 1077px;
  top: 692px;
  width: 110px;
  height: 30px;
  background: #2b2d31;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.ceny-dot {
  position: absolute;
  left: 995px;
  top: 678px;
  width: 9px;
  height: 9px;
  background: #d0ee52;
}

.ceny-arrow {
  position: absolute;
  left: 1001px;
  top: 684px;
  width: 65px;
  height: 23px;
  display: block;
}

/* ---- Pricing plans ---- */

/* Token labels */
.ceny-plan-label {
  position: absolute;
  top: 847px;
  width: 285px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  line-height: 24px;
}
.ceny-plan-label-p1 { left: 228px; }
.ceny-plan-label-p2 { left: 541px; top: 816px; }
.ceny-plan-label-p3 { left: 854px; }
.ceny-plan-label-p4 { left: 1167px; }

/* Popular badge */
.ceny-popular {
  position: absolute;
  left: 541px;
  top: 856px;
  width: 285px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #d0ee52;
  color: #0d0e11;
  font-family: 'Supreme', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 6px 0;
  border-radius: 8px 8px 0 0;
}

/* Price boxes */
.ceny-plan-box {
  position: absolute;
  top: 886px;
  width: 285px;
  height: 141px;
  background: #272727;
  border-radius: 10px;
}
.ceny-plan-box-p1 { left: 228px; }
.ceny-plan-box-p2 { left: 541px; border: 2px solid #d0ee52; border-top: none; border-radius: 0 0 10px 10px; }
.ceny-plan-box-p3 { left: 854px; }
.ceny-plan-box-p4 { left: 1167px; }

/* Price text */
.ceny-plan-price {
  position: absolute;
  top: 905px;
  white-space: nowrap;
  line-height: 32px;
}
.ceny-plan-price-p1 { left: 264px; }
.ceny-plan-price-p2 { left: 577px; }
.ceny-plan-price-p3 { left: 890px; }
.ceny-plan-price-p4 { left: 1203px; }

.ceny-price-amount {
  font-size: 30px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  line-height: 32px;
}
.ceny-price-slash {
  font-size: 20px;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  line-height: 32px;
}
.ceny-price-unit {
  font-size: 20px;
  color: #8b8b8b;
  font-family: 'Supreme', sans-serif;
  line-height: 32px;
}

/* Price notes */
.ceny-plan-note {
  position: absolute;
  top: 938px;
  font-size: 14px;
  color: #8b8b8b;
  font-family: 'Supreme', sans-serif;
  line-height: 20px;
  white-space: nowrap;
}
.ceny-plan-note-p1 { left: 264px; }
.ceny-plan-note-p2 { left: 577px; }
.ceny-plan-note-p3 { left: 890px; }
.ceny-plan-note-p4 { left: 1203px; }

/* CTA buttons */
.ceny-plan-cta {
  position: absolute;
  top: 977px;
  width: 285px;
  height: 50px;
  background: #d0ee52;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #0d0e11;
  font-family: 'Supreme', sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.ceny-plan-cta-p1 { left: 228px; }
.ceny-plan-cta-p2 { left: 541px; }
.ceny-plan-cta-p3 { left: 854px; }
.ceny-plan-cta-p4 { left: 1167px; }

/* ---- Feature list items ---- */
.ceny-fi {
  position: absolute;
  width: 11px;
  height: 9px;
  display: block;
  background: url('https://www.figma.com/api/mcp/asset/f178ea39-2478-40bc-b561-759ad541594e') no-repeat center/contain;
}

.ceny-ft {
  position: absolute;
  font-size: 16px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  line-height: 32px;
  white-space: nowrap;
}

/* Plan column left positions – icons */
.ceny-fip1 { left: 277px; }
.ceny-fip2 { left: 582px; }
.ceny-fip3 { left: 896px; }
.ceny-fip4 { left: 1209px; }

/* Plan column left positions – text */
.ceny-ftp1 { left: 297px; }
.ceny-ftp2 { left: 602px; }
.ceny-ftp3 { left: 916px; }
.ceny-ftp4 { left: 1229px; }

/* Feature row top positions – text */
.ceny-fr1  { top: 1069px; }
.ceny-fr2  { top: 1099px; }
.ceny-fr3  { top: 1129px; }
.ceny-fr4  { top: 1159px; }
.ceny-fr5  { top: 1188px; }
.ceny-fr6  { top: 1218px; }
.ceny-fr7  { top: 1248px; }
.ceny-fr8  { top: 1278px; }
.ceny-fr9  { top: 1308px; }
.ceny-fr10 { top: 1338px; }
.ceny-fr11 { top: 1367px; }
.ceny-fr12 { top: 1397px; }
.ceny-fr13 { top: 1427px; }
.ceny-fr14 { top: 1457px; }

/* Feature row top positions – icons (text top + 12px) */
.ceny-ir1  { top: 1081px; }
.ceny-ir2  { top: 1111px; }
.ceny-ir3  { top: 1141px; }
.ceny-ir4  { top: 1171px; }
.ceny-ir5  { top: 1200px; }
.ceny-ir6  { top: 1230px; }
.ceny-ir7  { top: 1260px; }
.ceny-ir8  { top: 1290px; }
.ceny-ir9  { top: 1320px; }
.ceny-ir10 { top: 1350px; }
.ceny-ir11 { top: 1379px; }
.ceny-ir12 { top: 1409px; }
.ceny-ir13 { top: 1439px; }
.ceny-ir14 { top: 1469px; }

/* Support column 3rd link */
.footer-col-support-link3 {
  position: absolute;
  left: 1215px;
  top: 5639px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

/* Footer overrides – ceny page (wave=1300, offsets match onas: wave+766 etc) */
.ceny-page .footer-logo               { top: 2066px; left: 228px; }
.ceny-page .footer-desc               { top: 2130px; left: 228px; }
.ceny-page .footer-col-services-header { top: 2066px; left: 744px; }
.ceny-page .footer-col-services-link1  { top: 2103px; left: 744px; }
.ceny-page .footer-col-services-link2  { top: 2139px; left: 744px; }
.ceny-page .footer-col-services-link3  { top: 2175px; left: 744px; }
.ceny-page .footer-col-services-link4  { top: 2211px; left: 744px; }
.ceny-page .footer-col-info-header    { top: 2066px; left: 951px; }
.ceny-page .footer-col-info-link1     { top: 2103px; left: 951px; }
.ceny-page .footer-col-info-link2     { top: 2139px; left: 951px; }
.ceny-page .footer-col-info-link3     { top: 2175px; left: 951px; }
.ceny-page .footer-col-info-link4     { top: 2211px; left: 951px; }
.ceny-page .footer-col-support-header { top: 2066px; left: 1191px; }
.ceny-page .footer-col-support-link1  { top: 2103px; left: 1191px; }
.ceny-page .footer-col-support-link2  { top: 2139px; left: 1191px; }
.ceny-page .footer-col-support-link3  { top: 2175px; left: 1191px; }
.ceny-page .social-link-insta         { top: 2258px; left: 228px; }
.ceny-page .social-link-fb            { top: 2258px; left: 337px; }
.ceny-page .footer-line               { top: 2321px; left: 228px; width: 1224px; }
.ceny-page .footer-copyright          { top: 2352px; left: 228px; }
.ceny-page .footer-privacy            { top: 2352px; left: 1138px; }

/* ===================== O NÁS PAGE ===================== */
.onas-page { min-height: 2110px; }

.onas-heading {
  position: absolute;
  left: 349px;
  top: 299px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.onas-text {
  position: absolute;
  left: 349px;
  top: 467px;
  width: 462px;
  font-size: 15px;
  line-height: 1.65;
  color: #bbbbbb;
  font-family: 'Supreme', sans-serif;
}

/* Avatar */
.onas-avatar {
  position: absolute;
  left: 924px;
  top: 311px;
  width: 191px;
  height: 191px;
  object-fit: contain;
}

.onas-avatar-placeholder {
  position: absolute;
  left: 924px;
  top: 311px;
  width: 191px;
  height: 191px;
  background: #1a1a1a;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
}

.onas-avatar-label {
  position: absolute;
  left: 1112px;
  top: 527px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.onas-avatar-line {
  width: 30px;
  height: 1px;
  background: #d0ee52;
}

/* Values */
.onas-value {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 260px;
  top: 678px;
}

.onas-value-1 { left: 349px; }
.onas-value-2 { left: 696px; }
.onas-value-3 { left: 1037px; }

.onas-value-icon {
  flex-shrink: 0;
  margin-top: 4px;
}

.onas-value-title {
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  margin-bottom: 12px;
  line-height: 1.25;
}

.onas-value-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #aaaaaa;
  font-family: 'Supreme', sans-serif;
}

/* Partners */
.onas-partners-heading {
  position: absolute;
  left: 0;
  right: 0;
  top: 1064px;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.onas-partners-row {
  position: absolute;
  left: 228px;
  top: 1150px;
  width: 1224px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.onas-partner-logo {
  font-size: 16px;
  color: #aaaaaa;
  font-family: 'Supreme', sans-serif;
  line-height: 1.2;
  text-align: center;
  display: flex;
  align-items: center;
}

/* Wave */
.onas-wave {
  position: absolute;
  left: 0;
  top: 1180px;
  width: 1680px;
  height: auto;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .7;
}

/* Footer overrides – onas page */
.onas-page .footer-logo               { top: 1766px; left: 253px; }
.onas-page .footer-desc               { top: 1830px; left: 257px; }
.onas-page .footer-col-services-header { top: 1766px; left: 744px; }
.onas-page .footer-col-services-link1  { top: 1803px; left: 744px; }
.onas-page .footer-col-services-link2  { top: 1839px; left: 744px; }
.onas-page .footer-col-services-link3  { top: 1875px; left: 744px; }
.onas-page .footer-col-services-link4  { top: 1911px; left: 744px; }
.onas-page .footer-col-info-header    { top: 1766px; left: 951px; }
.onas-page .footer-col-info-link1     { top: 1803px; left: 951px; }
.onas-page .footer-col-info-link2     { top: 1839px; left: 951px; }
.onas-page .footer-col-info-link3     { top: 1875px; left: 951px; }
.onas-page .footer-col-info-link4     { top: 1911px; left: 951px; }
.onas-page .footer-col-support-header { top: 1766px; left: 1191px; }
.onas-page .footer-col-support-link1  { top: 1803px; left: 1191px; }
.onas-page .footer-col-support-link2  { top: 1839px; left: 1191px; }
.onas-page .footer-col-support-link3  { top: 1875px; left: 1191px; }
.onas-page .social-link-insta         { top: 1958px; left: 281px; }
.onas-page .social-link-fb            { top: 1958px; left: 397px; }
.onas-page .footer-line               { top: 2021px; left: 257px; width: 1171px; }
.onas-page .footer-copyright          { top: 2052px; left: 253px; }
.onas-page .footer-privacy            { top: 2052px; left: 1138px; }

/* ===================== KONTAKT PAGE ===================== */
.kontakt-page { min-height: 1749px; }

.ktk-heading {
  position: absolute;
  left: 228px;
  top: 299px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.ktk-support-label {
  position: absolute;
  left: 228px;
  top: 530px;
  font-size: 20px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.ktk-support-row {
  position: absolute;
  left: 228px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}
.ktk-support-row a { color: #ffffff; text-decoration: none; }
.ktk-support-row a:hover { color: #d0ee52; }

.ktk-support-email { top: 568px; }
.ktk-support-phone { top: 607px; }
.ktk-support-hours { top: 646px; }

/* Form box */
.ktk-form-box {
  position: absolute;
  left: 758px;
  top: 312px;
  width: 506px;
}

.ktk-input {
  display: block;
  width: 100%;
  background: #272727;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Supreme', sans-serif;
  padding: 0 20px;
  height: 44px;
  margin-bottom: 8px;
  outline: none;
  transition: border .2s;
  box-sizing: border-box;
}
.ktk-input:focus { outline: 1px solid #d0ee52; }
.ktk-input::placeholder { color: #8b8b8b; }

.ktk-textarea {
  display: block;
  width: 100%;
  background: #272727;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Supreme', sans-serif;
  padding: 14px 20px;
  height: 127px;
  resize: vertical;
  outline: none;
  transition: border .2s;
  margin-bottom: 14px;
  box-sizing: border-box;
}
.ktk-textarea:focus { outline: 1px solid #d0ee52; }
.ktk-textarea::placeholder { color: #8b8b8b; }

.ktk-submit {
  display: block;
  margin-left: auto;
  background: #d0ee52;
  color: #000000;
  border: none;
  border-radius: 7px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Supreme', sans-serif;
  padding: 0 24px;
  height: 40px;
  cursor: pointer;
  transition: background .2s;
}
.ktk-submit:hover { background: #c0de42; }
.ktk-submit:disabled { opacity: .6; cursor: not-allowed; }

.ktk-gdpr-row { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; }
.ktk-gdpr-check { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; accent-color: #d0ee52; cursor: pointer; }
.ktk-gdpr-label { font-size: 12px; color: #888; font-family: 'Supreme', sans-serif; line-height: 1.4; cursor: pointer; }
.ktk-gdpr-link { color: #d0ee52; text-decoration: underline; }

.ktk-msg {
  margin-top: 10px;
  font-size: 14px;
  text-align: right;
  min-height: 20px;
  font-family: 'Supreme', sans-serif;
}

/* Wave */
.ktk-wave {
  position: absolute;
  left: 0;
  top: 639px;
  width: 1680px;
  height: auto;
  mix-blend-mode: screen;
  pointer-events: none;
}

/* Footer overrides – kontakt page (wave=639, offsets match onas: wave+766 etc) */
.kontakt-page .footer-logo               { top: 1405px; left: 253px; }
.kontakt-page .footer-desc               { top: 1469px; left: 257px; }
.kontakt-page .footer-col-services-header { top: 1405px; left: 744px; }
.kontakt-page .footer-col-services-link1  { top: 1442px; left: 744px; }
.kontakt-page .footer-col-services-link2  { top: 1478px; left: 744px; }
.kontakt-page .footer-col-services-link3  { top: 1514px; left: 744px; }
.kontakt-page .footer-col-services-link4  { top: 1550px; left: 744px; }
.kontakt-page .footer-col-info-header    { top: 1405px; left: 951px; }
.kontakt-page .footer-col-info-link1     { top: 1442px; left: 951px; }
.kontakt-page .footer-col-info-link2     { top: 1478px; left: 951px; }
.kontakt-page .footer-col-info-link3     { top: 1514px; left: 951px; }
.kontakt-page .footer-col-info-link4     { top: 1550px; left: 951px; }
.kontakt-page .footer-col-support-header { top: 1405px; left: 1191px; }
.kontakt-page .footer-col-support-link1  { top: 1442px; left: 1191px; }
.kontakt-page .footer-col-support-link2  { top: 1478px; left: 1191px; }
.kontakt-page .footer-col-support-link3  { top: 1514px; left: 1191px; }
.kontakt-page .social-link-insta         { top: 1597px; left: 281px; }
.kontakt-page .social-link-fb            { top: 1597px; left: 397px; }
.kontakt-page .footer-line               { top: 1660px; left: 257px; width: 1171px; }
.kontakt-page .footer-copyright          { top: 1691px; left: 253px; }
.kontakt-page .footer-privacy            { top: 1691px; left: 1138px; }

/* ===================== SABLONY PAGE ===================== */
.sablony-page {
  min-height: 2641px;
}

/* Wave bg */
.sabl-wave {
  position: absolute;
  left: 0;
  top: 581px;
  width: 1680px;
  height: auto;
  mix-blend-mode: screen;
  display: block;
  pointer-events: none;
}

/* Hero heading */
.sabl-heading {
  position: absolute;
  left: 228px;
  top: 299px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

/* Hero subtitle */
.sabl-subtitle {
  position: absolute;
  left: 228px;
  top: 438px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

/* ---- Dynamic filter pills (sablony page) ---- */
.sabl-filters-wrap {
  position: absolute;
  left: 228px;
  top: 602px;
  width: 1224px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sabl-dyn-pill {
  height: 52px;
  background: #272727;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  font-size: 16px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
}

.sabl-dyn-pill-active {
  border-color: #d0ee52;
}

/* ---- Dynamic template cards (sablony page) ---- */
.sabl-cards-wrap {
  position: absolute;
  left: 228px;
  top: 680px;
  width: 1224px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.sabl-dyn-card {
  width: 275px;
  min-height: 173px;
  background: #202020;
  border-radius: 5px;
  padding: 21px 25px 24px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.sabl-dyn-card:hover {
  background: #2a2a2a;
}

.sabl-dyn-star {
  position: absolute;
  top: 21px;
  right: 20px;
}

.sabl-dyn-title {
  display: block;
  font-size: 20px;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
  line-height: 1.3;
  padding-right: 28px;
}

.sabl-dyn-desc {
  margin: 16px 0 0;
  font-size: 16px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

/* Loading dots */
.sabl-loading {
  display: flex;
  gap: 8px;
  padding: 40px 0;
}
.sabl-loading span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d0ee52;
  animation: sablDot 1.2s infinite;
}
.sabl-loading span:nth-child(2) { animation-delay: .2s; }
.sabl-loading span:nth-child(3) { animation-delay: .4s; }
@keyframes sablDot {
  0%,80%,100% { opacity: .2; }
  40%         { opacity: 1; }
}

/* ===================== BLOG DETAIL PAGE ===================== */
.blog-detail-page {
  min-height: 980px;
}

.bdetail-back {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  margin-top: 36px;
}

.bdetail-back-arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}

.bdetail-back-text {
  font-size: 16px;
  font-weight: 700;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
}

.bdetail-title {
  position: absolute;
  left: 228px;
  top: 185px;
  width: 1000px;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
}

.bdetail-article {
  position: absolute;
  left: 228px;
  top: 340px;
  width: 900px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  line-height: 2;
}

.bdetail-article p,
.bdetail-article div,
.bdetail-article span,
.bdetail-article li,
.bdetail-article h1,
.bdetail-article h2,
.bdetail-article h3 {
  font-size: 16px;
  font-weight: 400;
  color: #d0ee52;
  font-family: 'Supreme', sans-serif;
  line-height: 46px;
  margin-bottom: 4px;
}

.bdetail-article h1,
.bdetail-article h2,
.bdetail-article h3 {
  font-weight: 700;
  margin-top: 24px;
}

/* Footer overrides – blog detail page (tops set by JS based on article height) */
.blog-detail-page .footer-logo               { left: 228px; }
.blog-detail-page .footer-desc               { left: 228px; }

/* ==================== AUTH PAGES – SHARED ==================== */

.page.registrace-page,
.page.prihlaseni-page,
.page.zapomenuteheslo-page {
  min-height: 1164px;
}

.auth-img {
  position: absolute;
  left: 257px;
  top: 213px;
  width: 696px;
  height: 573px;
  object-fit: cover;
  border-radius: 12px;
}

.auth-heading {
  position: absolute;
  left: 1039px;
  font-size: 38px;
  font-weight: 700;
  font-family: 'Supreme', sans-serif;
  line-height: 42px;
  color: #ffffff;
}

.auth-subtext {
  position: absolute;
  left: 1039px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Supreme', sans-serif;
  color: #ffffff;
  line-height: 20px;
}

.auth-link {
  color: #d0ee52;
  text-decoration: underline;
  font-family: inherit;
}

.auth-link:hover {
  opacity: 0.85;
}

.auth-input {
  position: absolute;
  height: 44px;
  background: #2b2d31;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-size: 15px;
  font-family: 'Supreme', sans-serif;
  padding: 0 16px;
  box-sizing: border-box;
  outline: none;
}

.auth-input::placeholder {
  color: #8b8b8b;
}

.auth-input-lock {
  padding-left: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='7' width='10' height='9' rx='2' stroke='%238b8b8b' stroke-width='1.5'/%3E%3Cpath d='M3 7V5a3 3 0 0 1 6 0v2' stroke='%238b8b8b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px center;
}

.auth-select {
  position: absolute;
  height: 44px;
  background: #2b2d31;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Supreme', sans-serif;
  padding: 0 26px 0 10px;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b8b8b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}

.auth-select option {
  background: #2b2d31;
  color: #ffffff;
}

.auth-checkbox-row {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
}

.auth-checkbox {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: #d0ee52;
}

.auth-checkbox-label {
  font-size: 14px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  line-height: 20px;
  cursor: pointer;
}

.auth-btn {
  position: absolute;
  width: 384px;
  height: 52px;
  background: #d0ee52;
  border: none;
  border-radius: 8px;
  color: #0d0e11;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
}

.auth-btn:hover {
  background: #c4e140;
}

.auth-divider-wrap {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 384px;
}

.auth-divider-line {
  flex: 1;
  height: 1px;
  background: #505050;
}

.auth-divider-text {
  font-size: 12px;
  color: #8b8b8b;
  white-space: nowrap;
  font-family: 'Supreme', sans-serif;
}

.auth-social-btn {
  position: absolute;
  width: 186px;
  height: 44px;
  background: transparent;
  border: 1px solid #505050;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none;
  box-sizing: border-box;
}

.auth-social-btn:hover {
  background: #2b2d31;
}

.auth-forgot {
  position: absolute;
  font-size: 13px;
  color: #8b8b8b;
  font-family: 'Supreme', sans-serif;
  text-decoration: none;
}

.auth-forgot:hover {
  color: #ffffff;
}

/* Cloudflare captcha mock */
.auth-captcha {
  position: absolute;
  width: 284px;
  height: 58px;
  background: #1e1e1e;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 10px;
  box-sizing: border-box;
}

.auth-captcha-check {
  width: 22px;
  height: 22px;
  border: 1px solid #8b8b8b;
  border-radius: 3px;
  flex-shrink: 0;
}

.auth-captcha-label {
  font-size: 12px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  flex: 1;
  white-space: nowrap;
}

.auth-captcha-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
}

.auth-captcha-cf-name {
  font-size: 9px;
  color: #f4811f;
  font-family: sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.auth-captcha-cf-links {
  font-size: 8px;
  color: #666;
  font-family: sans-serif;
  white-space: nowrap;
}

/* ==================== REGISTRACE PAGE ==================== */
.reg-heading  { top: 213px; }
.reg-subtext  { top: 317px; }
.reg-input-fname   { left: 1039px; top: 379px; width: 187px; }
.reg-input-lname   { left: 1236px; top: 379px; width: 187px; }
.reg-input-email   { left: 1039px; top: 433px; width: 384px; }
.reg-select-phone  { left: 1039px; top: 487px; width:  91px; }
.reg-input-phone   { left: 1139px; top: 487px; width: 284px; }
.reg-input-pass    { left: 1039px; top: 541px; width: 384px; }
#reg-eye           { position: absolute; left: 1389px; top: 553px; }
.reg-input-pass2   { left: 1039px; top: 595px; width: 384px; }
#reg-eye2          { position: absolute; left: 1389px; top: 607px; }
.reg-pass-hint     { position:absolute; left:1039px; top:650px; font-size:12px; color:#888; font-family:Supreme,sans-serif; margin:0; }

.auth-error {
  position: absolute;
  font-size: 13px;
  color: #ff5555;
  font-family: 'Supreme', sans-serif;
  width: 384px;
  padding: 10px 14px;
  background: rgba(255, 85, 85, 0.08);
  border: 1px solid rgba(255, 85, 85, 0.35);
  border-radius: 8px;
  box-sizing: border-box;
  display: none;
  line-height: 1.5;
}
.reg-error { left: 1039px; top: 682px; }

.reg-checkbox      { left: 1039px; top: 674px; }
.reg-btn           { left: 1039px; top: 736px; }
.reg-divider       { left: 1039px; top: 824px; }
.reg-social-google { left: 1039px; top: 866px; }
.reg-social-apple  { left: 1237px; top: 866px; }

/* ==================== PRIHLASENI PAGE ==================== */
.pri-heading  { top: 213px; }
.pri-subtext  { top: 347px; }
.pri-input-email   { left: 1039px; top: 410px; width: 384px; }
.pri-input-pass    { left: 1039px; top: 467px; width: 384px; }
#pri-eye           { position: absolute; left: 1389px; top: 479px; }
.pri-forgot        { left: 1039px; top: 524px; }
.pri-captcha       { left: 1039px; top: 548px; }
.pri-btn           { left: 1039px; top: 653px; }
.pri-divider       { left: 1039px; top: 721px; }
.pri-social-google { left: 1039px; top: 760px; }
.pri-social-apple  { left: 1237px; top: 760px; }

/* ==================== ZAPOMENUTEHESLO PAGE ==================== */
.zap-heading  { top: 438px; }
.zap-subtext  { top: 532px; width: 300px; line-height: 22px; }
.zap-input-email { left: 1039px; top: 629px; width: 384px; }
.zap-btn         { left: 1039px; top: 693px; }

/* ===================== ADMIN PAGE ===================== */
.adm-body { background: #181818; }
.adm-page { min-height: 935px; overflow: visible; }

/* Topbar */
.adm-logo { position: absolute; left: 56px; top: 37px; }
.adm-promo-title { position: absolute; left: 294px; top: 43px; font-size: 18px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin: 0; }
.adm-promo-sub { position: absolute; left: 294px; top: 69px; font-size: 13px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0; }
.adm-promo-link { color: #d0ee52; font-weight: 700; text-decoration: underline; }
.adm-promo-sep { color: #555; margin: 0 6px; }
.adm-account-wrap { position: absolute; left: 1231px; top: 52px; display: flex; align-items: center; gap: 14px; }
.adm-account-link { font-size: 15px; color: #ffffff; font-family: 'Supreme', sans-serif; text-decoration: none; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.adm-topbar-vsep { width: 1px; height: 26px; background: #333333; }
.adm-logout-link { font-size: 15px; color: #ffffff; font-family: 'Supreme', sans-serif; text-decoration: none; }
.adm-invite-btn { position: absolute; left: 1479px; top: 40px; width: 145px; height: 50px; background: #d0ee52; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color: #0d0e11; font-family: 'Supreme', sans-serif; text-decoration: none; cursor: pointer; }
.adm-topbar-line { position: absolute; left: 0; top: 130px; width: 1680px; height: 1px; background: #333333; }

/* Sidebar labels */
.adm-sidebar-label { position: absolute; left: 56px; font-size: 16px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; }
.adm-sidebar-services { top: 185px; }
.adm-sidebar-other { top: 518px; }

/* Nav items */
.adm-nav-item { position: absolute; left: 56px; display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 400; color: #8b8b8b; text-decoration: none; font-family: 'Supreme', sans-serif; white-space: nowrap; cursor: pointer; }
.adm-nav-item:hover { color: #d0ee52; }
.adm-nav-item.adm-nav-active { font-weight: 700; color: #d0ee52; }
.adm-nav-images { top: 222px; }
.adm-nav-chat { top: 267px; }
.adm-nav-translator { top: 312px; }
.adm-nav-docs { top: 357px; }
.adm-nav-templates { top: 402px; }
.adm-nav-notes     { top: 447px; }
.adm-sidebar-divider { position: absolute; left: 56px; top: 492px; width: 152px; height: 1px; background: #333333; }
.adm-nav-history { top: 555px; }
.adm-nav-support { top: 600px; }
.adm-nav-tokens { top: 600px; }

/* Words widget */
.adm-words-widget { position: fixed; left: 56px; bottom: 32px; width: 170px; height: 75px; background: #272727; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; padding: 0 16px; box-sizing: border-box; z-index: 100; }
.adm-words-label { font-size: 13px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; text-decoration: underline; cursor: pointer; }
.adm-words-value { font-size: 13px; color: #ffffff; font-family: 'Supreme', sans-serif; margin-top: 4px; }

/* Panels */
.adm-panel { position: absolute; left: 294px; top: 194px; width: 1330px; min-height: calc(100vh - 194px); display: none; }
.adm-panel.adm-panel-active { display: block; }
.adm-panel-chat, .adm-panel-images { display: none; flex-direction: column; }
.adm-panel-chat.adm-panel-active, .adm-panel-images.adm-panel-active { display: flex; }

/* Dashboard stats */
.adm-dash-stats { display: flex; gap: 15px; margin-bottom: 53px; }
.adm-stat-card { width: 243px; height: 110px; background: #272727; border-radius: 8px; padding: 18px 20px; box-sizing: border-box; }
.adm-stat-label { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 10px; font-weight: 700; }
.adm-stat-value { font-size: 16px; font-weight: 400; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0; line-height: 24px; }
.adm-dash-divider { width: 770px; height: 1px; background: #333333; margin-bottom: 53px; }
.adm-dash-heading { font-size: 22px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin: 0 0 10px; }
.adm-dash-sub { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 28px; line-height: 22px; }


/* Image generator */
/* Image generation panel */
.adm-img-gallery { width: 826px; margin: 0 auto; flex: 1; min-height: 100px; display: flex; align-items: center; justify-content: center; overflow-y: auto; gap: 16px; flex-wrap: wrap; align-content: flex-start; padding: 20px 0; box-sizing: border-box; }
.adm-img-gallery-empty { font-size: 16px; color: #505050; font-family: 'Supreme', sans-serif; }
.adm-img-gallery-item { position: relative; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.adm-img-gallery-item img { display: block; max-height: 300px; max-width: 100%; border-radius: 10px; }
.adm-img-download { position: absolute; bottom: 8px; right: 8px; background: rgba(0,0,0,.65); border: 1px solid #505050; border-radius: 6px; color: #ffffff; font-size: 12px; font-family: 'Supreme', sans-serif; padding: 4px 10px; cursor: pointer; text-decoration: none; display: flex; align-items: center; gap: 5px; }
.adm-img-skeleton { width: 300px; height: 300px; background: #272727; border-radius: 10px; display: flex; align-items: center; justify-content: center; animation: adm-pulse 1.6s ease-in-out infinite; }
@keyframes adm-pulse { 0%,100%{opacity:.5} 50%{opacity:1} }
.adm-img-bottom-wrap { width: 826px; margin: 0 auto; padding-bottom: 32px; }
.adm-ratio-label { font-size: 15px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 12px; }
.adm-ratio-btns { display: flex; gap: 10px; margin-bottom: 20px; }
.adm-ratio-btn { width: 110px; height: 110px; background: #272727; border: 1px solid #505050; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; gap: 8px; }
.adm-ratio-btn.adm-ratio-active { border-color: #d0ee52; }
.adm-ratio-preview { background: #505050; border-radius: 2px; }
.adm-ratio-text { font-size: 11px; color: #ffffff; font-family: 'Supreme', sans-serif; text-align: center; line-height: 16px; }
.adm-img-input-wrap { position: relative; width: 826px; }
.adm-img-textarea { width: 826px; height: 90px; background: #272727; border: 1px solid #d0ee52; border-radius: 5px; color: #ffffff; font-size: 16px; font-family: 'Supreme', sans-serif; padding: 14px 70px 14px 16px; resize: none; outline: none; box-sizing: border-box; }
.adm-img-textarea::placeholder { color: #505050; }
.adm-img-send { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; background: #0d0e11; border-radius: 5px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; }
.adm-img-cost-note { font-size: 12px; color: #505050; font-family: 'Supreme', sans-serif; margin: 8px 0 0; }

/* Chat */
.adm-chat-area { width: 826px; margin: 0 auto; flex: 1; min-height: 100px; display: flex; align-items: center; justify-content: center; overflow-y: auto; }
.adm-chat-area.adm-chat-has-messages { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 20px 0; gap: 16px; }
.adm-chat-msg { font-size: 16px; font-family: 'Supreme', sans-serif; line-height: 1.6; word-wrap: break-word; }
.adm-chat-msg-user { background: #272727; color: #ffffff; align-self: flex-end; border-radius: 12px 12px 4px 12px; padding: 12px 16px; max-width: 65%; }
.adm-chat-msg-ai { background: none; color: #ffffff; align-self: flex-start; padding: 0; max-width: 100%; }
.adm-chat-typing { display: flex; align-items: center; gap: 5px; padding: 4px 0; }
.adm-chat-typing span { width: 7px; height: 7px; background: #8b8b8b; border-radius: 50%; display: inline-block; animation: adm-blink 1.3s infinite; }
.adm-chat-typing span:nth-child(2) { animation-delay: 0.2s; }
.adm-chat-typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes adm-blink { 0%, 60%, 100% { opacity: 0.25; transform: scale(0.9); } 30% { opacity: 1; transform: scale(1.15); } }
.adm-chat-empty { font-size: 16px; color: #505050; font-family: 'Supreme', sans-serif; }
.adm-chat-bottom { display: flex; flex-direction: column; align-items: center; padding-bottom: 32px; }
.adm-chat-start { font-size: 18px; color: #ffffff; font-family: 'Supreme', sans-serif; text-align: center; margin-bottom: 16px; }
.adm-model-chips { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; width: 826px; margin-bottom: 24px; }
.adm-model-row { display: flex; gap: 20px; align-items: center; }
.adm-model-chip { height: auto; padding: 0 0 3px 0; background: transparent; border-radius: 0; color: #8b8b8b; font-size: 12px; font-family: 'Supreme', sans-serif; display: flex; align-items: center; gap: 6px; cursor: pointer; border: none; border-bottom: 1.5px solid transparent; font-weight: 400; }
.adm-model-chip:hover { color: #d0ee52; }
.adm-model-chip.adm-chip-selected { color: #ffffff; border-bottom: 1.5px solid #d0ee52; }
.adm-chat-input-wrap { position: relative; width: 826px; }
.adm-chat-textarea { width: 826px; height: 90px; background: #272727; border: 1px solid #d0ee52; border-radius: 5px; color: #ffffff; font-size: 16px; font-family: 'Supreme', sans-serif; padding: 14px 70px 14px 16px; resize: none; outline: none; box-sizing: border-box; }
.adm-chat-textarea::placeholder { color: #505050; }
.adm-chat-send { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; background: #0d0e11; border-radius: 5px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; }

/* Translator */
.adm-trans-heading { font-size: 22px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin: 0 0 8px; }
.adm-trans-sub { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 20px; line-height: 22px; }
.adm-claude-badge { display: inline-flex; align-items: center; gap: 6px; margin-left: 14px; background: #272727; border: 1px solid #d0ee52; border-radius: 7px; padding: 5px 14px; font-size: 13px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; vertical-align: middle; white-space: nowrap; }
.adm-trans-action-btns { display: flex; gap: 10px; margin-bottom: 16px; }
.adm-trans-btn { height: 52px; padding: 0 28px; border-radius: 5px; font-size: 16px; font-family: 'Supreme', sans-serif; cursor: pointer; }
.adm-trans-btn-active { background: #272727; border: 1px solid #d0ee52; color: #ffffff; font-weight: 700; }
.adm-trans-btn-inactive { background: #272727; border: 1px solid transparent; color: #8b8b8b; }
.adm-trans-info { font-size: 13px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin-bottom: 20px; }
.adm-trans-panels { display: flex; gap: 20px; width: 100%; }
.adm-trans-arrow { color: #d0ee52; font-size: 20px; align-self: flex-start; margin-top: 10px; flex-shrink: 0; }
.adm-lang-panel-right { width: 460px; }
.adm-trans-panel { flex: 1; min-width: 0; }
.adm-lang-sel { height: 40px; padding: 0 4px; background: transparent; color: #8b8b8b; font-size: 16px; font-family: 'Supreme', sans-serif; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; cursor: pointer; user-select: none; }
.adm-lang-row { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.adm-lang-arrow-green { color: #d0ee52; font-size: 20px; flex-shrink: 0; line-height: 1; }
.adm-lang-dropdown { position: relative; height: 40px; display: flex; align-items: center; gap: 8px; cursor: pointer; user-select: none; color: #8b8b8b; font-size: 16px; font-family: 'Supreme', sans-serif; margin-bottom: 0; }
.adm-lang-name { color: #8b8b8b; }
.adm-lang-chevron { flex-shrink: 0; transition: transform 0.18s; }
.adm-lang-dropdown.adm-dd-open .adm-lang-chevron { transform: rotate(180deg); }
.adm-lang-menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 210px; max-height: 320px; overflow-y: auto; background: #1a1a1a; border: 1px solid #333; border-radius: 8px; padding: 6px 0; z-index: 300; display: none; box-shadow: 0 10px 30px rgba(0,0,0,0.6); }
.adm-lang-dropdown.adm-dd-open .adm-lang-menu { display: block; }
.adm-lang-option { padding: 9px 16px; font-size: 14px; color: #ffffff; cursor: pointer; display: flex; align-items: center; gap: 10px; font-family: 'Supreme', sans-serif; }
.adm-lang-option:hover { background: #272727; }
.adm-lang-option.adm-lang-active { color: #d0ee52; }
.adm-lang-flag { font-size: 17px; line-height: 1; }
.adm-trans-textarea { width: 100%; height: 350px; background: #272727; border: 1px solid #505050; border-radius: 3px; color: #ffffff; font-size: 16px; font-family: 'Supreme', sans-serif; padding: 14px; resize: none; outline: none; box-sizing: border-box; }
.adm-trans-textarea.adm-trans-output { color: #8b8b8b; }
.adm-trans-textarea::placeholder { color: #505050; }
.adm-trans-bottom { display: flex; gap: 12px; align-items: center; margin-top: 12px; }
.adm-trans-icon { color: #8b8b8b; cursor: pointer; }
.adm-tip { font-size: 14px; color: #ffffff; font-family: 'Supreme', sans-serif; font-weight: 400; }
.adm-tip-label { font-weight: 700; color: #d0ee52; margin-right: 4px; }

/* Documents */
.adm-docs-sub { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 45px; line-height: 22px; }
.adm-docs-cta-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.adm-docs-sep { width: 1px; height: 40px; background: #444; margin: 0 15px; }
.adm-docs-upload-btn { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 0 8px; }
.adm-docs-upload-text { display: flex; flex-direction: column; }
.adm-docs-upload-label { font-size: 14px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; text-decoration: underline; }
.adm-docs-upload-hint { font-size: 12px; color: #8b8b8b; font-family: 'Supreme', sans-serif; }
.adm-docs-filename { font-size: 14px; color: #ffffff; font-family: 'Supreme', sans-serif; display: flex; align-items: center; gap: 8px; }
.adm-docs-file-x { color: #8b8b8b; cursor: pointer; font-size: 16px; }
.adm-docs-translate-btn { height: 52px; padding: 0 28px; background: #d0ee52; color: #0d0e11; font-size: 16px; font-weight: 700; font-family: 'Supreme', sans-serif; border: none; border-radius: 5px; cursor: pointer; }
.adm-docs-info-row { display: flex; align-items: center; gap: 24px; margin-bottom: 20px; }
.adm-docs-info-item { font-size: 13px; color: #8b8b8b; font-family: 'Supreme', sans-serif; display: flex; align-items: center; gap: 6px; }
.adm-docs-textarea { color: #ffffff; font-size: 15px; font-family: 'Supreme', sans-serif; line-height: 1.6; }
.adm-docs-history { background: #272727; border-radius: 3px; width: 460px; height: 350px; padding: 20px 24px; box-sizing: border-box; }
.adm-docs-history-title { font-size: 16px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 14px; }
.adm-docs-history-item { font-size: 14px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin: 0 0 8px; cursor: pointer; }
.adm-docs-history-item:hover { color: #ffffff; }
.adm-docs-bottom-row { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
/* Full-width translation result — capped at combined panel width (628+20+460) */
.adm-docs-result { width: 1108px; }
.adm-docs-result-preview { width: 100%; height: 460px; background: #272727; border: 1px solid #333; border-radius: 5px; padding: 22px 26px; box-sizing: border-box; color: #ffffff; font-size: 15px; font-family: 'Supreme', sans-serif; line-height: 1.75; overflow-y: auto; outline: none; white-space: pre-wrap; }
.adm-docs-result-preview:focus { border-color: #505050; }
.adm-docs-result-preview table { width: 100%; border-collapse: collapse; margin-bottom: 12px; }
.adm-docs-result-preview td, .adm-docs-result-preview th { border: 1px solid #444; padding: 6px 10px; vertical-align: top; }
.adm-docs-result-preview th { background: #333; font-weight: 700; color: #d0ee52; }
.adm-docs-result-preview p { margin: 0 0 8px; }
.adm-docs-result-preview ul, .adm-docs-result-preview ol { padding-left: 20px; margin-bottom: 8px; }
.adm-docs-result-preview h1, .adm-docs-result-preview h2, .adm-docs-result-preview h3 { color: #d0ee52; margin: 12px 0 6px; }
.adm-docs-result-ai-row { display: flex; align-items: flex-start; gap: 12px; margin-top: 14px; }
.adm-docs-result-ai-input { flex: 1; height: 80px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #ffffff; font-size: 15px; font-family: 'Supreme', sans-serif; padding: 14px 16px; resize: none; outline: none; box-sizing: border-box; }
.adm-docs-result-ai-input::placeholder { color: #505050; }
.adm-docs-result-ai-input:focus { border-color: #d0ee52; }
.adm-docs-result-ai-btn { height: 80px; padding: 0 22px; background: #d0ee52; border: none; border-radius: 5px; color: #0d0e11; font-size: 15px; font-weight: 700; font-family: 'Supreme', sans-serif; cursor: pointer; white-space: nowrap; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.adm-docs-result-ai-btn:hover { background: #bfda3f; }
.adm-docs-result-bottom { margin-top: 12px; }
.adm-docs-download-btn { display: flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 28px; background: #272727; border: 1px solid #d0ee52; border-radius: 5px; color: #ffffff; font-size: 16px; font-weight: 700; font-family: 'Supreme', sans-serif; cursor: pointer; }
.adm-docs-download-btn:hover { background: #1e1e1e; }
.adm-docs-create-btn { white-space: nowrap; }
.adm-docs-recent-label { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; font-weight: 400; margin: 32px 0 16px; }
.adm-docs-card-grid { display: flex; flex-wrap: wrap; gap: 16px; }
.adm-docs-doc-card { width: 200px; background: #272727; border-radius: 5px; padding: 20px 20px 18px; box-sizing: border-box; display: flex; flex-direction: column; }
.adm-docs-doc-title { font-size: 15px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin: 0 0 8px; line-height: 1.35; word-break: break-word; }
.adm-docs-doc-type { font-size: 11px; font-weight: 600; color: #8b8b8b; font-family: 'Supreme', sans-serif; text-transform: uppercase; letter-spacing: .5px; margin: 0 0 8px; }
.adm-docs-doc-date { font-size: 12px; color: #505050; font-family: 'Supreme', sans-serif; margin: 0 0 14px; flex: 1; }
.adm-docs-doc-actions { display: flex; align-items: center; justify-content: space-between; margin-top: auto; }
.adm-docs-doc-edit { font-size: 13px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; text-decoration: none; display: flex; align-items: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 0; }
.adm-docs-doc-delete { font-size: 12px; color: #505050; font-family: 'Supreme', sans-serif; background: none; border: none; cursor: pointer; padding: 0; }
.adm-docs-doc-delete:hover { color: #ff5555; }

/* Docs create (editor) panel */
.adm-docs-create-topbar { display: flex; align-items: center; gap: 0; margin-bottom: 20px; }
.adm-docs-create-topbar .adm-trans-action-btns { margin-bottom: 0; flex-shrink: 0; }
.adm-docs-create-topbar .adm-docs-sep { flex-shrink: 0; margin: 0 20px; }
.adm-docs-ai-trigger { display: flex; align-items: center; gap: 8px; background: #272727; border: 1px solid #3a3a3a; border-radius: 5px; color: #ffffff; font-size: 16px; font-family: 'Supreme', sans-serif; padding: 0 18px; height: 52px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
.adm-docs-ai-trigger:hover { border-color: #d0ee52; }
.adm-docs-ai-hint { font-size: 13px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin: 0 0 0 16px; line-height: 1.5; }
.adm-wysi-toolbar { display: flex; align-items: center; gap: 2px; background: #1e1e1e; border: 1px solid #333; border-bottom: none; border-radius: 5px 5px 0 0; padding: 8px 14px; }
.adm-wysi-btn { background: transparent; border: none; color: #cccccc; font-size: 15px; font-family: 'Supreme', sans-serif; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 3px; flex-shrink: 0; }
.adm-wysi-btn:hover { background: #2e2e2e; color: #ffffff; }
.adm-wysi-sep { width: 1px; height: 18px; background: #3a3a3a; margin: 0 6px; flex-shrink: 0; }
.adm-wysi-spacer { flex: 1; }
.adm-wysi-fontsize { background: transparent; border: none; color: #cccccc; font-size: 14px; font-family: 'Supreme', sans-serif; cursor: pointer; padding: 0 6px; height: 32px; outline: none; }
.adm-wysi-fontsize option { background: #1e1e1e; color: #ffffff; }
.adm-docs-export-pdf-btn { height: 52px; padding: 0 28px; background: #272727; border: 1px solid #d0ee52; border-radius: 5px; color: #ffffff; font-size: 16px; font-weight: 700; font-family: 'Supreme', sans-serif; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
.adm-docs-export-pdf-btn:hover { background: #1e1e1e; }
.adm-wysi-editor { width: 100%; min-height: 380px; background: #272727; border: 1px solid #333; border-top: none; border-radius: 0 0 5px 5px; padding: 24px 28px; box-sizing: border-box; color: #ffffff; font-size: 16px; font-family: 'Supreme', sans-serif; line-height: 1.7; outline: none; }
.adm-wysi-editor:empty:before { content: 'Začněte psát nebo použijte Zeptej se AI…'; color: #505050; pointer-events: none; }
/* AI Modal */
.adm-ai-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.72); z-index: 1000; display: none; align-items: center; justify-content: center; }
.adm-ai-modal.adm-modal-open { display: flex; }
.adm-ai-modal-box { background: #1a1a1a; border: 1px solid #333; border-radius: 10px; padding: 30px 34px 30px; width: 700px; box-sizing: border-box; }
.adm-ai-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.adm-ai-modal-title { font-size: 18px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; display: flex; align-items: center; }
.adm-ai-modal-close { background: transparent; border: 1px solid #444; border-radius: 5px; color: #8b8b8b; font-size: 20px; cursor: pointer; line-height: 1; padding: 2px 8px; }
.adm-ai-modal-close:hover { color: #ffffff; border-color: #888; }
.adm-ai-modal-desc { font-size: 14px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin: 0 0 20px; }
.adm-ai-modal-input-wrap { position: relative; width: 100%; }
.adm-ai-modal-input { width: 100%; height: 62px; background: #272727; border: 1px solid #444; border-radius: 8px; color: #ffffff; font-size: 15px; font-family: 'Supreme', sans-serif; padding: 0 160px 0 18px; outline: none; box-sizing: border-box; }
.adm-ai-modal-input::placeholder { color: #505050; }
.adm-ai-modal-input:focus { border-color: #555; }
.adm-ai-modal-submit { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); height: 46px; padding: 0 22px; background: #d0ee52; border: none; border-radius: 5px; color: #0d0e11; font-size: 15px; font-weight: 700; font-family: 'Supreme', sans-serif; cursor: pointer; white-space: nowrap; }
.adm-ai-modal-submit:hover { opacity: 0.85; }
.adm-ai-modal-submit:disabled { opacity: 0.6; cursor: default; }

/* Templates panel */
.adm-tmpl-heading { font-size: 22px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin: 0 0 8px; }
.adm-tmpl-sub { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 24px; line-height: 22px; max-width: 800px; }
.adm-filter-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.adm-filter-pill { height: 52px; padding: 0 28px; border-radius: 5px; font-size: 16px; font-family: 'Supreme', sans-serif; cursor: pointer; display: flex; align-items: center; background: #272727; color: #ffffff; border: 1px solid transparent; }
.adm-filter-pill.adm-pill-active { border: 1px solid #d0ee52; font-weight: 400; }
.adm-filter-pill:not(.adm-pill-active):hover { background: #2b2d31; }
.adm-filter-row-2 { margin-bottom: 28px; }
.adm-tmpl-cards { display: flex; flex-wrap: wrap; gap: 25px; }
.adm-tmpl-card { width: 275px; min-height: 173px; background: #202020; border-radius: 5px; padding: 20px 20px 20px 25px; box-sizing: border-box; position: relative; cursor: pointer; display: flex; flex-direction: column; gap: 10px; }
.adm-tmpl-card:hover { background: #252525; }
.adm-tmpl-title { font-size: 20px; font-weight: 400; color: #d0ee52; font-family: 'Supreme', sans-serif; line-height: normal; margin: 0; padding-right: 28px; }
.adm-tmpl-star { position: absolute; top: 20px; right: 18px; color: #d0ee52; }
.adm-tmpl-desc { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; line-height: normal; margin: 0; }
.adm-tmpl-category-heading { font-size: 11px; font-weight: 700; color: #555; text-transform: uppercase; letter-spacing: .08em; margin: 28px 0 14px; width: 100%; }

/* Settings */
.adm-settings-heading { font-size: 22px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin: 0 0 8px; }
.adm-settings-sub { font-size: 16px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 20px; line-height: 22px; }
.adm-settings-tabs { display: flex; gap: 8px; }
.adm-settings-tab { height: 52px; padding: 0 28px; border-radius: 5px; font-size: 16px; font-family: 'Supreme', sans-serif; cursor: pointer; background: #272727; color: #8b8b8b; border: 1px solid transparent; }
.adm-settings-tab.adm-tab-active { border: 1px solid #d0ee52; color: #ffffff; }
.adm-settings-divider { width: 100%; height: 1px; background: #333333; margin: 60px 0 60px; }
.adm-settings-input { width: 320px; height: 44px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #ffffff; font-size: 16px; font-family: 'Supreme', sans-serif; padding: 0 16px; outline: none; box-sizing: border-box; display: block; margin-bottom: 12px; }
.adm-settings-input::placeholder { color: #505050; }
.adm-settings-save { margin-top: 16px; height: 52px; padding: 0 28px; background: #272727; color: #ffffff; font-size: 16px; font-weight: 700; font-family: 'Supreme', sans-serif; border: 1px solid #d0ee52; border-radius: 5px; cursor: pointer; }

/* Subscription tab */
.adm-sub-info-row { display: flex; gap: 16px; margin-top: 8px; margin-bottom: 40px; }
.adm-sub-info-box { width: 225px; background: #272727; border-radius: 8px; padding: 20px 24px; }
.adm-sub-info-label { font-size: 14px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin: 0 0 10px; }
.adm-sub-info-value { font-size: 20px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0; line-height: 1.45; }
.adm-sub-actions-row { display: flex; align-items: stretch; }
.adm-sub-action { flex: 1; display: flex; flex-direction: column; }
.adm-sub-action:first-child { flex: 0 0 380px; }
.adm-sub-action-link { margin-top: auto; }
.adm-sub-vsep { width: 1px; background: #333; align-self: stretch; margin: 0 60px; flex-shrink: 0; }
.adm-sub-action-title { font-size: 16px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 12px; }
.adm-sub-action-desc { font-size: 14px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin: 0 0 20px; line-height: 1.55; max-width: 360px; }
.adm-sub-action-link { display: inline-flex; align-items: center; gap: 10px; color: #d0ee52; font-size: 15px; font-weight: 700; font-family: 'Supreme', sans-serif; text-decoration: none; }
.adm-sub-action-link:hover { opacity: 0.8; }
.adm-sub-arrow { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex-shrink: 0; }

/* Team tab */
.adm-team-invite-row { display: flex; gap: 60px; align-items: flex-start; margin-bottom: 40px; }
.adm-team-invite-section { display: flex; flex-direction: column; gap: 14px; }
.adm-team-link-section { display: flex; flex-direction: column; gap: 14px; }
.adm-team-section-label { font-size: 15px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0; }
.adm-team-email-wrap { display: flex; align-items: center; gap: 10px; }
.adm-team-email-input { width: 310px; height: 44px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #ffffff; font-size: 15px; font-family: 'Supreme', sans-serif; padding: 0 16px; outline: none; box-sizing: border-box; }
.adm-team-email-input::placeholder { color: #505050; }
.adm-team-invite-btn { height: 44px; padding: 0 26px; background: #d0ee52; border: none; border-radius: 5px; color: #0d0e11; font-size: 15px; font-weight: 700; font-family: 'Supreme', sans-serif; cursor: pointer; white-space: nowrap; }
.adm-team-invite-btn:hover { opacity: 0.85; }
.adm-team-link-wrap { display: flex; align-items: center; gap: 10px; }
.adm-team-link-input { width: 340px; height: 44px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #8b8b8b; font-size: 14px; font-family: 'Supreme', sans-serif; padding: 0 14px; outline: none; box-sizing: border-box; }
.adm-team-copy-btn { width: 44px; height: 44px; background: #272727; border: 1px solid #505050; border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.adm-team-copy-btn:hover { border-color: #d0ee52; }
.adm-team-copied { font-size: 13px; color: #8b8b8b; font-family: 'Supreme', sans-serif; white-space: nowrap; }
.adm-team-table { width: 100%; }
.adm-team-table-head { display: flex; align-items: center; padding: 0 0 14px; border-bottom: 1px solid #333; }
.adm-team-table-head .adm-team-col { font-size: 14px; font-family: 'Supreme', sans-serif; color: #8b8b8b; }
.adm-team-table-head .adm-team-col-status { color: #d0ee52; }
.adm-team-table-row { display: flex; align-items: center; padding: 18px 0; border-bottom: 1px solid #222; }
.adm-team-table-row .adm-team-col { font-size: 15px; font-family: 'Supreme', sans-serif; color: #ffffff; }
.adm-team-col { display: flex; align-items: center; }
.adm-team-col-name { flex: 0 0 260px; }
.adm-team-col-date { flex: 0 0 220px; }
.adm-team-col-amount { flex: 0 0 160px; }
.adm-team-col-status { flex: 1; }
.adm-team-col-del { flex: 0 0 50px; justify-content: flex-end; }
.adm-team-del-btn { background: none; border: none; cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; opacity: 0.7; }
.adm-team-del-btn:hover { opacity: 1; }

/* Placeholder panels */
.adm-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 400px; }
.adm-placeholder-title { font-size: 22px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin-bottom: 12px; }
.adm-placeholder-sub { font-size: 15px; color: #8b8b8b; font-family: 'Supreme', sans-serif; }

/* History panel */
.adm-hist-header { padding: 40px 40px 20px; border-bottom: 1px solid rgba(255,255,255,0.07); }
.adm-hist-title { font-size: 24px; font-weight: 700; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 6px; }
.adm-hist-sub { font-size: 14px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin: 0; }

/* Filter tabs */
.adm-hist-filters { display: flex; gap: 8px; padding: 16px 40px; border-bottom: 1px solid rgba(255,255,255,0.07); flex-wrap: wrap; }
.adm-hist-filter { height: 52px; padding: 0 28px; border-radius: 5px; font-size: 16px; font-family: 'Supreme', sans-serif; cursor: pointer; background: #272727; border: 1px solid transparent; color: #8b8b8b; transition: color .15s, border-color .15s; }
.adm-hist-filter:hover { color: #fff; }
.adm-hist-filter-active { border-color: #d0ee52; color: #ffffff; font-weight: 700; }

/* List container */
.adm-hist-list { padding: 16px 32px 60px; display: flex; flex-direction: column; gap: 2px; }
.adm-hist-loading, .adm-hist-empty, .adm-hist-error { font-size: 14px; color: #8b8b8b; font-family: 'Supreme', sans-serif; padding: 50px 0; text-align: center; }

/* Section label */
.adm-hist-section-label { font-family: 'Supreme', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #555; margin: 0 0 6px 8px; }

/* Row item */
.adm-hist-row { display: flex; align-items: center; padding: 0 10px 0 8px; border-radius: 7px; cursor: pointer; transition: background .15s; min-height: 44px; }
.adm-hist-row:hover { background: rgba(255,255,255,0.05); }
.adm-hist-row-active { background: rgba(255,255,255,0.08) !important; }

/* Single-line row: title | date | btns */
.adm-hist-row-main { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.adm-hist-row-title { font-family: 'Supreme', sans-serif; font-size: 14px; font-weight: 600; color: #e8e8e8; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; min-width: 0; }
.adm-hist-row-date  { font-family: 'Supreme', sans-serif; font-size: 12px; color: #555; white-space: nowrap; flex-shrink: 0; }

.adm-hist-resume-btn, .adm-hist-copy-btn { background: none; border: none; color: #555; cursor: pointer; padding: 4px; border-radius: 5px; display: flex; align-items: center; flex-shrink: 0; transition: color .15s, background .15s, opacity .15s; opacity: 0; }
.adm-hist-row:hover .adm-hist-resume-btn,
.adm-hist-row:hover .adm-hist-copy-btn,
.adm-hist-row-active .adm-hist-resume-btn,
.adm-hist-row-active .adm-hist-copy-btn { opacity: 1; }
.adm-hist-resume-btn:hover { color: #d0ee52; background: rgba(208,238,82,0.08); }
.adm-hist-copy-btn:hover   { color: #fff; background: rgba(255,255,255,0.07); }

/* Three-dots menu */
.adm-hist-menu-wrap { position: relative; }
.adm-hist-dots-btn { background: none; border: none; color: #555; cursor: pointer; padding: 5px; border-radius: 5px; display: flex; align-items: center; transition: color .15s, background .15s, opacity .15s; opacity: 0; }
.adm-hist-row:hover .adm-hist-dots-btn,
.adm-hist-row-active .adm-hist-dots-btn { opacity: 1; }
.adm-hist-dots-btn:hover { color: #aaa; background: rgba(255,255,255,0.07); }
.adm-hist-menu { display: none; position: absolute; right: 0; top: calc(100% + 4px); background: #2a2b2f; border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; padding: 6px; min-width: 140px; z-index: 200; box-shadow: 0 8px 24px rgba(0,0,0,0.5); }
.adm-hist-menu.adm-hist-menu-open { display: block; }
.adm-hist-menu-item { display: block; width: 100%; text-align: left; background: none; border: none; font-family: 'Supreme', sans-serif; font-size: 13px; font-weight: 600; color: #ccc; padding: 7px 12px; border-radius: 5px; cursor: pointer; }
.adm-hist-menu-item:hover { background: rgba(255,255,255,0.07); color: #fff; }
.adm-hist-delete-btn { color: #ff5555 !important; }
.adm-hist-delete-btn:hover { background: rgba(255,85,85,0.1) !important; }

/* Inline rename input */
.adm-hist-rename-input { font-family: 'Supreme', sans-serif; font-size: 14px; font-weight: 600; color: #fff; background: rgba(255,255,255,0.06); border: 1px solid #d0ee52; border-radius: 5px; padding: 1px 8px; width: 100%; outline: none; margin: 0 0 2px; }

/* Chat toolbar (nový chat btn + conv title) */
.adm-chat-toolbar { display: flex; align-items: center; gap: 12px; padding: 14px 20px 0; flex-shrink: 0; }
.adm-chat-conv-title { font-family: 'Supreme', sans-serif; font-size: 14px; color: #8b8b8b; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-chat-new-btn { font-family: 'Supreme', sans-serif; font-size: 13px; font-weight: 700; color: #8b8b8b; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; padding: 6px 14px; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: all .15s; white-space: nowrap; margin-left: auto; }
.adm-chat-new-btn:hover { color: #fff; border-color: rgba(255,255,255,0.25); }

/* Docs translate – 3-step flow */
.adm-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 700px; height: 280px; border: 2px dashed #444; border-radius: 8px; background: #1a1b1e; transition: border-color .2s; cursor: default; }
.adm-dropzone.adm-dropzone-over { border-color: #d0ee52; background: #1e2010; }
.adm-dropzone-title { font-size: 18px; font-weight: 700; color: #fff; font-family: 'Supreme', sans-serif; margin: 0; }
.adm-dropzone-or { font-size: 14px; color: #8b8b8b; font-family: 'Supreme', sans-serif; margin: 0; }
.adm-dropzone-pick { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 22px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #fff; font-size: 15px; font-family: 'Supreme', sans-serif; cursor: pointer; user-select: none; }
.adm-dropzone-pick:hover { border-color: #d0ee52; }
.adm-dropzone-hint { font-size: 13px; color: #555; font-family: 'Supreme', sans-serif; margin: 0; }
.adm-docs-file-ready { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; padding: 12px 18px; background: #1a1b1e; border: 1px solid #3a3a3a; border-radius: 6px; width: fit-content; }
.adm-docs-file-ready-name { font-size: 15px; color: #fff; font-family: 'Supreme', sans-serif; }
.adm-docs-file-remove { background: none; border: none; color: #8b8b8b; font-size: 15px; cursor: pointer; padding: 0 4px; font-family: 'Supreme', sans-serif; }
.adm-docs-file-remove:hover { color: #ff5555; }
.adm-docs-lang-label { font-size: 16px; color: #fff; font-family: 'Supreme', sans-serif; margin: 0 0 16px; }
.adm-docs-translate-big-btn { height: 52px; padding: 0 36px; background: #d0ee52; border: none; border-radius: 5px; color: #0d0e11; font-size: 16px; font-weight: 700; font-family: 'Supreme', sans-serif; cursor: pointer; display: inline-flex; align-items: center; }
.adm-docs-translate-big-btn:hover { background: #bedd3e; }
.adm-docs-translate-big-btn:disabled { opacity: .5; cursor: wait; }
.adm-docs-result-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.adm-docs-result-title { font-size: 16px; font-weight: 700; color: #fff; font-family: 'Supreme', sans-serif; }
.adm-docs-result-back { background: none; border: 1px solid #444; border-radius: 5px; color: #8b8b8b; font-size: 14px; font-family: 'Supreme', sans-serif; cursor: pointer; padding: 6px 16px; }
.adm-docs-result-back:hover { color: #fff; border-color: #666; }
.adm-docs-result-bottom { margin-top: 14px; display: flex; gap: 12px; flex-wrap: wrap; }

/* Docs image OCR state (split-screen) */
.adm-docs-img-layout { display: flex; gap: 30px; }
.adm-docs-img-left { width: 460px; flex-shrink: 0; display: flex; flex-direction: column; }
.adm-docs-img-right { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.adm-docs-img-file-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.adm-docs-img-filename { font-size: 15px; color: #fff; font-family: 'Supreme', sans-serif; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-docs-img-preview-box { background: #1a1b1e; border: 1px solid #333; border-radius: 6px; overflow: hidden; height: 180px; display: flex; align-items: center; justify-content: center; }
.adm-docs-img-preview { max-width: 100%; max-height: 180px; object-fit: contain; display: block; }
.adm-docs-img-prompt { width: 100%; height: 110px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #fff; font-size: 15px; padding: 12px 16px; resize: vertical; outline: none; box-sizing: border-box; font-family: 'Supreme', sans-serif; margin-top: 14px; min-height: 80px; }
.adm-docs-img-prompt::placeholder { color: #505050; }
.adm-docs-img-process-btn { display: flex; width: 100%; margin-top: 12px; justify-content: center; padding: 0 20px; }
/* Lang dropdowns highlighted in image panel */
.adm-docs-img-left .adm-lang-dropdown { background: #272727; border: 1px solid #505050; border-radius: 5px; padding: 0 14px; height: 44px; min-width: 140px; }
.adm-docs-img-left .adm-lang-dropdown .adm-lang-name { color: #ffffff; font-size: 15px; }
.adm-docs-img-left .adm-lang-dropdown svg path { stroke: #d0ee52; }
.adm-docs-img-left .adm-lang-chevron path { stroke: #8b8b8b !important; }
.adm-docs-img-result-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.adm-docs-img-result-title { font-size: 15px; font-weight: 700; color: #fff; font-family: 'Supreme', sans-serif; }
.adm-docs-img-result-body { flex: 1; background: #ffffff; border-radius: 6px; min-height: 480px; max-height: 560px; overflow-y: auto; padding: 32px 36px; color: #111; font-family: Arial, sans-serif; font-size: 11pt; line-height: 1.7; box-sizing: border-box; }
.adm-docs-img-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 420px; gap: 16px; color: #999; text-align: center; font-family: 'Supreme', sans-serif; }
.adm-docs-img-placeholder p { font-size: 14px; margin: 0; max-width: 260px; }
.adm-docs-img-doc-content p { margin: 0 0 5pt; color: #111; }
.adm-docs-img-doc-content h3 { margin: 10pt 0 3pt; font-size: 11pt; font-weight: bold; color: #111; }
.adm-docs-img-doc-content br { display: block; height: 4pt; content: ''; }

/* Template detail panel */
.adm-tmpl-back-btn { background: none; border: none; color: #8b8b8b; font-size: 14px; font-family: 'Supreme', sans-serif; cursor: pointer; padding: 0; margin-bottom: 18px; display: inline-flex; align-items: center; gap: 6px; }
.adm-tmpl-back-btn:hover { color: #fff; }
.adm-tmpl-detail-layout { display: flex; gap: 30px; }
.adm-tmpl-detail-left { width: 530px; flex-shrink: 0; }
.adm-tmpl-detail-right { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.adm-tmpl-detail-heading { font-size: 22px; font-weight: 700; color: #d0ee52; font-family: 'Supreme', sans-serif; margin: 0 0 8px; }
.adm-tmpl-detail-sub { font-size: 15px; color: #ffffff; font-family: 'Supreme', sans-serif; margin: 0 0 24px; line-height: 1.5; }
/* Dynamic fields */
.adm-tmpl-field { margin-bottom: 18px; }
.adm-tmpl-field-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.adm-tmpl-field-label { font-size: 15px; color: #ffffff; font-family: 'Supreme', sans-serif; }
.adm-tmpl-field-counter { font-size: 13px; color: #8b8b8b; font-family: 'Supreme', sans-serif; }
.adm-tmpl-field-textarea { width: 100%; height: 80px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #fff; font-size: 15px; padding: 12px 16px; resize: vertical; outline: none; box-sizing: border-box; font-family: 'Supreme', sans-serif; line-height: 1.5; }
.adm-tmpl-field-textarea::placeholder { color: #505050; }
.adm-tmpl-field-textarea:focus { border-color: #8b8b8b; }
/* Bottom row */
.adm-tmpl-detail-bottom { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.adm-tmpl-generate-btn { height: 44px; padding: 0 28px; background: #d0ee52; border: none; border-radius: 5px; color: #0d0e11; font-size: 15px; font-weight: 700; font-family: 'Supreme', sans-serif; cursor: pointer; }
.adm-tmpl-generate-btn:hover { background: #bedd3e; }
.adm-tmpl-generate-btn:disabled { opacity: .5; cursor: wait; }
/* Output area – white theme to match AI-generated content */
.adm-tmpl-detail-output { flex: 1; min-height: 440px; max-height: 560px; overflow-y: auto; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 24px 28px; color: #1a1a1a; font-family: 'Supreme', Arial, sans-serif; font-size: 15px; line-height: 1.7; }
.adm-tmpl-output-content * { color: #1a1a1a; font-family: 'Supreme', Arial, sans-serif; }
.adm-tmpl-output-content h1, .adm-tmpl-output-content h2 { font-size: 18px; font-weight: 700; color: #1a6b3c !important; margin: 0 0 16px; }
.adm-tmpl-output-content h3 { font-size: 16px; font-weight: 700; color: #1a6b3c !important; margin: 14px 0 10px; }
.adm-tmpl-output-content h4 { font-size: 14px; font-weight: 700; color: #333 !important; margin: 12px 0 6px; }
.adm-tmpl-output-content p { margin: 0 0 10px; color: #333 !important; }
.adm-tmpl-output-content ul, .adm-tmpl-output-content ol { margin: 0 0 14px; padding-left: 22px; color: #333 !important; }
.adm-tmpl-output-content li { margin-bottom: 5px; color: #333 !important; }
.adm-tmpl-output-content strong { color: #111 !important; }
.adm-tmpl-output-content table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.adm-tmpl-output-content table th { background: #f0f0f0 !important; color: #333 !important; padding: 10px 14px; text-align: left; font-size: 13px; font-weight: 600; border-bottom: 2px solid #ddd; }
.adm-tmpl-output-content table td { padding: 9px 14px; color: #333 !important; background: #fff !important; border-bottom: 1px solid #eee; font-size: 14px; }
.adm-tmpl-output-content table tr:nth-child(even) td { background: #f9f9f9 !important; }
.adm-tmpl-output-loading { display: flex; align-items: center; justify-content: center; min-height: 200px; }
.adm-tmpl-output-plain { white-space: pre-wrap; font-family: 'Supreme', Arial, sans-serif; font-size: 15px; line-height: 1.7; color: #1a1a1a; margin: 0; }
.adm-tmpl-detail-output-actions { display: flex; justify-content: flex-end; }
.adm-tmpl-copy-btn { display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 18px; background: #272727; border: 1px solid #505050; border-radius: 5px; color: #8b8b8b; font-size: 14px; font-family: 'Supreme', sans-serif; cursor: pointer; }
.adm-tmpl-copy-btn:hover { color: #fff; border-color: #666; }

/* Škálování řeší JS v chaties.js – page.style.zoom = vw/1680 */

/* ── Anti-flash: skryj CMS elementy dokud API neodpoví ── */
body.cms-loading [data-cms-key] { visibility: hidden; }
/* ── Anti-flash: skryj blog karty dokud API neodpoví ── */
body.blog-loading .blist-card  { visibility: hidden; }

/* ===================== NOTES PANEL ===================== */
/* Force Supreme on every element inside notes */
.adm-notes-layout, .adm-notes-layout * { font-family: 'Supreme', sans-serif; }

.adm-notes-layout {
  display: flex;
  height: calc(100vh - 80px);
  gap: 0;
  overflow: hidden;
}

/* Column base */
.adm-notes-col {
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(255,255,255,0.07);
  overflow: hidden;
}
.adm-notes-col:last-child { border-right: none; }

/* Col 1: Notebooks */
.adm-notes-col-nb   { width: 220px; flex-shrink: 0; }
/* Col 2: Note list */
.adm-notes-col-list { width: 270px; flex-shrink: 0; }
/* Col 3: Editor */
.adm-notes-col-editor { flex: 1; min-width: 0; }

/* Column header */
.adm-notes-col-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  flex-shrink: 0;
}
.adm-notes-col-title {
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* + button */
.adm-notes-add-btn {
  width: 26px; height: 26px;
  background: #d0ee52;
  border: none;
  border-radius: 6px;
  color: #0d0e11;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: opacity 0.15s;
}
.adm-notes-add-btn:hover { opacity: 0.85; }

/* Notebook list */
.adm-notes-nb-list {
  flex: 1;
  overflow-y: auto;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.adm-notes-nb-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  transition: background 0.12s, border-color 0.12s;
  position: relative;
}
.adm-notes-nb-item:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.14); }
.adm-notes-nb-item.active { background: rgba(208,238,82,0.07); border-color: #d0ee52; }
.adm-notes-nb-icon { color: #8b8b8b; flex-shrink: 0; display: flex; }
.adm-notes-nb-item.active .adm-notes-nb-icon { color: #d0ee52; }
.adm-notes-nb-name {
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  color: #cccccc;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-notes-nb-item.active .adm-notes-nb-name { color: #ffffff; font-weight: 600; }
.adm-notes-nb-actions {
  display: none;
  gap: 4px;
}
.adm-notes-nb-item:hover .adm-notes-nb-actions { display: flex; }

/* Icon buttons (rename/delete) */
.adm-notes-icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #8b8b8b;
  padding: 3px;
  border-radius: 4px;
  display: flex;
  transition: color 0.12s, background 0.12s;
}
.adm-notes-icon-btn:hover { color: #ffffff; background: rgba(255,255,255,0.1); }
.adm-notes-icon-del:hover { color: #ff5555; background: rgba(255,85,85,0.1); }

/* Rename input */
.adm-notes-rename-inp {
  flex: 1;
  background: rgba(255,255,255,0.07);
  border: 1px solid #d0ee52;
  border-radius: 4px;
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-size: 13px;
  padding: 2px 6px;
  outline: none;
}

/* Notes list */
.adm-notes-note-list {
  flex: 1;
  overflow-y: auto;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.adm-notes-note-item {
  padding: 14px 16px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  position: relative;
  transition: background 0.12s, border-color 0.12s;
}
.adm-notes-note-item:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.14); }
.adm-notes-note-item.active { background: rgba(208,238,82,0.07); border-color: #d0ee52; }
.adm-notes-note-title {
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.adm-notes-note-meta {
  font-family: 'Supreme', sans-serif;
  font-size: 13px;
  color: #8b8b8b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-notes-note-del {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: none;
}
.adm-notes-note-item:hover .adm-notes-note-del { display: flex; }

/* Editor */
.adm-notes-col-editor { background: #111214; }
.adm-notes-editor-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #444;
  font-family: 'Supreme', sans-serif;
  font-size: 14px;
}
.adm-notes-editor-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.adm-notes-title-input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: #ffffff;
  font-family: 'Supreme', sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 20px 24px 16px;
  outline: none;
  box-sizing: border-box;
  flex-shrink: 0;
}
.adm-notes-title-input::placeholder { color: #444; }
.adm-notes-toolbar {
  display: flex;
  gap: 4px;
  padding: 6px 16px;
  border-bottom: 1px solid #2a2a2a;
  flex-shrink: 0;
}
.adm-notes-tb-btn {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #8b8b8b;
  cursor: pointer;
  font-family: 'Supreme', sans-serif;
  font-size: 13px;
  width: 28px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.1s, color 0.1s;
}
.adm-notes-tb-btn:hover { background: rgba(255,255,255,0.07); color: #fff; }
.adm-notes-tb-btn.adm-tb-active { background: rgba(208,238,82,0.12); border-color: rgba(208,238,82,0.3); color: #d0ee52; }
.adm-notes-editor-body {
  flex: 1;
  width: 100%;
  background: transparent;
  color: #d4d4d4;
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  padding: 16px 24px;
  outline: none;
  box-sizing: border-box;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.adm-notes-editor-body:empty::before {
  content: attr(data-placeholder);
  color: #444;
  pointer-events: none;
}
.adm-notes-status-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 24px;
  border-top: 1px solid rgba(255,255,255,0.06);
  flex-shrink: 0;
}
#admNoteSaveStatus {
  font-family: 'Supreme', sans-serif;
  font-size: 12px;
  color: #8b8b8b;
}
#admNoteLastEdit {
  font-family: 'Supreme', sans-serif;
  font-size: 11px;
  color: #555;
}

/* Hints and loading */
.adm-notes-hint, .adm-notes-loading {
  font-family: 'Supreme', sans-serif;
  font-size: 16px;
  color: #555;
  padding: 20px 16px;
  text-align: center;
}

/* ===================== GDPR PAGE ===================== */
.gdpr-content {
  position: absolute;
  left: 228px;
  top: 420px;
  width: 680px;
  font-family: 'Supreme', sans-serif;
  color: #ccc;
  font-size: 15px;
  line-height: 1.8;
  padding-bottom: 80px;
}
.gdpr-content h2 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 36px 0 12px;
}
.gdpr-content p {
  margin: 0 0 14px;
}
.gdpr-content ul {
  margin: 0 0 14px;
  padding-left: 22px;
}
.gdpr-content li {
  margin-bottom: 6px;
}
.gdpr-updated {
  font-size: 13px;
  color: #555;
  margin-bottom: 24px;
}

/* ===================== COOKIE CONSENT BANNER ===================== */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1a1b1f;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  z-index: 9999;
  font-family: 'Supreme', sans-serif;
}
.cookie-banner-text {
  font-size: 14px;
  color: #aaa;
  line-height: 1.5;
  max-width: 700px;
}
.cookie-banner-text a {
  color: #d0ee52;
  text-decoration: underline;
}
.cookie-banner-accept {
  background: #d0ee52;
  color: #000;
  border: none;
  padding: 10px 28px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Supreme', sans-serif;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.cookie-banner-accept:hover {
  background: #e4f57a;
}