/* ========================================
   Kastravec — v6
   ======================================== */

:root {
  --kv-green: #268c36;
  --kv-green-hover: #1b6c28;
  --kv-green-bright: #34c759;
  --kv-green-soft: #b8dcc0;
  --kv-green-ultra-soft: #e8f3ea;
  --kv-green-dark: #0f4a18;
  --kv-text: #1a2e1d;
  --kv-text-muted: #5f6e62;
  --kv-text-dim: #8a9a8c;
  --kv-text-light: rgba(255,255,255,0.92);
  --kv-card-bg: #ffffff;
  --kv-page-bg: #fafbfa;
  --kv-border: #e5ebe6;
  --kv-border-strong: #d8e0d8;
  --kv-blue: #4a90e2;
  --kv-purple: #8e44ad;
  --kv-orange: #f39c12;
  --kv-red: #e74c3c;
  --kv-cyan: #00b8d4;
  --kv-shadow-sm: 0 1px 2px rgba(38, 140, 54, 0.04), 0 1px 3px rgba(0, 0, 0, 0.05);
  --kv-shadow: 0 4px 12px rgba(38, 140, 54, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  --kv-shadow-lg: 0 10px 25px rgba(38, 140, 54, 0.12), 0 4px 10px rgba(0, 0, 0, 0.05);
  --kv-shadow-xl: 0 20px 50px rgba(38, 140, 54, 0.18), 0 10px 20px rgba(0, 0, 0, 0.08);
  --kv-grad-green: linear-gradient(135deg, #34c759 0%, #1b6c28 100%);
  --kv-grad-green-deep: linear-gradient(135deg, #1b6c28 0%, #0f4a18 100%);
  --kv-grad-page: linear-gradient(180deg, #f6faf6 0%, #ffffff 100%);
  --kv-radius: 12px;
  --kv-radius-sm: 8px;
  --kv-radius-lg: 16px;
  --kv-radius-xl: 24px;
}

body {
  color: var(--kv-text);
  -webkit-font-smoothing: antialiased;
  background: var(--kv-page-bg);
  padding-bottom: 80px;
}
a { transition: color 0.15s ease; }
a:hover { color: var(--kv-green-hover) !important; }

/* === ШАПКА === */
.main-navigation {
  background: var(--kv-grad-green) !important;
  border-radius: var(--kv-radius-sm) !important;
  box-shadow: var(--kv-shadow);
}
.main-navigation__link {
  transition: background 0.15s ease;
  font-weight: 500;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.main-navigation__link:hover { background: rgba(255,255,255,0.12) !important; color: #fff !important; }
.main-navigation__link_active {
  background: rgba(0,0,0,0.18) !important;
  color: #fff !important;
}
.main-navigation__link_regard {
  background: linear-gradient(135deg, #ff8a80 0%, #d67676 100%) !important;
  color: #fff !important;
}
.main-navigation__link_regard:hover,
.main-navigation__link_active.main-navigation__link_regard {
  background: linear-gradient(135deg, #ff5252 0%, #c83b3b 100%) !important;
  color: #fff !important;
}

.header-logo__img, .header-logo__img:hover {
  color: var(--kv-green) !important;
  font-weight: 800 !important;
  letter-spacing: -1px;
}

.right-control-wrap { margin-top: 16px !important; }

/* === ФИКСИРОВАННЫЙ НИЖНИЙ FOOTER-MENU — ЗЕЛЁНЫЙ === */
.footer-menu {
  background: var(--kv-grad-green-deep) !important;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.1);
}
.footer-menu .main-navigation__link {
  color: #fff !important;
}
.footer-menu .main-navigation__link.active {
  background: rgba(255,255,255,0.18) !important;
}

/* === КНОПКИ === */
.button_theme_green, .btn.green, span.btn.green {
  background: var(--kv-grad-green) !important;
  color: #fff !important;
  border-radius: var(--kv-radius-sm) !important;
  border: none !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(38, 140, 54, 0.25);
  transition: all 0.2s ease;
  cursor: pointer;
  display: inline-block !important;
}
.button_theme_green:hover, .btn.green:hover, span.btn.green:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(38, 140, 54, 0.35);
  filter: brightness(1.05);
  color: #fff !important;
}
.button_border_green {
  border: 2px solid var(--kv-green) !important;
  color: var(--kv-green) !important;
  border-radius: var(--kv-radius-sm) !important;
  font-weight: 600 !important;
  transition: all 0.2s ease;
  background: transparent !important;
}
.button_border_green:hover {
  background: var(--kv-green) !important;
  color: #fff !important;
}
button { cursor: pointer; transition: all 0.2s ease; }

/* === БЛОКИ === */
.block, .banners {
  border: 1px solid var(--kv-border) !important;
  border-radius: var(--kv-radius) !important;
  box-shadow: var(--kv-shadow-sm);
  overflow: hidden;
  background: var(--kv-card-bg);
  transition: all 0.2s ease;
}
.block:hover { box-shadow: var(--kv-shadow); }

[style*="1px solid #268c36"], [style*="1px solid #268C36"] {
  border-color: var(--kv-border) !important;
}

/* === ЗАГОЛОВКИ === */
.titles, .titles2 {
  background: var(--kv-grad-green) !important;
  color: #fff !important;
  border-radius: var(--kv-radius-sm) var(--kv-radius-sm) 0 0 !important;
  padding: 12px 16px !important;
  font-weight: 600 !important;
}
.titles *, .titles2 * { color: #fff !important; }
.titles h2, .titles2 h2 { margin: 0; font-size: 16px; font-weight: 600; }

/* === МЕНЮ === */
.usermnuline-act {
  background: var(--kv-grad-green) !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* === ПОЛЯ ВВОДА === */
input[type="text"], input[type="password"], input[type="email"],
input[type="number"], input[type="tel"], textarea, select {
  border-radius: var(--kv-radius-sm) !important;
  border: 2px solid var(--kv-border-strong) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-family: inherit;
  transition: all 0.2s ease;
  background: #fff !important;
  color: var(--kv-text) !important;
  box-shadow: var(--kv-shadow-sm);
}
input[type="text"]:focus, input[type="password"]:focus,
input[type="email"]:focus, input[type="number"]:focus,
input[type="tel"]:focus, textarea:focus, select:focus {
  border-color: var(--kv-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(38, 140, 54, 0.15) !important;
  transform: translateY(-1px);
}
input::placeholder, textarea::placeholder { color: var(--kv-text-dim); }

/* === КАРТОЧКИ ВИДОВ — РОВНАЯ СЕТКА === */
.menu-add {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 14px !important;
  padding: 12px 0 !important;
}
.menu-add a {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 18px 18px 18px 78px !important;
  min-height: 92px;
  background: #fff !important;
  border: 1px solid var(--kv-border) !important;
  border-radius: var(--kv-radius-lg) !important;
  box-shadow: var(--kv-shadow-sm);
  color: var(--kv-text) !important;
  font-weight: 600 !important;
  font-size: 15px;
  text-align: left !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none !important;
  position: relative;
  overflow: visible !important;
  line-height: 1.3;
}
.menu-add a::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background-color: var(--kv-green);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  box-shadow: 0 6px 14px rgba(38, 140, 54, 0.25);
  transition: all 0.25s ease;
}
.menu-add a::after {
  content: '\2192';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) translateX(8px);
  font-size: 20px;
  color: var(--kv-green);
  opacity: 0;
  transition: all 0.25s ease;
  font-weight: 700;
}
.menu-add a:hover {
  transform: translateY(-3px);
  box-shadow: var(--kv-shadow-lg);
  border-color: var(--kv-green-soft) !important;
  color: var(--kv-text) !important;
}
.menu-add a:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }
.menu-add a:hover::before { transform: translateY(-50%) scale(1.06); }
.menu-add a span {
  display: block;
  color: var(--kv-text-muted);
  font-weight: 500 !important;
  font-size: 12.5px !important;
  margin-top: 3px;
}

/* === SVG-ИКОНКИ === */
.menu-add a[href*="adv=serf"]::before {
  background-color: #34c759;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cpath d='M12 3a13 13 0 0 1 0 18'/%3E%3Cpath d='M12 3a13 13 0 0 0 0 18'/%3E%3C/svg%3E"), linear-gradient(135deg, #34c759 0%, #1b6c28 100%);
  background-size: 24px 24px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}
.menu-add a[href*="adv=mails"]::before {
  background-color: #4a90e2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpolyline points='3 7 12 13 21 7'/%3E%3C/svg%3E"), linear-gradient(135deg, #4a90e2 0%, #2c5e9e 100%);
  background-size: 24px 24px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(74, 144, 226, 0.3);
}
.menu-add a[href*="adv=task"]::before {
  background-color: #f39c12;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 12 10 16 18 8'/%3E%3C/svg%3E"), linear-gradient(135deg, #f39c12 0%, #c87a0d 100%);
  background-size: 26px 26px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(243, 156, 18, 0.3);
}
.menu-add a[href*="adv=test"]::before {
  background-color: #8e44ad;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpath d='M9 13l2 2 4-4'/%3E%3C/svg%3E"), linear-gradient(135deg, #8e44ad 0%, #5b2a72 100%);
  background-size: 24px 24px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(142, 68, 173, 0.3);
}
.menu-add a[href*="adv=youtube"]::before {
  background-color: #e74c3c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='8 5 19 12 8 19 8 5'/%3E%3C/svg%3E"), linear-gradient(135deg, #e74c3c 0%, #b03a2e 100%);
  background-size: 20px 20px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(231, 76, 60, 0.3);
}
.menu-add a[href*="adv=rutube"]::before {
  background-color: #00b8d4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='8 5 19 12 8 19 8 5'/%3E%3C/svg%3E"), linear-gradient(135deg, #00b8d4 0%, #007a8a 100%);
  background-size: 20px 20px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(0, 184, 212, 0.3);
}
.menu-add a[href*="adv=vk"]::before {
  content: 'VK';
  background: linear-gradient(135deg, #5181b8 0%, #2c5e9e 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -1px;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 6px 14px rgba(81, 129, 184, 0.3);
}
.menu-add a[href*="adv=fraim"]::before {
  background-color: #607d8b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Crect x='7' y='7' width='10' height='10' rx='1'/%3E%3C/svg%3E"), linear-gradient(135deg, #607d8b 0%, #3a4f5a 100%);
  background-size: 24px 24px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(96, 125, 139, 0.3);
}

/* === ТАБЛИЦЫ === */
.table, table.table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background: #fff;
  border-radius: var(--kv-radius);
  overflow: hidden;
  box-shadow: var(--kv-shadow-sm);
}
.table th, table.table th {
  background: var(--kv-grad-green) !important;
  color: #fff !important;
  font-weight: 600;
  padding: 12px 14px !important;
  border-bottom: none !important;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.table td, table.table td { padding: 12px 14px !important; border-bottom: 1px solid var(--kv-border) !important; color: var(--kv-text); }
.table tr:last-child td { border-bottom: none !important; }
.table tr:hover td { background: var(--kv-green-ultra-soft); }
.table tr { transition: all 0.15s ease; }

/* === FAQ === */
.faq-section {
  background: #fff !important;
  border: 1px solid var(--kv-border) !important;
  border-radius: var(--kv-radius) !important;
  margin-bottom: 10px !important;
  overflow: hidden;
  transition: all 0.2s ease;
  box-shadow: var(--kv-shadow-sm);
}
.faq-section:hover { border-color: var(--kv-green-soft) !important; box-shadow: var(--kv-shadow); }
.faq-section label {
  display: block !important;
  padding: 16px 50px 16px 20px !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  color: var(--kv-text) !important;
  background: #fff !important;
  transition: color 0.15s ease;
  position: relative;
  font-size: 14px;
}
.faq-section label:hover { color: var(--kv-green) !important; }
.faq-section label::after {
  content: '+';
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--kv-green-ultra-soft);
  color: var(--kv-green);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 600;
  transition: all 0.2s ease;
}
.faq-section input[type=checkbox]:checked ~ label {
  background: var(--kv-green-ultra-soft) !important;
  color: var(--kv-green-hover) !important;
}
.faq-section input[type=checkbox]:checked ~ label::after {
  content: '\2212'; background: var(--kv-green); color: #fff;
}
.faq-section input[type=checkbox]:checked ~ p {
  padding: 16px 20px !important;
  color: var(--kv-text) !important;
  line-height: 1.7; font-size: 13.5px;
  background: #fff !important;
  border-top: 1px solid var(--kv-border);
}

/* === ТАБЫ /competition === */
.menu-task-work__link {
  background: #fff !important;
  color: var(--kv-text) !important;
  border: 2px solid var(--kv-border) !important;
  border-radius: var(--kv-radius-sm) !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: all 0.15s ease;
}
.menu-task-work__link:hover {
  border-color: var(--kv-green-soft) !important;
  color: var(--kv-green) !important;
  background: var(--kv-green-ultra-soft) !important;
}
.menu-task-work__link.active, .menu-task-work__link.activ-menu {
  background: var(--kv-grad-green) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.menu-task-work.d { border-top: 3px solid var(--kv-green) !important; }

.msg-warning {
  display: block !important;
  text-align: center !important;
  padding: 18px 24px !important;
  background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
  color: #856404 !important;
  border: 1px solid #ffd54f !important;
  border-left: 4px solid #f39c12 !important;
  border-radius: var(--kv-radius-sm) !important;
  font-weight: 500;
}

.left-banner-stat, .left-stat, .left-banner > .block {
  border-radius: var(--kv-radius) !important;
  background: linear-gradient(135deg, #ffffff 0%, #f6faf6 100%) !important;
  box-shadow: var(--kv-shadow-sm);
}

.news-item, .news_item, .news-block, .news_block {
  background: #fff;
  border: 1px solid var(--kv-border);
  border-left: 4px solid var(--kv-green) !important;
  border-radius: var(--kv-radius);
  padding: 16px 20px;
  margin-bottom: 12px;
  box-shadow: var(--kv-shadow-sm);
}

img.tipi[id*="captcha"] { border-radius: var(--kv-radius-sm); border: 2px solid var(--kv-border); }
img[class*="ava"], #ava img { border-radius: var(--kv-radius-sm) !important; border: 2px solid var(--kv-border) !important; }

.msg-error {
  display: block; padding: 12px 18px;
  background: linear-gradient(135deg, #fef0f0 0%, #fde4e4 100%);
  border: 1px solid #f5c6c6;
  border-left: 4px solid var(--kv-red);
  border-radius: var(--kv-radius-sm);
  color: #c83b3b; font-weight: 500;
}
.msg-ok, .msg-success {
  display: block; padding: 12px 18px;
  background: linear-gradient(135deg, var(--kv-green-ultra-soft) 0%, #c8e6c9 100%);
  border: 1px solid var(--kv-green-soft);
  border-left: 4px solid var(--kv-green);
  border-radius: var(--kv-radius-sm);
  color: var(--kv-green-hover); font-weight: 500;
}

h1, h2, h3, h4 { color: var(--kv-text); font-weight: 700; letter-spacing: -0.3px; }
.green_title { color: var(--kv-green) !important; font-weight: 700; }
.red_title { color: #c83b3b; font-weight: 700; }

font[color="#009acd"], span[style*="color:#009acd"], span[style*="color: #009acd"] {
  color: var(--kv-green) !important; font-weight: 600;
}

#contentwrapper { padding: 8px 4px 80px 4px; }
.burger { color: var(--kv-green); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--kv-page-bg); }
::-webkit-scrollbar-thumb { background: var(--kv-green-soft); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--kv-green); }
::selection { background: var(--kv-green); color: #fff; }

.top1 { color: #d4a017; font-weight: 700; }
.top2 { color: #999; font-weight: 700; }
.top3 { color: #cd7f32; font-weight: 700; }

/* ============================================
   ЛЕНДИНГ — SEOSPRINT-стиль с шуткой про огурец
   ============================================ */

/* HERO — большой зелёный блок */
.kv-landing-hero {
  background:
    radial-gradient(ellipse at top right, rgba(52,199,89,0.15) 0%, transparent 60%),
    radial-gradient(ellipse at bottom left, rgba(27,108,40,0.1) 0%, transparent 60%),
    linear-gradient(135deg, #1b6c28 0%, #0f4a18 100%);
  border-radius: var(--kv-radius-xl);
  padding: 50px 40px;
  text-align: center;
  margin-bottom: 32px;
  box-shadow: var(--kv-shadow-xl);
  position: relative;
  overflow: hidden;
  color: #fff;
}
.kv-landing-hero::before {
  content: '\1F952';
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 200px;
  opacity: 0.08;
  transform: rotate(-15deg);
}
.kv-landing-hero h1 {
  font-size: 42px;
  color: #fff !important;
  margin: 0 0 12px 0;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1.15;
  position: relative;
  text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.kv-landing-hero .kv-emoji-cucumber {
  display: inline-block;
  font-size: 36px;
  vertical-align: -3px;
  margin: 0 6px;
}
.kv-landing-hero .kv-tagline {
  font-size: 17px;
  color: rgba(255,255,255,0.92);
  margin: 0 0 28px 0;
  line-height: 1.55;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 400;
}
.kv-landing-hero .kv-tagline strong { color: #fff; font-weight: 700; }
.kv-cta-row {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.kv-cta-primary, .kv-cta-secondary {
  display: inline-block;
  padding: 14px 30px;
  border-radius: var(--kv-radius-sm);
  text-decoration: none !important;
  font-weight: 700;
  font-size: 15px;
  transition: all 0.2s ease;
  letter-spacing: 0.2px;
}
.kv-cta-primary {
  background: #fff;
  color: var(--kv-green-hover) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.kv-cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.25);
  color: var(--kv-green-dark) !important;
}
.kv-cta-secondary {
  background: rgba(255,255,255,0.1);
  color: #fff !important;
  border: 2px solid rgba(255,255,255,0.4);
}
.kv-cta-secondary:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.6);
  color: #fff !important;
  transform: translateY(-2px);
}

/* "Что значит Kastravec" — пасхалка про огурец */
.kv-pun {
  background: #fff;
  border: 2px dashed var(--kv-green-soft);
  border-radius: var(--kv-radius-lg);
  padding: 22px 26px;
  margin-bottom: 28px;
  text-align: center;
  position: relative;
}
.kv-pun-emoji {
  font-size: 32px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.kv-pun-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: var(--kv-text);
  line-height: 1.5;
}
.kv-pun-text strong { color: var(--kv-green); font-weight: 700; }

/* Секции */
.kv-section { margin-bottom: 30px; }
.kv-section-title {
  text-align: center;
  font-size: 26px;
  margin: 0 0 22px 0;
  font-weight: 800;
  color: var(--kv-text);
  letter-spacing: -0.5px;
}
.kv-section-title::after {
  content: '';
  display: block;
  width: 56px;
  height: 4px;
  background: var(--kv-grad-green);
  margin: 10px auto 0;
  border-radius: 4px;
}

/* 3 шага */
.kv-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}
.kv-step {
  background: #fff;
  border: 1px solid var(--kv-border);
  border-radius: var(--kv-radius-lg);
  padding: 28px 22px;
  text-align: center;
  box-shadow: var(--kv-shadow-sm);
  transition: all 0.2s ease;
  position: relative;
}
.kv-step:hover {
  transform: translateY(-3px);
  box-shadow: var(--kv-shadow);
  border-color: var(--kv-green-soft);
}
.kv-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: var(--kv-grad-green);
  color: #fff;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(38, 140, 54, 0.3);
}
.kv-step h3 { margin: 0 0 8px 0; font-size: 17px; color: var(--kv-text); }
.kv-step p { margin: 0; color: var(--kv-text-muted); font-size: 14px; line-height: 1.55; }

/* Преимущества */
.kv-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-auto-rows: 1fr;
  gap: 14px;
}
.kv-feature {
  background: #fff;
  border: 1px solid var(--kv-border);
  border-radius: var(--kv-radius);
  padding: 18px 18px 18px 64px;
  position: relative;
  box-shadow: var(--kv-shadow-sm);
  transition: all 0.2s ease;
  min-height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kv-feature:hover { transform: translateY(-2px); box-shadow: var(--kv-shadow); border-color: var(--kv-green-soft); }
.kv-feature::before {
  content: '\2713';
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--kv-grad-green);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
  box-shadow: 0 4px 10px rgba(38, 140, 54, 0.25);
}
.kv-feature h4 { margin: 0 0 4px 0; font-size: 15px; color: var(--kv-text); font-weight: 700; }
.kv-feature p { margin: 0; color: var(--kv-text-muted); font-size: 13px; line-height: 1.5; }

/* Большая статистика */
.kv-bigstat {
  background: linear-gradient(135deg, #fff 0%, #f6faf6 100%);
  border: 1px solid var(--kv-green-soft);
  border-radius: var(--kv-radius-lg);
  padding: 28px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 24px;
  text-align: center;
  box-shadow: var(--kv-shadow);
  margin-bottom: 30px;
}
.kv-bigstat-item {
  border-right: 1px solid var(--kv-border);
}
.kv-bigstat-item:last-child { border-right: none; }
.kv-bigstat-value {
  font-size: 32px;
  font-weight: 800;
  color: var(--kv-green);
  line-height: 1;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
}
.kv-bigstat-label {
  font-size: 13px;
  color: var(--kv-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

/* Финальный CTA */
.kv-final-cta {
  background: var(--kv-grad-green);
  border-radius: var(--kv-radius-lg);
  padding: 36px 28px;
  text-align: center;
  margin-bottom: 30px;
  box-shadow: var(--kv-shadow-lg);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.kv-final-cta::before {
  content: '\1F952';
  position: absolute;
  bottom: -30px;
  right: -10px;
  font-size: 160px;
  opacity: 0.1;
  transform: rotate(20deg);
}
.kv-final-cta h2 {
  color: #fff !important;
  font-size: 26px;
  margin: 0 0 8px 0;
  font-weight: 800;
  letter-spacing: -0.5px;
  position: relative;
}
.kv-final-cta p {
  color: rgba(255,255,255,0.92);
  font-size: 15px;
  margin: 0 0 20px 0;
  position: relative;
}
.kv-final-cta .kv-cta-primary { position: relative; }

/* === ФИКС ПОДВАЛА (.footer тянул контент через margin-top: -72px) === */
.footer {
  margin-top: 30px !important;
  height: auto !important;
  background: #f4f7f4 !important;
  border-top: 1px solid var(--kv-border);
  position: relative;
  padding: 16px 0 !important;
}
.footer .foot-left ul { color: var(--kv-text-muted) !important; }
.footer a { color: var(--kv-text-muted) !important; }
.footer a:hover { color: var(--kv-green-hover) !important; }

/* ═══ WORK PAGES (landing style) ═══ */
.kv-work { font-family:'Plus Jakarta Sans', system-ui, sans-serif; }
.kv-work * { box-sizing: border-box; }

.kv-work-hero {
  background: linear-gradient(135deg, #2A7A4B 0%, #0D3D22 100%);
  border-radius: 16px; padding: 22px 26px; margin-bottom: 14px;
  color: #fff !important; position: relative; overflow: hidden;
  box-shadow: 0 10px 24px rgba(42,122,75,0.18);
}
.kv-work-hero h1 {
  font-family: 'Fraunces', serif; font-size: 22px; color: #fff !important;
  margin: 0 0 6px; font-weight: 800; letter-spacing: -0.3px;
}
.kv-work-hero p { margin: 0; opacity: 0.92; font-size: 14px; line-height: 1.5; }
.kv-work-hero .kv-price {
  display: inline-block; background: rgba(255,255,255,0.18);
  padding: 4px 12px; border-radius: 100px; font-weight: 700; margin-left: 6px;
}

.kv-work-card {
  background: #fff; border: 1px solid rgba(42,122,75,0.13);
  border-radius: 16px; padding: 18px 22px; margin-bottom: 14px;
  box-shadow: 0 4px 12px rgba(42,122,75,0.04);
}
.kv-work-card h3 {
  font-family: 'Fraunces', serif; font-size: 17px; color: #0D3D22;
  margin: 0 0 14px; font-weight: 700;
}

.kv-work .msg-warning, .kv-work .msg-error {
  display: block; padding: 14px 18px; border-radius: 10px;
  font-size: 13.5px; margin: 10px 0;
}
.kv-work .msg-warning {
  background: #FFF8E1; border: 1px solid #FFD54F;
  border-left: 3px solid #F9A825; color: #8a5800;
}
.kv-work .msg-error {
  background: #FFF0F0; border: 1px solid #FFCDD2;
  border-left: 3px solid #C62828; color: #791F1F;
}

.kv-work .serf-text-ob {
  padding: 18px 22px !important; background: linear-gradient(135deg, #FFFEF4, #fff) !important;
  border: 1px solid #FFE082 !important; border-left: 4px solid #FFC107 !important;
  border-radius: 14px !important; margin-bottom: 14px !important;
}
.kv-work .serf-text-ob-title {
  font-family: 'Fraunces', serif !important; font-size: 17px !important;
  font-weight: 700 !important; color: #0D3D22 !important;
  text-decoration: none; display: block; margin-bottom: 6px;
}
.kv-work .serf-text-ob-add {
  display: inline-block; margin-top: 8px; padding: 5px 12px;
  background: #2A7A4B; color: #fff !important; border-radius: 100px;
  font-size: 12px; text-decoration: none; font-weight: 600;
}
.kv-work .serf-text-ob-add:hover { background: #1A5C35; }
/* ═══ END WORK PAGES ═══ */

/* ═══ WORK FILTERS ═══ */

/* Заголовок-аккордеон фильтров (Категория / Все фильтры / Поиск) */
.kv-work .menu-task-work.activ-menu {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 12px !important;
  padding: 14px 50px 14px 18px !important;
  margin-bottom: 8px !important;
  color: #0D3D22 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.15s !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.04) !important;
}
.kv-work .menu-task-work.activ-menu:hover {
  border-color: rgba(42,122,75,0.3) !important;
  background: #FAFCFA !important;
}
.kv-work .menu-task-work.activ-menu::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid #2A7A4B;
  border-bottom: 2px solid #2A7A4B;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.25s;
}
.kv-work .menu-task-work.activ-menu[data-open="1"]::after {
  transform: translateY(-30%) rotate(-135deg);
}

.kv-work .menu-task-work.activ-menu span[onclick] {
  color: #2A7A4B !important;
  font-weight: 700 !important;
  border-bottom: 1px dotted rgba(42,122,75,0.4) !important;
  cursor: pointer;
  padding: 0 2px;
}
.kv-work .menu-task-work.activ-menu span[onclick]:hover {
  color: #1A5C35 !important;
  border-bottom-style: solid !important;
}

/* Раскрытая панель с фильтрами */
.kv-work .add-infa {
  background: #F5FBF7 !important;
  border: 1px solid rgba(42,122,75,0.1) !important;
  border-radius: 12px !important;
  padding: 14px !important;
  margin: -4px 0 12px 0 !important;
  animation: kvFadeIn 0.2s ease;
}
@keyframes kvFadeIn { from {opacity:0; transform:translateY(-4px)} to {opacity:1; transform:translateY(0)} }

.kv-work .add-work {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Группа пилюль */
.kv-work .menu-task-work.d, .kv-work .menu-task-work.link-f, .kv-work .menu-task-work.tsk {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
}
.kv-work .menu-task-work__link-wrapper {
  display: inline-flex; gap: 6px; flex-wrap: wrap;
}

/* Сама пилюля-фильтр */
.kv-work .menu-task-work__link {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 14px !important;
  border-radius: 100px !important;
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  color: #3D4A3D !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.kv-work .menu-task-work__link:hover {
  background: #EDF9F3 !important;
  border-color: #3D9960 !important;
  color: #1A5C35 !important;
}

/* Активный фильтр */
.kv-work .menu-task-work__link.start-page-task-activ,
.kv-work .menu-task-work__link.start-page-test-activ,
.kv-work .menu-task-work__link.menu-task-work__link_active,
.kv-work .menu-task-work__link.active {
  background: #2A7A4B !important;
  border-color: #2A7A4B !important;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(42,122,75,0.25) !important;
}

/* Подпись "Сортировать по:" */
.kv-work .menu-task-work span {
  font-size: 13px;
  color: #6B7B6B;
  font-weight: 500;
  padding: 0 4px;
}

/* Поля поиска */
.kv-work #task-search > div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 !important;
  flex-wrap: wrap;
}
.kv-work #task-search span {
  font-size: 13px !important;
  color: #3D4A3D !important;
  font-weight: 500 !important;
  width: 170px !important;
}
.kv-work #task-search input[type="text"] {
  width: 180px !important;
  padding: 8px 12px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  background: #fff !important;
  color: #0D3D22 !important;
  transition: all 0.15s !important;
}
.kv-work #task-search input[type="text"]:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(93,202,165,0.2) !important;
}
.kv-work #task-search input#price_ot_t, .kv-work #task-search input#price_do_t {
  width: 80px !important;
}

/* Кнопка поиска */
.kv-work .form-task-n, .kv-work .form-task-r, .kv-work .form-task-u, .kv-work .form-task-p {
  padding: 8px 14px !important;
  background: #2A7A4B !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  vertical-align: middle !important;
}
.kv-work .form-task-n:hover, .kv-work .form-task-r:hover, .kv-work .form-task-u:hover, .kv-work .form-task-p:hover {
  background: #1A5C35 !important;
}
.kv-work .form-task-n .ico-search, .kv-work .form-task-r .ico-search, .kv-work .form-task-u .ico-search, .kv-work .form-task-p .ico-search {
  display: inline-block;
  width: 14px; height: 14px;
  background: none !important;
  position: relative;
}
.kv-work .form-task-n .ico-search::before, .kv-work .form-task-r .ico-search::before, .kv-work .form-task-u .ico-search::before, .kv-work .form-task-p .ico-search::before {
  content: '🔍'; font-size: 13px; color: #fff;
}

/* Кнопки нижние (.btn red/gray/green/blue) */
.kv-work .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  border: none !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
  min-width: 150px !important;
  line-height: 1.2 !important;
  margin: 4px !important;
}
.kv-work .btn.green {
  background: #2A7A4B !important; color: #fff !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.25) !important;
}
.kv-work .btn.green:hover { background: #1A5C35 !important; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(42,122,75,0.35) !important; }

.kv-work .btn.blue {
  background: #2196F3 !important; color: #fff !important;
  box-shadow: 0 4px 12px rgba(33,150,243,0.25) !important;
}
.kv-work .btn.blue:hover { background: #1976D2 !important; transform: translateY(-1px); }

.kv-work .btn.red {
  background: #fff !important; color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
}
.kv-work .btn.red:hover { background: #FFEBEE !important; border-color: #C62828 !important; }

.kv-work .btn.gray {
  background: #fff !important; color: #546E7A !important;
  border: 1.5px solid #CFD8DC !important;
}
.kv-work .btn.gray:hover { background: #ECEFF1 !important; border-color: #78909C !important; }

/* Информационная строка "найдено" */
.kv-work hr {
  border: none !important;
  border-top: 1px solid rgba(42,122,75,0.1) !important;
  margin: 14px 0 !important;
}

/* ═══ END WORK FILTERS ═══ */

/* ═══ WORK CARDS ═══ */

/* Базовая таблица-список */
.kv-work .work-serf {
  display: block !important;
  margin: 0 0 8px 0 !important;
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.kv-work .work-serf tbody { display: block !important; width: 100% !important; }
.kv-work .work-serf tr {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 6px rgba(42,122,75,0.04) !important;
  margin-bottom: 8px !important;
  transition: all 0.18s !important;
  position: relative !important;
}
.kv-work .work-serf tr:hover {
  border-color: rgba(42,122,75,0.3) !important;
  box-shadow: 0 8px 20px rgba(42,122,75,0.1) !important;
  transform: translateY(-1px) !important;
}
.kv-work .work-serf td {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  vertical-align: middle !important;
}
.kv-work .work-serf td:first-child {
  flex: 0 0 44px !important;
  text-align: center !important;
}
.kv-work .work-serf td:nth-child(2) {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.kv-work .work-serf td:last-child:not(:first-child):not(:nth-child(2)) {
  flex: 0 0 90px !important;
  text-align: right !important;
}

/* Иконки слева (категория) — общая круглая база */
.kv-work .taskimg, .kv-work .taskimg-vip,
.kv-work .ybprosm, .kv-work .ybrvel, .kv-work .yblkvel,
.kv-work .vkgrvel, .kv-work .vkrepvel, .kv-work .vklkvel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important; height: 40px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3D9960, #1A5C35) !important;
  box-shadow: 0 3px 8px rgba(42,122,75,0.18) !important;
}
.kv-work .taskimg::before { content: '🌐'; }
.kv-work .taskimg-vip {
  background: linear-gradient(135deg, #FFB300, #F57C00) !important;
  box-shadow: 0 3px 10px rgba(245,124,0,0.35) !important;
}
.kv-work .taskimg-vip::before { content: '👑'; }
.kv-work .ybprosm { background: linear-gradient(135deg, #ef5350, #c62828) !important; }
.kv-work .ybprosm::before { content: '▶'; font-size: 14px; }
.kv-work .ybrvel { background: linear-gradient(135deg, #ef5350, #c62828) !important; }
.kv-work .ybrvel::before { content: '+'; font-size: 22px; font-weight: 800; }
.kv-work .yblkvel { background: linear-gradient(135deg, #ef5350, #c62828) !important; }
.kv-work .yblkvel::before { content: '👍'; font-size: 15px; }
.kv-work .vkgrvel { background: linear-gradient(135deg, #5181b8, #2c5e9e) !important; }
.kv-work .vkgrvel::before { content: '👥'; font-size: 15px; }
.kv-work .vkrepvel { background: linear-gradient(135deg, #5181b8, #2c5e9e) !important; }
.kv-work .vkrepvel::before { content: '↻'; font-size: 16px; font-weight: 800; }
.kv-work .vklkvel { background: linear-gradient(135deg, #5181b8, #2c5e9e) !important; }
.kv-work .vklkvel::before { content: '👍'; font-size: 15px; }

/* Иконка mails (img) */
.kv-work .work-serf img[src*="ico"] {
  width: 40px !important; height: 40px !important;
  padding: 8px !important;
  background: linear-gradient(135deg, #4a90e2, #2c5e9e) !important;
  border-radius: 12px !important;
  object-fit: contain !important;
}

/* Название задания (ссылка) */
.kv-work .work-serf td a, .kv-work .work-serf td span[onclick] {
  font-weight: 600 !important;
  color: #0D3D22 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}
.kv-work .work-serf td a:hover, .kv-work .work-serf td span[onclick]:hover {
  color: #2A7A4B !important;
}
.kv-work .work-serf td a font, .kv-work .work-serf td span[onclick] font {
  color: inherit !important;
}

/* Серый под-текст (URL/категория) */
.kv-work .serf-text {
  display: block !important;
  font-size: 12.5px !important;
  color: #6B7B6B !important;
  margin-top: 2px !important;
  font-weight: 400 !important;
}

/* Статус-чипы (Новое!, Авто, Отклонено, Оплачено, и т.д.) */
.kv-work .desctext2 {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 100px !important;
  margin-left: 4px !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  background: rgba(0,0,0,0.05) !important;
}

/* Полипупыр (многоразовое) */
.kv-work .polytask {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important; height: 18px !important;
  background: #EDF9F3 !important;
  border-radius: 50% !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
}
.kv-work .polytask::before { content: '🔄'; font-size: 10px; }

/* Рейтинг звёзды (.rating0 — .rating5) */
.kv-work span[class^="rating"], .kv-work span[class*=" rating"] {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  color: #FFB300 !important;
  letter-spacing: 1px !important;
  background: none !important;
  width: auto !important; height: auto !important;
  padding: 0 !important;
}
.kv-work .rating0::before { content: '☆☆☆☆☆'; color: #ccc; }
.kv-work .rating1::before { content: '★☆☆☆☆'; }
.kv-work .rating2::before { content: '★★☆☆☆'; }
.kv-work .rating3::before { content: '★★★☆☆'; }
.kv-work .rating4::before { content: '★★★★☆'; }
.kv-work .rating5::before { content: '★★★★★'; }

/* Иконки действий справа (избранное, скрыть, жалоба, выбран) */
.kv-work .ico.task-favorite, .kv-work .ico.task-del, .kv-work .ico.task-del-act,
.kv-work .ico.ico-abuse, .kv-work .ico.ico-while, .kv-work .ico.ico-act, .kv-work .ico.ico-vir {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important; height: 26px !important;
  background: #f5f7f2 !important;
  border-radius: 8px !important;
  margin: 0 2px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  font-size: 13px !important;
  position: static !important;
}
.kv-work .ico.task-favorite:hover, .kv-work .ico.task-del:hover, .kv-work .ico.task-del-act:hover, .kv-work .ico.ico-abuse:hover {
  background: #EDF9F3 !important;
  transform: scale(1.08);
}
.kv-work .ico.task-favorite::before { content: '⭐'; }
.kv-work .ico.task-del::before { content: '🙈'; }
.kv-work .ico.task-del-act::before { content: '👁'; }
.kv-work .ico.ico-abuse::before { content: '⚠'; color: #C62828; }
.kv-work .ico.ico-while {
  background: linear-gradient(135deg, #FFB300, #F57C00) !important;
  color: #fff !important;
}
.kv-work .ico.ico-while::before { content: '✓'; font-weight: 800; }

/* Цена справа (рубли) */
.kv-work .work-serf td span[style*="color:#9d0000"],
.kv-work .work-serf td span[style*="cursor:help;color:#9d0000"] {
  display: inline-block !important;
  background: linear-gradient(135deg, #EDF9F3, #fff) !important;
  border: 1px solid rgba(42,122,75,0.2) !important;
  color: #1A5C35 !important;
  font-family: 'Fraunces', serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  margin-bottom: 4px !important;
}

/* Тултип задания */
.kv-work .tooltip.fixed {
  position: absolute !important;
  background: #0D3D22 !important;
  color: #fff !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  max-width: 320px !important;
  z-index: 1000 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  border: none !important;
}

/* Информация под счётчиком "найдено X" */
.kv-work [style*="color: green; text-align"], .kv-work [style*="color: green; text-align: center"] {
  background: #EDF9F3 !important;
  padding: 10px 16px !important;
  border-radius: 100px !important;
  display: inline-block !important;
  color: #1A5C35 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Пагинация (#navi) */
.kv-work #navi {
  text-align: center !important;
  padding: 20px 0 !important;
}
.kv-work .task-navi-test, .kv-work #task-navi {
  text-align: center !important;
}

/* Адаптив */
@media (max-width: 700px) {
  .kv-work .work-serf tr { flex-wrap: wrap !important; gap: 10px !important; }
  .kv-work .work-serf td:last-child { flex: 1 0 100% !important; text-align: left !important; }
  .kv-work #task-search > div { flex-direction: column !important; align-items: stretch !important; }
  .kv-work #task-search span { width: auto !important; }
  .kv-work #task-search input[type="text"] { width: 100% !important; }
}

/* ═══ END WORK CARDS ═══ */

/* ═══ WORK READ (task-read / test-read) ═══ */

/* Контейнер страницы выполнения задания */
.work-task-read {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}

/* old tiket removed */

/* Особый заголовок теста (Т ест №X) */
.kv-work .title, body .work-task-read + .title, .work-task-read .title {
  font-family: 'Fraunces', serif !important;
  font-size: 24px !important;
  color: #0D3D22 !important;
  font-weight: 800 !important;
  padding: 18px 0 14px !important;
  text-align: center !important;
  position: relative !important;
}
.kv-work .title .t1, .work-task-read .title .t1 {
  display: inline-block;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35);
  color: #fff !important; padding: 6px 14px; border-radius: 12px;
  margin-right: 4px;
  box-shadow: 0 6px 14px rgba(42,122,75,0.3);
}
.kv-work .title .t2 { color: #0D3D22 !important; font-weight: 800 !important; }
.kv-work .title .bord { display: none !important; }

/* Информационная таблица (статистика автора, задания) */
.work-task-read .table, body .work-task-read .table {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.04) !important;
  margin: 0 0 14px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.work-task-read .table td {
  padding: 11px 16px !important;
  border-bottom: 1px solid rgba(42,122,75,0.07) !important;
  font-size: 13.5px !important;
  vertical-align: middle !important;
  color: #3D4A3D !important;
}
.work-task-read .table tr:last-child td { border-bottom: none !important; }

/* Аватар автора в task-read */
.work-task-read .avatar_wall {
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.15) !important;
  border: 2px solid #fff !important;
  outline: 1px solid rgba(42,122,75,0.15) !important;
}

/* Кнопка "Все задания автора" / "Все тесты автора" */
.work-task-read input[type="submit"] {
  padding: 7px 14px !important;
  background: #fff !important;
  color: #2A7A4B !important;
  border: 1.5px solid rgba(42,122,75,0.3) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
.work-task-read input[type="submit"]:hover {
  background: #EDF9F3 !important;
  border-color: #2A7A4B !important;
}

/* Большая кнопка "Начать выполнение" / "Отправить отчёт" */
.btn_big_green {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 28px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: 0 8px 22px rgba(42,122,75,0.3) !important;
  transition: all 0.2s !important;
  width: auto !important;
  min-width: 250px !important;
}
.btn_big_green:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(42,122,75,0.4) !important;
}

/* Большая кнопка "Отказаться от выполнения" */
.btn_big_red {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
  background: #fff !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: all 0.15s !important;
}
.btn_big_red:hover {
  background: #FFEBEE !important;
  border-color: #C62828 !important;
}

/* Информационный блок (.add-infa) — инструкция, дедлайн, рекомендации */
.work-task-read .add-infa, .kv-work .add-infa {
  background: linear-gradient(135deg, #F5FBF7, #fff) !important;
  border: 1px solid rgba(42,122,75,0.15) !important;
  border-left: 4px solid #3D9960 !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #3D4A3D !important;
  margin: 14px 0 !important;
}

/* Форма отчёта — textarea */
#coment, .work-task-read textarea {
  width: 100% !important;
  min-height: 160px !important;
  padding: 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0D3D22 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
  transition: all 0.15s !important;
  box-sizing: border-box !important;
}
#coment:focus, .work-task-read textarea:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(93,202,165,0.2) !important;
}

/* Счётчик символов */
.scount {
  display: inline-block !important;
  position: absolute !important;
  right: 14px !important; top: 4px !important;
  background: #EDF9F3 !important;
  color: #1A5C35 !important;
  padding: 3px 10px !important;
  border-radius: 100px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  z-index: 5 !important;
}

/* Drag-drop зона для скриншотов */
#load-scrin {
  margin: 12px 0 !important;
  position: relative !important;
}
.text-scrin {
  background: #F5FBF7 !important;
  border: 2px dashed rgba(42,122,75,0.3) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #6B7B6B !important;
  line-height: 1.6 !important;
  transition: all 0.15s !important;
}
.text-scrin b {
  color: #2A7A4B !important;
  background: #fff;
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid rgba(42,122,75,0.2);
  font-family: monospace;
  font-size: 12px;
}
#contenteditable {
  min-height: 100px !important;
}

/* File input wrapper */
.input__val-wrapper {
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin: 10px 0 !important;
  font-size: 13px !important;
  color: #3D4A3D !important;
}
.input__val-wrapper input[type="file"] {
  font-size: 12.5px !important;
  margin-left: 8px !important;
}

/* Превью скриншотов */
#img-loag-scrin {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 14px 0 !important;
}
.scrin-img {
  display: inline-block !important;
  position: relative !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  width: 180px !important;
}
.scrin-img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
.view-scrin {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  padding: 8px 10px !important;
  border-top: 1px solid rgba(42,122,75,0.08) !important;
  gap: 4px !important;
}
.view-scrin a {
  font-size: 12px !important;
  color: #2A7A4B !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.view-scrin a:hover { text-decoration: underline !important; }
.del-scrin {
  font-size: 12px !important;
  color: #C62828 !important;
  cursor: pointer !important;
  font-weight: 600 !important;
}
.del-scrin:hover { text-decoration: underline !important; }

/* Таймер обратного отсчёта */
.countdown-timer-task-report-container {
  background: linear-gradient(135deg, #fff, #F5FBF7) !important;
  border: 1px solid rgba(42,122,75,0.15) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin: 16px 0 !important;
  box-shadow: 0 4px 14px rgba(42,122,75,0.06) !important;
}
.countdown-timer-task-report-title {
  font-size: 13px !important;
  color: #6B7B6B !important;
  margin-bottom: 10px !important;
  font-weight: 500 !important;
}
.countdown-timer-task-report {
  display: flex !important;
  gap: 10px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
.countdown-number-task-report {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  min-width: 64px !important;
  box-shadow: 0 4px 10px rgba(42,122,75,0.25) !important;
}
.countdown-time-task-report {
  font-family: 'Fraunces', serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
}
.countdown-text-task-report {
  font-size: 10px !important;
  opacity: 0.85 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 4px !important;
  color: #fff !important;
}

/* Статусные блоки (после отправки отчёта) */
.block-task-read {
  padding: 20px 24px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  text-align: center !important;
  margin: 14px 0 !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.block-task-read b { font-family: 'Fraunces', serif !important; font-size: 18px !important; }
.task-read-wait {
  background: linear-gradient(135deg, #FFF8E1, #FFF) !important;
  border: 1px solid #FFD54F !important;
  border-left: 4px solid #F9A825 !important;
  color: #8a5800 !important;
}
.task-read-good {
  background: linear-gradient(135deg, #EDF9F3, #fff) !important;
  border: 1px solid #A8E6C8 !important;
  border-left: 4px solid #2A7A4B !important;
  color: #1A5C35 !important;
}
.task-read-no {
  background: linear-gradient(135deg, #FFF0F0, #fff) !important;
  border: 1px solid #FFCDD2 !important;
  border-left: 4px solid #C62828 !important;
  color: #791F1F !important;
}

/* === ТЕСТЫ (work-test-read) === */
/* Блок вопроса */
.block-vopros {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin: 12px 0 !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.04) !important;
}
.block-vopros .vopros {
  font-family: 'Fraunces', serif !important;
  font-size: 16px !important;
  color: #0D3D22 !important;
  margin-bottom: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
.block-vopros .vopros b {
  color: #2A7A4B !important;
  background: #EDF9F3 !important;
  padding: 2px 10px !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  margin-right: 8px !important;
}
.block-vopros .otvet {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.block-vopros .otvet span {
  display: block !important;
  background: #F5FBF7 !important;
  border: 1.5px solid rgba(42,122,75,0.15) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  color: #3D4A3D !important;
  transition: all 0.15s !important;
  font-weight: 500 !important;
}
.block-vopros .otvet span:hover {
  border-color: #3D9960 !important;
  background: #EDF9F3 !important;
  color: #1A5C35 !important;
}
.block-vopros .otvet span.active, .block-vopros .otvet span.selected {
  background: #2A7A4B !important;
  color: #fff !important;
  border-color: #2A7A4B !important;
  box-shadow: 0 4px 10px rgba(42,122,75,0.25) !important;
}

/* Предупреждение "осталось мало выполнений" */
.yellowbk {
  background: linear-gradient(135deg, #FFF8E1, #FFFDF0) !important;
  border: 1px solid #FFD54F !important;
  border-left: 4px solid #F9A825 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  color: #8a5800 !important;
  margin: 12px 0 !important;
}

/* Causes ask_reply input (короткое контрольное слово) */
input[name="ask_reply"][type="text"] {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0D3D22 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  margin: 8px 0 !important;
  box-sizing: border-box !important;
}
input[name="ask_reply"][type="text"]:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(93,202,165,0.2) !important;
}

/* ═══ END WORK READ ═══ */

/* ═══ POPUP ═══ */

/* Оверлей-фон */
#load {
  background: rgba(13,61,34,0.6) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 999 !important;
}

/* Контейнер попапа */
#popup {
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.35), 0 0 0 1px rgba(42,122,75,0.08) !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
  z-index: 1001 !important;
  animation: kvPopupIn 0.25s cubic-bezier(.34,1.56,.64,1) !important;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}
@keyframes kvPopupIn {
  from { transform: translateY(20px) scale(0.96); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}

/* Заголовок попапа (draggable handle) */
#popup .title-popup {
  background: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  color: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  padding: 16px 56px 16px 22px !important;
  letter-spacing: -0.2px !important;
  cursor: move !important;
  user-select: none !important;
  text-align: left !important;
  border-radius: 0 !important;
  margin: 0 !important;
  position: relative !important;
}
#popup .title-popup::after {
  content: '⋮⋮';
  position: absolute;
  left: 7px; top: 50%;
  transform: translateY(-50%);
  opacity: 0.4;
  font-size: 14px;
  letter-spacing: -2px;
  color: #fff;
}

/* Кнопка закрытия */
#popup .closed-popup {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important; height: 32px !important;
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s !important;
  z-index: 5 !important;
  border: none !important;
}
#popup .closed-popup::before {
  content: '✕';
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
#popup .closed-popup:hover {
  background: rgba(255,255,255,0.25) !important;
  transform: scale(1.08) rotate(90deg) !important;
}

/* Контент попапа */
#popup .text-popup {
  padding: 22px 24px !important;
  color: #3D4A3D !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  max-height: 70vh !important;
  overflow-y: auto !important;
  background: #fff !important;
}

/* Спиннер загрузки */
#popup .load-popup, #popup img[src*="load-offers"] {
  display: block !important;
  margin: 40px auto !important;
  width: 50px !important;
  filter: hue-rotate(110deg) saturate(0.8) !important;
}

/* === ВНУТРЕННИЕ ЭЛЕМЕНТЫ ПОПАПА === */

/* Формы внутри попапа */
#popup .text-popup input[type="text"],
#popup .text-popup input[type="email"],
#popup .text-popup input[type="password"],
#popup .text-popup textarea,
#popup .text-popup select {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 10px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  color: #0D3D22 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  margin: 6px 0 !important;
  transition: all 0.15s !important;
}
#popup .text-popup input:focus, #popup .text-popup textarea:focus, #popup .text-popup select:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(93,202,165,0.2) !important;
}
#popup .text-popup textarea { min-height: 100px !important; resize: vertical !important; }

/* Кнопки внутри попапа */
#popup .text-popup .btn,
#popup .text-popup input[type="submit"],
#popup .text-popup input[type="button"],
#popup .text-popup button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  border-radius: 100px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  border: none !important;
  transition: all 0.2s !important;
  margin: 4px !important;
  text-decoration: none !important;
  min-width: 110px !important;
}
#popup .text-popup .btn.green, #popup .text-popup input[value*="Подтвер"], #popup .text-popup input[value*="Да"]:not([value*="Дать"]) {
  background: #2A7A4B !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.25) !important;
}
#popup .text-popup .btn.green:hover { background: #1A5C35 !important; transform: translateY(-1px); }
#popup .text-popup .btn.red, #popup .text-popup input[value*="Отказ"], #popup .text-popup input[value*="Нет"] {
  background: #fff !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
}
#popup .text-popup .btn.red:hover { background: #FFEBEE !important; border-color: #C62828 !important; }
#popup .text-popup .btn.blue {
  background: #2196F3 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(33,150,243,0.25) !important;
}
#popup .text-popup .btn.blue:hover { background: #1976D2 !important; }
#popup .text-popup .btn.gray {
  background: #fff !important;
  color: #546E7A !important;
  border: 1.5px solid #CFD8DC !important;
}

/* Кнопки звёзд (оценка отзыва) */
#popup .text-popup [class^="rating"], #popup .text-popup [class*=" rating"] {
  color: #FFB300 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  display: inline-block !important;
  margin: 2px !important;
}
#popup .text-popup .rating0::before, #popup .text-popup .rating1::before,
#popup .text-popup .rating2::before, #popup .text-popup .rating3::before,
#popup .text-popup .rating4::before, #popup .text-popup .rating5::before {
  font-size: 18px;
}

/* Таблицы в попапах (списки отзывов, ЧС) */
#popup .text-popup .table, #popup .text-popup table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 8px 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(42,122,75,0.1) !important;
}
#popup .text-popup .table td, #popup .text-popup table td {
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(42,122,75,0.07) !important;
  font-size: 13px !important;
  vertical-align: middle !important;
}
#popup .text-popup .table tr:last-child td { border-bottom: none !important; }
#popup .text-popup .table th, #popup .text-popup table th {
  background: #EDF9F3 !important;
  padding: 10px 14px !important;
  color: #1A5C35 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  text-align: left !important;
}

/* Алерты внутри попапа */
#popup .text-popup .msg-warning, #popup .text-popup .msg-error {
  padding: 12px 16px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  margin: 10px 0 !important;
}
#popup .text-popup .msg-warning {
  background: #FFF8E1 !important;
  border-left: 3px solid #F9A825 !important;
  color: #8a5800 !important;
}
#popup .text-popup .msg-error {
  background: #FFF0F0 !important;
  border-left: 3px solid #C62828 !important;
  color: #791F1F !important;
}

/* Список (отзывы) — аватары + текст */
#popup .text-popup img.avatar {
  border-radius: 10px !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  width: 48px !important; height: 48px !important;
}
#popup .text-popup .job-reply {
  display: block !important;
  background: #F5FBF7 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin: 8px 0 !important;
  border: 1px solid rgba(42,122,75,0.1) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* center-блоки в попапах (вопрос подтверждения) */
#popup .text-popup center {
  display: block !important;
  text-align: center !important;
  padding: 8px 0 !important;
}

/* Адаптив попапа */
@media (max-width: 600px) {
  #popup {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    left: 10px !important;
    right: 10px !important;
  }
  #popup .title-popup { font-size: 15px !important; padding: 14px 50px 14px 18px !important; }
  #popup .text-popup { padding: 18px 20px !important; max-height: 75vh !important; }
}

/* ═══ END POPUP ═══ */

/* ═══ YT/VK SECTIONS ═══ */

/* Заголовок секции (.status) — "Просмотр видео", "Подписаться на канал", "Вступить в группу" и т.д. */
.kv-work .status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Fraunces', serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0D3D22 !important;
  padding: 16px 0 8px !important;
  letter-spacing: -0.3px !important;
}
.kv-work .status::before {
  content: '';
  display: inline-block;
  width: 4px; height: 22px;
  background: linear-gradient(180deg, #2A7A4B, #1A5C35);
  border-radius: 4px;
}

/* Кнопка "(Инструкция)" возле заголовка секции */
.kv-work .youtube-help {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px 12px !important;
  background: #EDF9F3 !important;
  color: #2A7A4B !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  margin-left: 10px !important;
  transition: all 0.15s !important;
  border: 1px solid rgba(42,122,75,0.15) !important;
  vertical-align: middle !important;
}
.kv-work .youtube-help:hover {
  background: #2A7A4B !important;
  color: #fff !important;
  border-color: #2A7A4B !important;
  transform: translateY(-1px) !important;
}
.kv-work .youtube-help::before {
  content: 'ⓘ';
  font-size: 13px;
  margin-right: 2px;
}

/* HR после заголовка — превращаем в тонкую зелёную линию */
.kv-work hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(42,122,75,0.2), transparent) !important;
  margin: 4px 0 14px !important;
}

/* Баннеры между секциями — компактные и менее назойливые */
.kv-work #baner {
  margin: 16px 0 !important;
  padding: 10px !important;
  background: linear-gradient(135deg, #F5FBF7, #fff) !important;
  border-radius: 12px !important;
  border: 1px dashed rgba(42,122,75,0.15) !important;
  text-align: center !important;
}
.kv-work #baner img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  display: inline-block !important;
}

/* Loader для youtube/vk заданий (на клике) */
.youtube-load {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 8px !important;
}
.youtube-load::before {
  content: '';
  display: inline-block;
  width: 18px; height: 18px;
  border: 2px solid rgba(42,122,75,0.2);
  border-top-color: #2A7A4B;
  border-radius: 50%;
  animation: kvSpin 0.8s linear infinite;
}
@keyframes kvSpin { to { transform: rotate(360deg); } }

/* Раскрытый блок выполнения внутри карточки (#ads_id_X / #podp_id_X / #likes_id_X / #groups_id_X / #repost_id_X) */
.kv-work [id^="ads_id_"], .kv-work [id^="podp_id_"], .kv-work [id^="likes_id_"],
.kv-work [id^="groups_id_"], .kv-work [id^="repost_id_"] {
  border: none !important;
  border-left: 3px solid #2A7A4B !important;
  margin: 8px 0 0 50px !important;
  padding: 10px 14px !important;
  background: #F5FBF7 !important;
  border-radius: 0 10px 10px 0 !important;
  font-size: 13px !important;
}

/* Кнопки-действия внутри раскрытого блока (Начать просмотр и т.п.) */
.kv-work [id^="ads_id_"] span[onclick],
.kv-work [id^="podp_id_"] span[onclick],
.kv-work [id^="likes_id_"] span[onclick],
.kv-work [id^="groups_id_"] span[onclick],
.kv-work [id^="repost_id_"] span[onclick] {
  display: inline-block !important;
  background: #2A7A4B !important;
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.15s !important;
  margin: 4px !important;
}
.kv-work [id^="ads_id_"] span[onclick]:hover,
.kv-work [id^="podp_id_"] span[onclick]:hover,
.kv-work [id^="likes_id_"] span[onclick]:hover,
.kv-work [id^="groups_id_"] span[onclick]:hover,
.kv-work [id^="repost_id_"] span[onclick]:hover {
  background: #1A5C35 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(42,122,75,0.25) !important;
}

/* Стартовая ошибка серфинга */
.start-error-serf, .butt-error-test {
  display: inline-block !important;
  background: #FFF0F0 !important;
  color: #C62828 !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: 1px solid #FFCDD2 !important;
}

/* Сообщение "оплачено" после выполнения */
.kv-work [style*="color:green"][style*="text-align:center"] {
  color: #2A7A4B !important;
  background: #EDF9F3 !important;
  padding: 8px 14px !important;
  border-radius: 100px !important;
  display: inline-block !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* ═══ END YT/VK SECTIONS ═══ */







/* ═══ FINAL UI FIX (v4) ═══ */

/* Контейнер страницы задания */
html body .work-task-read {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* ━━━ Главный заголовок страницы "Задание №X" ━━━ */
html body div.titles {
  background: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  color: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  text-align: center !important;
  padding: 14px 20px !important;
  border-radius: 14px !important;
  margin: 16px auto !important;
  box-shadow: 0 6px 16px rgba(42,122,75,0.2) !important;
  border: none !important;
  max-width: 920px !important;
}

/* ━━━ .tiket — заголовок секции, ТЁМНО-ЗЕЛЁНАЯ плашка с белым текстом ━━━ */
html body .tiket {
  background: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  background-image: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  color: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 13px 24px !important;
  margin: 22px 0 12px !important;
  border-radius: 12px !important;
  text-align: center !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.22) !important;
  letter-spacing: -0.2px !important;
  display: block !important;
}

/* ━━━ Карточка-таблица под .tiket ━━━ */
html body .work-task-read .table {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.04) !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}
html body .work-task-read .table td {
  padding: 12px 18px !important;
  border-bottom: 1px solid rgba(42,122,75,0.07) !important;
  font-size: 13.5px !important;
  vertical-align: middle !important;
  color: #3D4A3D !important;
  background: transparent !important;
}
html body .work-task-read .table tr:last-child td { border-bottom: none !important; }

/* ━━━ Текстовый контент после .tiket (123 и т.д.) ━━━ */
html body .work-task-read > .tiket + br ~ * {
  margin-left: 18px !important;
}
/* Кладём текст после .tiket в карточку через padding на блок */
html body .tiket + br + * { margin-top: 0 !important; }

/* ━━━ Аватар ━━━ */
html body img.avatar_wall {
  border-radius: 12px !important;
  border: 2px solid #fff !important;
  outline: 1px solid rgba(42,122,75,0.15) !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.12) !important;
}

/* ━━━ Кнопки "Добавить в избранное" / "Отправить в мусорку" ━━━ */
html body input[value*="Добавить в избранное"] {
  display: inline-block !important;
  padding: 12px 26px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.25) !important;
  transition: all 0.18s !important;
  min-width: 220px !important;
  margin: 4px !important;
}
html body input[value*="мусорку"] {
  display: inline-block !important;
  padding: 12px 26px !important;
  background: #fff !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: all 0.15s !important;
  min-width: 220px !important;
  margin: 4px !important;
}

/* ━━━ Жёлтое предупреждение — НАСЫЩЕННОЕ, читаемое ━━━ */
html body .yellowbk {
  background: linear-gradient(135deg, #FFF3CD 0%, #FFFAE5 100%) !important;
  border: 1.5px solid #F0B400 !important;
  border-left: 5px solid #D68F00 !important;
  border-radius: 12px !important;
  padding: 16px 22px !important;
  font-size: 14px !important;
  color: #4A3200 !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.6 !important;
  margin: 16px 0 !important;
  box-shadow: 0 2px 8px rgba(214,143,0,0.1) !important;
}
html body .yellowbk b, html body .yellowbk strong {
  color: #2E1F00 !important;
  font-weight: 800 !important;
}

/* ━━━ Зелёный блок (Вы начали выполнять...) ━━━ */
html body .work-task-read > div[style*="color:#00b300"], html body div[style*="color:#04a900"] {
  background: linear-gradient(135deg, #EDF9F3 0%, #fff 100%) !important;
  border: 1px solid rgba(42,122,75,0.2) !important;
  border-left: 4px solid #2A7A4B !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin: 14px 0 !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

/* ━━━ "Отправить отчёт" — БОЛЬШАЯ зелёная по центру ━━━ */
html body input.btn_big_green, html body .btn_big_green {
  display: block !important;
  padding: 16px 36px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  background-image: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 22px rgba(42,122,75,0.3) !important;
  transition: all 0.2s !important;
  text-align: center !important;
  width: auto !important;
  min-width: 320px !important;
  margin: 18px auto !important;
}
html body input.btn_big_green:hover {
  background: linear-gradient(135deg, #1A5C35, #0D3D22) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(42,122,75,0.4) !important;
}

/* ━━━ "Отказаться" по центру ━━━ */
html body input.btn_big_red, html body input[value*="Отказаться"] {
  display: block !important;
  padding: 12px 28px !important;
  background: #fff !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  text-align: center !important;
  min-width: 280px !important;
  margin: 18px auto !important;
}

/* ━━━ "Приступить к просмотру" ━━━ */
html body a.start-yes-serf {
  display: inline-block !important;
  padding: 14px 32px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  background-image: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(42,122,75,0.3) !important;
  transition: all 0.18s !important;
  text-align: center !important;
  min-width: 220px !important;
}
html body a.start-yes-serf:hover {
  background: linear-gradient(135deg, #1A5C35, #0D3D22) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(42,122,75,0.45) !important;
  color: #fff !important;
}
html body [id^="start-serf-"], html body [id^="start-mails-"],
html body [id^="start-ads-"], html body [id^="start-podp-"], html body [id^="start-likes-"],
html body [id^="start-groups-"], html body [id^="start-repost-"] {
  text-align: center !important;
  padding: 16px 0 !important;
}

/* ━━━ Звёзды рейтинга ━━━ */
html body span.rating0, html body span.rating1, html body span.rating2,
html body span.rating3, html body span.rating4, html body span.rating5 {
  background: none !important; background-image: none !important;
  width: auto !important; height: auto !important;
  display: inline-block !important;
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  color: #FFB300 !important;
}
html body span.rating0::before { content: '★★★★★' !important; opacity: 0.3 !important; color: #aaa !important; }
html body span.rating1::before { content: '★☆☆☆☆' !important; }
html body span.rating2::before { content: '★★☆☆☆' !important; }
html body span.rating3::before { content: '★★★☆☆' !important; }
html body span.rating4::before { content: '★★★★☆' !important; }
html body span.rating5::before { content: '★★★★★' !important; }

/* ━━━ Варианты ответа в попапе ━━━ */
html body #popup .text-popup .otvet span, html body .text-popup .otvet span,
html body #popup .text-popup .otvet a {
  display: block !important;
  background: #F5FBF7 !important;
  background-image: none !important;
  border: 1.5px solid rgba(42,122,75,0.18) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1A5C35 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  margin: 6px 0 !important;
}
html body #popup .text-popup .otvet span:hover {
  background: #2A7A4B !important;
  color: #fff !important;
  border-color: #2A7A4B !important;
}

/* ═══ END FINAL UI FIX ═══ */


/* ═══ FINAL OVERRIDE — максимальная специфичность ═══ */
html body .work-task-read .tiket,
html body .kv-work .tiket,
html body div.tiket,
html body .tiket {
  background: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  background-image: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  color: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  height: auto !important;
  line-height: 1.4 !important;
  padding: 14px 24px !important;
  margin: 22px 0 12px !important;
  border-radius: 12px !important;
  text-align: center !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.22) !important;
  letter-spacing: -0.2px !important;
  display: block !important;
  cursor: default !important;
}

/* Кнопка "Отправить в мусорку" — пробуем все варианты класса */
html body a[onclick*="del-task"],
html body a[onclick*="trash"],
html body a.btn-trash,
html body input[value*="мусорку"],
html body input[value*="мусор"],
html body .btn_big_red_full,
html body span[onclick*="trash"] {
  display: inline-block !important;
  padding: 12px 26px !important;
  background: #fff !important;
  background-image: none !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-align: center !important;
  min-width: 220px !important;
  margin: 4px !important;
}
html body input[value*="мусорку"]:hover { background: #FFEBEE !important; border-color: #C62828 !important; }
/* ═══ END FINAL OVERRIDE ═══ */

/* ═══ FINAL FIX v6 ═══ */

/* msg-warning — жёлтое предупреждение (халявы и др.) */
html body .msg-warning, html body div.msg-warning, html body span.msg-warning {
  background: linear-gradient(135deg, #FFF3CD 0%, #FFFAE5 100%) !important;
  background-image: linear-gradient(135deg, #FFF3CD 0%, #FFFAE5 100%) !important;
  border: 1.5px solid #F0B400 !important;
  border-left: 5px solid #D68F00 !important;
  border-radius: 12px !important;
  padding: 16px 22px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  color: #4A3200 !important;
  font-weight: 600 !important;
  text-align: center !important;
  line-height: 1.6 !important;
  margin: 16px 0 !important;
  box-shadow: 0 2px 8px rgba(214,143,0,0.1) !important;
  text-shadow: none !important;
  display: block !important;
}
html body .msg-warning b, html body .msg-warning strong {
  color: #2E1F00 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* msg-error — красное */
html body .msg-error {
  background: linear-gradient(135deg, #FFF0F0, #FFFAFA) !important;
  border: 1.5px solid #FFCDD2 !important;
  border-left: 5px solid #C62828 !important;
  border-radius: 12px !important;
  padding: 16px 22px !important;
  color: #791F1F !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  text-shadow: none !important;
}

/* msg-ok — зелёное */
html body .msg-ok {
  background: linear-gradient(135deg, #EDF9F3, #F8FCFA) !important;
  border: 1.5px solid #A8E6C8 !important;
  border-left: 5px solid #2A7A4B !important;
  border-radius: 12px !important;
  padding: 16px 22px !important;
  color: #1A5C35 !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  text-shadow: none !important;
}

/* Универсальный btn_big_red — для span, a, input, button */
html body span.btn_big_red, html body a.btn_big_red, html body input.btn_big_red,
html body button.btn_big_red, html body div.btn_big_red {
  display: block !important;
  padding: 12px 28px !important;
  background: #fff !important;
  background-image: none !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-align: center !important;
  width: auto !important;
  max-width: 320px !important;
  margin: 16px auto !important;
  transition: all 0.15s !important;
}
html body span.btn_big_red:hover, html body a.btn_big_red:hover {
  background: #FFEBEE !important;
  border-color: #C62828 !important;
}

/* Универсальный btn_big_green — для span, a, input, button */
html body span.btn_big_green, html body a.btn_big_green, html body input.btn_big_green,
html body button.btn_big_green, html body div.btn_big_green {
  display: block !important;
  padding: 16px 36px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  background-image: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: 0 8px 22px rgba(42,122,75,0.3) !important;
  width: auto !important;
  max-width: 360px !important;
  margin: 18px auto !important;
  transition: all 0.2s !important;
}
html body span.btn_big_green:hover, html body a.btn_big_green:hover, html body input.btn_big_green:hover {
  background: linear-gradient(135deg, #1A5C35, #0D3D22) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(42,122,75,0.4) !important;
}

/* "Отправить в мусорку" — любой элемент c таким value/text */
html body input[value*="мусорку"], html body a[onclick*="del-task"], html body span[onclick*="del-task"],
html body input[onclick*="del-task"] {
  display: inline-block !important;
  padding: 12px 26px !important;
  background: #fff !important;
  background-image: none !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 220px !important;
  margin: 4px !important;
}

/* ═══ END FINAL FIX v6 ═══ */

/* text-scrin — МЯГКИЙ стиль, без изменения позиционирования */
html body .text-scrin {
  background-color: #F5FBF7 !important;
  border: 2px dashed rgba(42,122,75,0.35) !important;
  border-radius: 10px !important;
  color: #3D4A3D !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
html body .text-scrin b {
  color: #1A5C35 !important;
  font-family: 'JetBrains Mono', 'Consolas', monospace !important;
  background-color: rgba(255,255,255,0.6) !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* ═══ FINAL FIX v7 — кнопка мусорки и font tags ═══ */

/* Кнопка .btn.red (Отправить в мусорку, и подобные красные действия) */
html body a.btn.red, html body a.btn.red.task-favorite-r,
html body a[class*="btn"][class*="red"] {
  display: inline-block !important;
  padding: 12px 26px !important;
  background: #fff !important;
  background-image: none !important;
  color: #C62828 !important;
  border: 1.5px solid #FFCDD2 !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 220px !important;
  margin: 4px !important;
}
html body a.btn.red:hover {
  background: #FFEBEE !important;
  border-color: #C62828 !important;
}

/* font[color] внутри кнопок — заставляем подчиниться цвету кнопки */
html body a.btn.red font, html body a.btn.red font[color],
html body a[class*="btn"][class*="red"] font {
  color: #C62828 !important;
}

/* Кнопка .btn.green (Добавить в избранное и т.п.) */
html body a.btn.green, html body a.btn.green.task-favorite-r,
html body a[class*="btn"][class*="green"] {
  display: inline-block !important;
  padding: 12px 26px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  background-image: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.25) !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 220px !important;
  margin: 4px !important;
  transition: all 0.18s !important;
}
html body a.btn.green:hover {
  background: linear-gradient(135deg, #1A5C35, #0D3D22) !important;
  transform: translateY(-1px) !important;
}
html body a.btn.green font { color: #fff !important; }

/* Кнопка .btn.blue (вторичная синяя — если есть) */
html body a.btn.blue {
  display: inline-block !important;
  padding: 12px 26px !important;
  background: linear-gradient(135deg, #4a90e2, #2c5e9e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  text-align: center !important;
}
html body a.btn.blue font { color: #fff !important; }

/* Кнопка .btn.gray */
html body a.btn.gray {
  display: inline-block !important;
  padding: 10px 22px !important;
  background: #fff !important;
  color: #546E7A !important;
  border: 1.5px solid #CFD8DC !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: center !important;
}
html body a.btn.gray font { color: #546E7A !important; }
/* ═══ END FINAL FIX v7 ═══ */

/* ═══ FINAL FIX v8 — статус "Спасибо, отчёт принят" ═══ */

html body .block-task-read, html body .task-read-wait, html body .task-read-good, html body .task-read-no,
html body .work-task-read .msg-warning, html body .work-task-read .msg-error, html body .work-task-read .msg-ok {
  text-align: center !important;
  display: block !important;
  margin: 18px auto !important;
  padding: 20px 28px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 600 !important;
  max-width: 720px !important;
}

html body .task-read-wait {
  background: linear-gradient(135deg, #FFF8E1, #FFFEF5) !important;
  background-image: linear-gradient(135deg, #FFF8E1, #FFFEF5) !important;
  border: 1.5px solid #F0B400 !important;
  border-left: 5px solid #D68F00 !important;
  color: #4A3200 !important;
}
html body .task-read-good {
  background: linear-gradient(135deg, #EDF9F3, #F8FCFA) !important;
  background-image: linear-gradient(135deg, #EDF9F3, #F8FCFA) !important;
  border: 1.5px solid #A8E6C8 !important;
  border-left: 5px solid #2A7A4B !important;
  color: #1A5C35 !important;
}
html body .task-read-no {
  background: linear-gradient(135deg, #FFF0F0, #FFFAFA) !important;
  background-image: linear-gradient(135deg, #FFF0F0, #FFFAFA) !important;
  border: 1.5px solid #FFCDD2 !important;
  border-left: 5px solid #C62828 !important;
  color: #791F1F !important;
}
/* ═══ END FINAL FIX v8 ═══ */

/* Скрыть остатки удалённой txt-рекламы */
html body .serf-text-ob, html body #wall-ad, html body a[href*="adv=txt"] {
  display: none !important;
}

/* ═══ FINANCE PAGES (payment / money_add / history) ═══ */

/* Бонус-блок при пополнении (.cashback-money-add) */
html body .cashback-money-add {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 22px !important;
  background: linear-gradient(135deg, #EDF9F3 0%, #FFFEF7 100%) !important;
  border: 1.5px solid #A8E6C8 !important;
  border-left: 5px solid #2A7A4B !important;
  border-radius: 14px !important;
  margin: 16px auto 24px !important;
  max-width: 720px !important;
  box-shadow: 0 4px 14px rgba(42,122,75,0.08) !important;
}
html body .cashback-gift {
  flex-shrink: 0 !important;
  width: 56px !important; height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #FFB300, #F57C00) !important;
  border-radius: 14px !important;
  font-size: 28px !important;
  box-shadow: 0 4px 12px rgba(245,124,0,0.25) !important;
}
html body .cashback-gift::before { content: '🎁'; }
html body .cashback-info { flex: 1 !important; }
html body .cashback-text {
  display: block !important;
  font-family: 'Fraunces', serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0D3D22 !important;
  margin-bottom: 6px !important;
}
html body .cashback-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .cashback-list li {
  padding: 4px 0 4px 22px !important;
  font-size: 13px !important;
  color: #3D4A3D !important;
  position: relative !important;
}
html body .cashback-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #2A7A4B;
  font-weight: 700;
}
html body .cashback-list b { color: #1A5C35 !important; font-weight: 700 !important; }

/* Форма пополнения (#load-money-add) */
html body #load-money-add {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 24px !important;
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(42,122,75,0.06) !important;
  text-align: center !important;
}
html body #load-money-add h3 {
  font-family: 'Fraunces', serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #0D3D22 !important;
  margin: 14px 0 6px !important;
}
html body #load-money-add hr {
  border: none !important;
  border-top: 1px solid rgba(42,122,75,0.1) !important;
  margin: 10px auto !important;
  max-width: 200px !important;
}
html body .kab-text {
  display: block !important;
  font-size: 12.5px !important;
  color: #6B7B6B !important;
  margin-bottom: 10px !important;
}
html body #money-add-p, html body input[name="money_add"], html body input[name="summa_shoot"] {
  width: 280px !important;
  padding: 14px 18px !important;
  border: 2px solid rgba(42,122,75,0.2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  text-align: center !important;
  color: #0D3D22 !important;
  margin: 8px auto !important;
  transition: all 0.15s !important;
}
html body #money-add-p:focus, html body input[name="money_add"]:focus, html body input[name="summa_shoot"]:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(93,202,165,0.2) !important;
}

/* removed *//* Линии статусов в карточках кошельков */
html body .line-green, html body span.line-green {
  display: block !important;
  color: #1A5C35 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  background: #EDF9F3 !important;
  padding: 8px 12px !important;
  border-radius: 100px !important;
  margin: 4px 0 !important;
  word-break: break-all !important;
}
html body .line-orange {
  display: block !important;
  color: #8a5800 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  background: #FFF3CD !important;
  padding: 8px 12px !important;
  border-radius: 100px !important;
  margin: 4px 0 !important;
}
html body .line-red {
  display: block !important;
  color: #C62828 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  background: #FFF0F0 !important;
  padding: 8px 12px !important;
  border-radius: 100px !important;
  margin: 4px 0 !important;
}
html body .line-gray {
  display: block !important;
  color: #6B7B6B !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  background: #F5F5F5 !important;
  padding: 8px 12px !important;
  border-radius: 100px !important;
  margin: 4px 0 !important;
}

/* Кнопка-обёртка над карточкой кошелька */
html body button[onclick*="system_cash"] {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  display: inline-block !important;
  cursor: pointer !important;
}

/* Способы пополнения (forma_money_add — генерируется в PHP) */
html body .money-add-system, html body .cash-payeer, html body .cash-unitpay,
html body .cash-freekassa, html body .cash-nowpayments {
  display: inline-block !important;
  width: 180px !important;
  min-height: 90px !important;
  background: #fff !important;
  border: 2px solid rgba(42,122,75,0.15) !important;
  border-radius: 12px !important;
  padding: 14px !important;
  margin: 6px !important;
  cursor: pointer !important;
  transition: all 0.18s !important;
  text-align: center !important;
}
html body .money-add-system:hover {
  border-color: #3D9960 !important;
  background: #F5FBF7 !important;
  transform: translateY(-2px) !important;
}

/* История операций — таблица */
html body #block-history, html body table.table#block-history {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.04) !important;
  margin: 14px auto !important;
  max-width: 920px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: calc(100% - 16px) !important;
}
html body #block-history thead th {
  background: linear-gradient(135deg, #EDF9F3, #F8FCFA) !important;
  color: #1A5C35 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 12px 14px !important;
  border-bottom: 1.5px solid rgba(42,122,75,0.15) !important;
  text-align: center !important;
}
html body #block-history tbody td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(42,122,75,0.06) !important;
  font-size: 13px !important;
  color: #3D4A3D !important;
  vertical-align: middle !important;
}
html body #block-history tbody tr:hover td {
  background: #F5FBF7 !important;
}
html body #block-history tbody tr:last-child td { border-bottom: none !important; }

/* Табы истории */
html body .menu-task-work-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
  margin: 14px 0 !important;
  padding: 12px !important;
  background: #F5FBF7 !important;
  border-radius: 14px !important;
  max-width: 920px !important;
  margin: 14px auto !important;
}
html body .menu-task-work-btns .menu-task-work__link {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 100px !important;
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  color: #3D4A3D !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
}
html body .menu-task-work-btns .menu-task-work__link:hover {
  background: #EDF9F3 !important;
  border-color: #3D9960 !important;
  color: #1A5C35 !important;
}
html body .menu-task-work-btns .menu-task-work__link.start-page-task-activ,
html body .menu-task-work-btns .menu-task-work__link.menu-task-work__link_active {
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border-color: #2A7A4B !important;
  box-shadow: 0 3px 8px rgba(42,122,75,0.25) !important;
}

/* "После пополнения участвуете в конкурсе..." */
html body #load-money-add .status, html body span.status {
  display: block !important;
  background: #F5FBF7 !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  color: #3D4A3D !important;
  margin: 14px auto !important;
  text-align: center !important;
  line-height: 1.5 !important;
  max-width: 480px !important;
}

/* ═══ END FINANCE PAGES ═══ */

/* ═══ Карточки платёжных систем — НЕ трогать вложенный background ═══ */

/* Внешний контейнер карточки — только цвет/бордер/тень */
html body .cash-wm1, html body .cash-yd1, html body .cash-os1, html body .cash-rs1,
html body .cash-mb1, html body .cash-pm1, html body .cash-qw1, html body .cash-vs1,
html body .cash-rb1, html body .cash-pr1, html body .cash-ik1, html body .cash-lp1 {
  display: inline-block !important;
  width: 220px !important;
  min-height: 120px !important;
  background-color: #fff !important;
  border: 2px solid rgba(42,122,75,0.15) !important;
  border-radius: 14px !important;
  padding: 8px !important;
  margin: 8px !important;
  cursor: pointer !important;
  transition: all 0.18s !important;
  vertical-align: top !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.05) !important;
}
html body .cash-wm1:hover, html body .cash-yd1:hover, html body .cash-os1:hover, html body .cash-rs1:hover,
html body .cash-mb1:hover, html body .cash-pm1:hover, html body .cash-qw1:hover, html body .cash-vs1:hover,
html body .cash-rb1:hover, html body .cash-pr1:hover, html body .cash-ik1:hover, html body .cash-lp1:hover {
  border-color: #3D9960 !important;
  background-color: #F5FBF7 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(42,122,75,0.15) !important;
}

/* Вложенный 3-й div — где background-image с логотипом — НЕ трогаем фон */
html body .cash-wm1 > div, html body .cash-yd1 > div, html body .cash-os1 > div,
html body .cash-rs1 > div, html body .cash-mb1 > div, html body .cash-pm1 > div,
html body .cash-qw1 > div, html body .cash-vs1 > div, html body .cash-rb1 > div,
html body .cash-pr1 > div, html body .cash-ik1 > div, html body .cash-lp1 > div {
  height: 100% !important;
  min-height: 100px !important;
  padding-top: 50px !important; /* место под логотип */
  text-align: center !important;
}

/* Линии статусов внутри карточки — pill */
html body .cash-wm1 .line-green, html body .cash-yd1 .line-green, html body .cash-os1 .line-green,
html body .cash-rs1 .line-green, html body .cash-mb1 .line-green, html body .cash-pm1 .line-green,
html body .cash-qw1 .line-green, html body .cash-vs1 .line-green, html body [class*="cash-"] .line-green {
  display: inline-block !important;
  background: linear-gradient(135deg, #EDF9F3, #fff) !important;
  color: #1A5C35 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  border: 1px solid rgba(42,122,75,0.15) !important;
}
html body [class*="cash-"] .line-orange {
  display: inline-block !important;
  background: #FFF3CD !important;
  color: #8a5800 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  border: 1px solid #FFD54F !important;
}
html body [class*="cash-"] .line-red {
  display: inline-block !important;
  background: #FFF0F0 !important;
  color: #C62828 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  border: 1px solid #FFCDD2 !important;
}
html body [class*="cash-"] .line-gray {
  display: inline-block !important;
  background: #F5F5F5 !important;
  color: #6B7B6B !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  border: 1px solid #CFD8DC !important;
}
/* ═══ END Карточки платёжных систем ═══ */

/* Карточки оплат — фикс наложения логотипа на pill */
html body .cash-wm1, html body .cash-yd1, html body .cash-os1, html body .cash-rs1,
html body .cash-mb1, html body .cash-pm1, html body .cash-qw1, html body .cash-vs1,
html body .cash-rb1, html body .cash-pr1, html body .cash-ik1, html body .cash-lp1 {
  min-height: 150px !important;
  height: 150px !important;
  padding: 0 !important;
  position: relative !important;
}
/* Внутренний контейнер — flex колонка, логотип сверху, pill снизу */
html body .cash-wm1 > div, html body .cash-yd1 > div, html body .cash-os1 > div,
html body .cash-rs1 > div, html body .cash-mb1 > div, html body .cash-pm1 > div,
html body .cash-qw1 > div, html body .cash-vs1 > div, html body .cash-rb1 > div,
html body .cash-pr1 > div, html body .cash-ik1 > div, html body .cash-lp1 > div {
  height: 100% !important;
  width: 100% !important;
  padding-top: 95px !important;  /* логотип занимает верхние ~85-90px */
  padding-bottom: 12px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
/* Промежуточные div'ы — пропускаем без изменений */
html body .cash-wm1 > div > div, html body .cash-yd1 > div > div,
html body [class*="cash-"] > div > div {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
/* Третий вложенный div — где background-image — НЕ трогаем */
/* Pill сидит внутри третьего div'a */
html body [class*="cash-"] > div > div > div {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  /* НЕ трогаем background — там лого */
}

/* Финальный фикс — pill через absolute, лого не мешает */
html body [class*="cash-"][class$="1"], html body .cash-wm1, html body .cash-yd1,
html body .cash-os1, html body .cash-rs1, html body .cash-mb1, html body .cash-pm1,
html body .cash-qw1, html body .cash-vs1, html body .cash-rb1, html body .cash-pr1,
html body .cash-ik1, html body .cash-lp1 {
  position: relative !important;
  height: 130px !important;
  min-height: 130px !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Убираем flex/padding с внутренних div'ов — пусть лого рисуется как было */
html body [class*="cash-"] > div, html body [class*="cash-"] > div > div,
html body [class*="cash-"] > div > div > div {
  display: block !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  align-items: unset !important;
  justify-content: unset !important;
  text-align: center !important;
}

/* Pill вынесен из flow — крепится к нижнему краю карточки */
html body [class*="cash-"] .line-green,
html body [class*="cash-"] .line-orange,
html body [class*="cash-"] .line-red,
html body [class*="cash-"] .line-gray {
  position: absolute !important;
  bottom: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: inline-block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  z-index: 2 !important;
  white-space: nowrap !important;
}
html body [class*="cash-"] .line-green {
  background: #fff !important;
  color: #1A5C35 !important;
  border: 1.5px solid #2A7A4B !important;
  box-shadow: 0 3px 8px rgba(42,122,75,0.15) !important;
}
html body [class*="cash-"] .line-orange {
  background: #fff !important;
  color: #8a5800 !important;
  border: 1.5px solid #F0B400 !important;
}
html body [class*="cash-"] .line-red {
  background: #fff !important;
  color: #C62828 !important;
  border: 1.5px solid #C62828 !important;
}
html body [class*="cash-"] .line-gray {
  background: #fff !important;
  color: #546E7A !important;
  border: 1.5px solid #CFD8DC !important;
}

/* .btn.green — универсальная зелёная кнопка с авто-шириной под текст */
html body input.btn.green, html body a.btn.green, html body span.btn.green,
html body button.btn.green, html body div.btn.green {
  display: inline-block !important;
  width: auto !important;
  min-width: 200px !important;
  max-width: none !important;
  padding: 12px 28px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  background-image: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-align: center !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.25) !important;
  transition: all 0.18s !important;
  line-height: 1.3 !important;
}
html body input.btn.green:hover, html body a.btn.green:hover, html body span.btn.green:hover {
  background: linear-gradient(135deg, #1A5C35, #0D3D22) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(42,122,75,0.35) !important;
}
html body input.btn.green font, html body a.btn.green font, html body span.btn.green font {
  color: #fff !important;
}

/* То же для .btn.blue */
html body input.btn.blue, html body a.btn.blue, html body span.btn.blue, html body button.btn.blue {
  display: inline-block !important;
  width: auto !important;
  min-width: 200px !important;
  padding: 12px 28px !important;
  background: linear-gradient(135deg, #4a90e2, #2c5e9e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(33,150,243,0.25) !important;
}

/* ═══ PROFILE & REFERALS PAGES (Группа 3) ═══ */

/* Универсальный контейнер для всех страниц этой группы */
html body div[style*="padding:0 7px 0 7px"] {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* Заголовки секций в таблицах (<th colspan="3">) */
html body .table th {
  background: linear-gradient(135deg, #EDF9F3, #F8FCFA) !important;
  color: #0D3D22 !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  padding: 12px 18px !important;
  text-align: left !important;
  border-bottom: 1.5px solid rgba(42,122,75,0.15) !important;
}

/* Поля форм профиля */
html body .work-task-read input[type="text"]:not([name="ask_reply"]),
html body form.aj-form input[type="text"], html body form.aj-form input[type="email"],
html body form.aj-form input[type="password"], html body form.aj-form input[type="number"],
html body .table input[type="text"], html body .table input[type="email"],
html body .table input[type="password"], html body .table input[type="number"] {
  padding: 10px 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #0D3D22 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  transition: all 0.15s !important;
  width: auto !important;
  min-width: 220px !important;
  box-sizing: border-box !important;
}
html body form.aj-form input[type="text"]:focus, html body .table input[type="text"]:focus,
html body form.aj-form input[type="email"]:focus, html body form.aj-form input[type="password"]:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(93,202,165,0.2) !important;
}

/* Select на страницах */
html body form.aj-form select, html body .table select {
  padding: 10px 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  cursor: pointer !important;
  color: #0D3D22 !important;
  min-width: 220px !important;
}

/* Textarea */
html body form.aj-form textarea, html body .table textarea {
  padding: 12px 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  width: 100% !important;
  min-height: 100px !important;
  resize: vertical !important;
  box-sizing: border-box !important;
}

/* Описания полей (.desctext) */
html body .desctext {
  display: block !important;
  font-size: 12px !important;
  color: #6B7B6B !important;
  font-weight: 400 !important;
  margin-top: 2px !important;
}

/* Иконка подсказки (.hint-quest) — круглый знак вопроса */
html body .hint-quest {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #3D9960, #2A7A4B) !important;
  color: #fff !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  cursor: help !important;
  position: relative !important;
  margin: 0 4px !important;
  box-shadow: 0 2px 6px rgba(42,122,75,0.2) !important;
}
html body .hint-quest::before {
  content: '?';
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

/* Кнопка "Сохранить" в формах профиля */
html body form.aj-form input[type="submit"]:not(.btn_big_green):not(.btn_big_red),
html body input[type="submit"][value*="Сохранить"],
html body input[type="submit"][value*="Изменить"],
html body input[type="submit"][value*="Обновить"] {
  display: inline-block !important;
  padding: 12px 28px !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.25) !important;
  transition: all 0.18s !important;
  min-width: 200px !important;
  margin: 8px !important;
}
html body input[type="submit"][value*="Сохранить"]:hover {
  background: linear-gradient(135deg, #1A5C35, #0D3D22) !important;
  transform: translateY(-1px) !important;
}

/* Карточки рефералов (таблицы рефералов) */
html body table.tab-refs, html body .ref-card, html body table.table.refers {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.04) !important;
  margin: 14px auto !important;
  max-width: 920px !important;
  width: calc(100% - 32px) !important;
}

/* Аватары рефералов и в стене */
html body img.avatar, html body img[class*="avatar"] {
  border-radius: 10px !important;
  border: 2px solid #fff !important;
  outline: 1px solid rgba(42,122,75,0.13) !important;
  box-shadow: 0 2px 6px rgba(42,122,75,0.08) !important;
}

/* Стена (wall.tpl) — посты */
html body .wall-post, html body .wall-msg, html body table.wall, html body .wall-row {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.1) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin: 10px auto !important;
  max-width: 920px !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.05) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

/* Топы / рейтинг */
html body table.rating, html body table.top, html body #rating-table {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 14px auto !important;
  max-width: 920px !important;
}
html body table.rating td, html body table.top td {
  padding: 11px 14px !important;
  border-bottom: 1px solid rgba(42,122,75,0.06) !important;
  font-size: 13px !important;
}
html body table.rating tr:hover td, html body table.top tr:hover td {
  background: #F5FBF7 !important;
}

/* Реф-ссылки — поле с реф-ссылкой и кнопка копирования */
html body .ref-link-input, html body input[readonly][value*="kastravec"],
html body input[readonly][value*="http"] {
  background: #F5FBF7 !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'JetBrains Mono', 'Consolas', monospace !important;
  font-size: 13px !important;
  color: #1A5C35 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: text !important;
}

/* Прогресс-бары / счётчики (в реф-программе) */
html body .progress, html body .progress-bar, html body .ref-counter {
  background: #EDF9F3 !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  height: 12px !important;
}
html body .progress-bar > div, html body .progress > div {
  background: linear-gradient(135deg, #2A7A4B, #3D9960) !important;
  height: 100% !important;
  border-radius: 100px !important;
}

/* Биржа рефералов (refbirj) — карточки на покупку */
html body .birj-card, html body .ref-sale-card {
  display: inline-block !important;
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin: 8px !important;
  min-width: 250px !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.05) !important;
  transition: all 0.18s !important;
}
html body .birj-card:hover, html body .ref-sale-card:hover {
  border-color: #3D9960 !important;
  transform: translateY(-2px) !important;
}

/* Конкурсы (refkonkurs / pay_today / конкурс рекламодателей) */
html body .konkurs-card, html body .konkurs-info {
  background: linear-gradient(135deg, #FFFEF7, #fff) !important;
  border: 1.5px solid #FFD54F !important;
  border-left: 5px solid #F9A825 !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin: 12px auto !important;
  max-width: 920px !important;
}

/* Радио-кнопки и чекбоксы в формах */
html body input[type="radio"], html body input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #2A7A4B !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
}

/* "Категория" / "Можно выполнять" — подписи с цветом */
html body td font[color="#c80000"], html body td font[color="#C80000"] {
  color: #C62828 !important;
  font-weight: 600 !important;
}

/* ═══ END PROFILE & REFERALS ═══ */

/* ═══ GLOBAL ROUNDING + UNIFIED HERO ═══ */

/* Глобально: скругление всех input/select/button/textarea/image */
html body input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
html body select, html body textarea, html body button {
  border-radius: 10px !important;
}
html body img:not([class*="avatar"]):not([class*="icon"]):not([class*="ico"]):not([src*="flags"]) {
  border-radius: 8px !important;
}
html body td, html body th { /* углы только у крайних ячеек строк через :first/:last */
  border-radius: 0 !important;
}
html body table.table {
  border-radius: 12px !important;
  overflow: hidden !important;
}
/* div'ы внутри карточек скругляем тоже */
html body .add-infa, html body .msg-warning, html body .msg-error, html body .msg-ok {
  border-radius: 12px !important;
}

/* === HERO заголовков для всех страниц (как у /work-*) === */
html body div.titles {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  background: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  color: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  letter-spacing: -0.3px !important;
  text-align: center !important;
  padding: 22px 24px !important;
  border-radius: 16px !important;
  margin: 18px auto !important;
  box-shadow: 0 8px 22px rgba(42,122,75,0.18) !important;
  border: none !important;
  max-width: 920px !important;
  position: relative !important;
  line-height: 1.3 !important;
  flex-wrap: wrap !important;
}
html body div.titles h2 {
  margin: 0 !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  display: inline !important;
}
html body div.titles small, html body div.titles .kv-subtitle {
  display: block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  opacity: 0.85 !important;
  margin-top: 6px !important;
  letter-spacing: 0 !important;
  flex-basis: 100% !important;
}
html body div.titles .kv-emoji {
  font-size: 28px !important;
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', system-ui, sans-serif !important;
  font-weight: normal !important;
}
html body div.titles .kv-pill {
  display: inline-block !important;
  background: rgba(255,255,255,0.18) !important;
  padding: 4px 12px !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  margin-left: 8px !important;
}

/* ═══ END GLOBAL ROUNDING + HERO ═══ */

/* ═══ ГРУППА 4: УПРАВЛЕНИЕ РЕКЛАМОЙ (advm-*) ═══ */

/* Меню навигации между типами рекламы (12 пилюль в grid) */
html body div.menu-task-work-btns[style*="grid-template"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  grid-auto-rows: auto !important;
  grid-template-rows: unset !important;
  gap: 8px !important;
  max-width: 920px !important;
  margin: 14px auto !important;
  padding: 0 16px !important;
  width: 100% !important;
}
html body div.menu-task-work-btns[style*="grid-template"] .menu-task-work__link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 14px !important;
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.18) !important;
  border-radius: 12px !important;
  color: #0D3D22 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
  cursor: pointer !important;
  min-height: 44px !important;
  line-height: 1.2 !important;
}
html body div.menu-task-work-btns[style*="grid-template"] .menu-task-work__link:hover {
  border-color: #3D9960 !important;
  background: #F5FBF7 !important;
  transform: translateY(-1px) !important;
}
html body div.menu-task-work-btns[style*="grid-template"] .menu-task-work__link.active {
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border-color: #1A5C35 !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.25) !important;
}

/* === Карточки кампаний (table.work-serf) === */
html body table.work-serf {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 14px !important;
  margin: 10px auto !important;
  max-width: 920px !important;
  width: calc(100% - 32px) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.05) !important;
  overflow: hidden !important;
  table-layout: auto !important;
}
html body table.work-serf > tbody > tr > td {
  padding: 14px 14px !important;
  vertical-align: top !important;
  border: none !important;
}
html body table.work-serf > tbody > tr > td:first-child {
  width: 40px !important;
  padding-right: 0 !important;
}
html body table.work-serf > tbody > tr > td.budget {
  background: #F5FBF7 !important;
  border-left: 1px solid rgba(42,122,75,0.08) !important;
  text-align: center !important;
  min-width: 130px !important;
  padding: 14px 12px !important;
}
html body table.work-serf:hover {
  border-color: #3D9960 !important;
  box-shadow: 0 6px 18px rgba(42,122,75,0.1) !important;
}

/* Кнопка паузы/play слева */
html body span[class*="serfcontrol-"] {
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  background-color: #EDF9F3 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  transition: all 0.15s !important;
}
html body span[class*="serfcontrol-"]:hover {
  background-color: #DFF3E8 !important;
  transform: scale(1.05) !important;
}

/* Тексты в карточке */
html body table.work-serf .serf-text {
  display: block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  color: #455A4F !important;
  margin: 4px 0 !important;
  line-height: 1.4 !important;
}
html body table.work-serf .kab-text {
  display: inline-block !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: #6B7B6B !important;
  margin-top: 6px !important;
  line-height: 1.5 !important;
}
html body table.work-serf .kab-text b {
  color: #0D3D22 !important;
  font-weight: 700 !important;
}
html body table.work-serf a[target="_blank"] {
  color: #1A5C35 !important;
  font-weight: 700 !important;
  font-family: 'Fraunces', serif !important;
  font-size: 15px !important;
  text-decoration: none !important;
}
html body table.work-serf a[target="_blank"]:hover {
  text-decoration: underline !important;
  color: #2A7A4B !important;
}

/* Иконки действий (.scon-*) — единый стиль */
html body .scon-delete, html body .scon-edit, html body .scon-erase,
html body .scon-stat, html body .scon-view, html body .scon-backmoney,
html body span[class^="scon-"], html body a[class^="scon-"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background-color: #F5FBF7 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 14px !important;
  cursor: pointer !important;
  margin-left: 4px !important;
  border: 1px solid rgba(42,122,75,0.15) !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}
html body span[class^="scon-"]:hover, html body a[class^="scon-"]:hover {
  background-color: #DFF3E8 !important;
  border-color: #3D9960 !important;
  transform: translateY(-1px) !important;
}
/* Эмодзи через ::before для каждой иконки */
html body .scon-delete::before { content: '🗑️' !important; font-size: 14px !important; }
html body .scon-edit::before { content: '✏️' !important; font-size: 14px !important; }
html body .scon-erase::before { content: '↻' !important; font-size: 16px !important; color: #2A7A4B; font-weight: 700; }
html body .scon-stat::before { content: '📊' !important; font-size: 14px !important; }
html body .scon-view::before { content: '👁' !important; font-size: 14px !important; }
html body .scon-backmoney::before { content: '💰' !important; font-size: 14px !important; }
/* Скрыть оригинальные background-image на иконках */
html body span[class^="scon-"], html body a[class^="scon-"] {
  background-image: none !important;
}

/* Бюджет в правой колонке */
html body table.work-serf td.budget span {
  display: block !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #0D3D22 !important;
  margin: 6px 0 !important;
}
html body table.work-serf td.budget .add-budget {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-size: 0 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: 0 3px 8px rgba(42,122,75,0.25) !important;
  transition: all 0.15s !important;
}
html body table.work-serf td.budget .add-budget::before {
  content: '+' !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
}
html body table.work-serf td.budget .add-budget:hover {
  transform: scale(1.08) translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(42,122,75,0.35) !important;
}

/* Статус "VIP" pill */
html body table.work-serf font[color="#C80000"] b {
  background: linear-gradient(135deg, #F9A825, #F57F17) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
}

/* "Жалобы: N" — красный pill */
html body .serfcomplainttext {
  display: inline-block !important;
  background: #FFEBEE !important;
  color: #C62828 !important;
  padding: 2px 10px !important;
  border-radius: 100px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  margin-left: 4px !important;
}

/* Pill счётчика в hero (для advm-task/advm-test) */
html body div.titles .kv-pill {
  background: rgba(255,255,255,0.18) !important;
  font-family: 'JetBrains Mono', monospace !important;
  letter-spacing: 0.5px !important;
}

/* ═══ END GROUP 4 ═══ */

/* ═══ FLEX-РАСТЯГИВАНИЕ ГРУПП КНОПОК НА ВСЮ ШИРИНУ ═══ */

/* 1) Wrapper для сортировки (Высоте / Рейтингу / Цене) */
html body div.menu-task-work__link-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 8px auto !important;
  box-sizing: border-box !important;
  justify-content: stretch !important;
}
html body div.menu-task-work__link-wrapper > a,
html body div.menu-task-work__link-wrapper > .menu-task-work__link {
  flex: 1 1 0 !important;
  min-width: 120px !important;
  max-width: none !important;
  width: auto !important;
  text-align: center !important;
}

/* 2) menu-task-work-btns БЕЗ inline grid (фильтры заработка, не меню advm-*) */
html body div.menu-task-work-btns:not([style*="grid-template"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 8px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html body div.menu-task-work-btns:not([style*="grid-template"]) > a,
html body div.menu-task-work-btns:not([style*="grid-template"]) > .menu-task-work__link {
  flex: 1 1 120px !important;
  min-width: 120px !important;
  max-width: none !important;
  width: auto !important;
  text-align: center !important;
}

/* 3) <center>-обёртка с кнопками (Сброс фильтров / ЧС рекламодателей и т.п.) */
html body center:has(> .btn),
html body center:has(> span.btn),
html body center:has(> a.btn),
html body center:has(> input.btn) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 14px auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
html body center:has(> .btn) > .btn,
html body center:has(> span.btn) > span.btn,
html body center:has(> a.btn) > a.btn,
html body center:has(> input.btn) > input.btn {
  flex: 1 1 180px !important;
  min-width: 160px !important;
  max-width: 360px !important;
  width: auto !important;
}

/* 4) Если кнопка ОДНА в center — не растягиваем на всю ширину */
html body center:has(> .btn:only-child) > .btn,
html body center:has(> a.btn:only-child) > a.btn,
html body center:has(> span.btn:only-child) > span.btn,
html body center:has(> input.btn:only-child) > input.btn {
  flex: 0 0 auto !important;
  max-width: 360px !important;
}

/* 5) Группа кнопок без обёртки (несколько .btn подряд в одном блоке) */
html body div[style*="text-align:center"]:has(> .btn ~ .btn) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 14px auto !important;
  box-sizing: border-box !important;
}

/* ═══ END FLEX-РАСТЯГИВАНИЕ ═══ */

/* ═══ FULL-WIDTH: растягиваем всё содержимое колонки ═══ */

/* Hero-заголовки на всю ширину */
html body div.titles {
  max-width: none !important;
  width: auto !important;
  margin: 14px 12px !important;
}

/* Меню навигации advm-* (12 пилюль) — на всю ширину */
html body div.menu-task-work-btns[style*="grid-template"] {
  max-width: none !important;
  width: auto !important;
  margin: 12px 12px !important;
}

/* Меню без grid (фильтры заработка, сортировка) — на всю ширину */
html body div.menu-task-work-btns:not([style*="grid-template"]),
html body div.menu-task-work__link-wrapper {
  max-width: none !important;
  width: auto !important;
  margin: 8px 12px !important;
}

/* Кнопки в <center> — на всю ширину */
html body center:has(> .btn),
html body center:has(> span.btn),
html body center:has(> a.btn),
html body center:has(> input.btn) {
  max-width: none !important;
  width: auto !important;
  margin: 14px 12px !important;
  padding: 0 !important;
}

/* Таблицы и карточки */
html body table.work-serf, html body table.tab-refs,
html body table.rating, html body table.top,
html body .wall-post, html body .wall-msg, html body table.wall,
html body table.table {
  max-width: none !important;
  width: auto !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
}

/* Формы платежей и финансовых операций */
html body #load-money-add, html body .cashback-money-add,
html body #block-history {
  max-width: none !important;
  width: auto !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
}

/* Контейнер с padding 0 7px (стандартная обёртка) — без max-width */
html body div[style*="padding:0 7px"], html body div[style*="padding: 0 7px"] {
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* msg-warning / msg-error / msg-ok / add-infa — на всю ширину */
html body .add-infa, html body .msg-warning, html body .msg-error, html body .msg-ok {
  max-width: none !important;
  width: auto !important;
  margin: 10px 12px !important;
  box-sizing: border-box !important;
}

/* Платёжные карточки UnitPay/YooMoney/Visa/PerfectMoney — grid на всю ширину */
html body div:has(> .cash-wm1),
html body div:has(> .cash-yd1),
html body div:has(> .cash-os1),
html body div:has(> .cash-vs1),
html body div:has(> .cash-pm1) {
  max-width: none !important;
  width: auto !important;
}

/* ═══ END FULL-WIDTH ═══ */

/* ═══ ГРУППА 6: ОБЩЕНИЕ (Чат / Поддержка / Почта) ═══ */

/* === ЧАТ === */
html body div.ajaxchat {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin: 14px 12px !important;
  box-shadow: 0 4px 16px rgba(42,122,75,0.06) !important;
}

/* Правила чата сверху */
html body div.ajaxchat .tos-chat {
  background: linear-gradient(135deg, #FFFEF7, #FFF8E1) !important;
  border: 1.5px solid #FFD54F !important;
  border-left: 4px solid #F9A825 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #5D4037 !important;
}

/* Область сообщений */
html body div.ajaxchat .height-chat {
  background: #F8FCFA !important;
  border-radius: 0 !important;
  padding: 12px !important;
  min-height: 380px !important;
  max-height: 600px !important;
  overflow-y: auto !important;
}
html body div.ajaxchat .message {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

/* Бан-блок */
html body div.ajaxchat .ban-chat-block {
  background: linear-gradient(135deg, #FFEBEE, #FFCDD2) !important;
  border: 1.5px solid #E57373 !important;
  border-radius: 14px !important;
  padding: 24px !important;
  text-align: center !important;
  margin: 14px !important;
}
html body div.ajaxchat .ban-chat-block .title {
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  color: #C62828 !important;
  letter-spacing: 2px !important;
}
html body div.ajaxchat .ban-chat-block .text {
  font-size: 14px !important;
  color: #5D4037 !important;
  margin: 8px 0 !important;
}

/* Панель кнопок чата (форматирование, смайлы, цвет) */
html body div.ajaxchat .chat-panel-mess .panel {
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  padding: 10px 14px !important;
  color: #fff !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}
html body div.ajaxchat .chat-panel-mess .panel td span {
  color: #fff !important;
  cursor: pointer !important;
  margin: 0 3px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
/* Кнопки форматирования b/i/u */
html body div.ajaxchat .panel .c-b, html body div.ajaxchat .panel .c-i,
html body div.ajaxchat .panel .c-u {
  width: 28px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 28px !important;
  font-family: 'Fraunces', serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
html body div.ajaxchat .panel .c-b:hover, html body div.ajaxchat .panel .c-i:hover,
html body div.ajaxchat .panel .c-u:hover {
  background: rgba(255,255,255,0.3) !important;
}
html body div.ajaxchat .panel .c-b::before { content: 'B' !important; font-weight: 900 !important; }
html body div.ajaxchat .panel .c-i::before { content: 'I' !important; font-style: italic !important; }
html body div.ajaxchat .panel .c-u::before { content: 'U' !important; text-decoration: underline !important; }

/* Иконки звука / скролла / смайлов */
html body div.ajaxchat .panel .sound, html body div.ajaxchat .panel .scroll,
html body div.ajaxchat .panel .smail, html body div.ajaxchat .panel .li-bb {
  width: 28px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 28px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  position: relative !important;
}
html body div.ajaxchat .panel .sound::before { content: '🔊' !important; font-size: 14px !important; }
html body div.ajaxchat .panel .sound.off::before, html body div.ajaxchat .panel .sound[class*="off"]::before { content: '🔇' !important; }
html body div.ajaxchat .panel .scroll::before { content: '↓' !important; font-size: 16px !important; font-weight: 700 !important; }
html body div.ajaxchat .panel .smail::before { content: '😊' !important; font-size: 14px !important; }
html body div.ajaxchat .panel .li-bb::before { content: '🎨' !important; font-size: 13px !important; }

/* Онлайн юзеры по центру */
html body div.ajaxchat .panel .chat-users {
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Счётчик символов справа */
html body div.ajaxchat .panel .len, html body div.ajaxchat .panel #len {
  background: rgba(255,255,255,0.2) !important;
  border-radius: 100px !important;
  padding: 3px 10px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* Поле ввода сообщения */
html body div.ajaxchat textarea#mess_chat {
  width: calc(100% - 28px) !important;
  min-height: 70px !important;
  max-height: 200px !important;
  padding: 12px 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  color: #0D3D22 !important;
  resize: vertical !important;
  margin: 12px 14px !important;
  box-sizing: border-box !important;
  transition: all 0.15s !important;
}
html body div.ajaxchat textarea#mess_chat:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(93,202,165,0.18) !important;
}

/* Табы модератора (Общий / Модераторская) */
html body div.ajaxchat #tabs-chat {
  display: flex !important;
  gap: 6px !important;
  margin: 8px 14px !important;
}
html body div.ajaxchat #tabs-chat span {
  flex: 0 0 auto !important;
  padding: 6px 14px !important;
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 100px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
html body div.ajaxchat #tabs-chat span.active {
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  border-color: #1A5C35 !important;
}

/* === ПОДДЕРЖКА === */
html body .menu-support {
  text-align: center !important;
  margin: 18px 12px !important;
  padding: 18px !important;
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 14px !important;
}
html body .menu-support b {
  display: block !important;
  font-family: 'Fraunces', serif !important;
  font-size: 16px !important;
  color: #0D3D22 !important;
  margin-bottom: 14px !important;
}
html body .menu-support .btn.blue {
  margin: 4px !important;
  min-width: 180px !important;
}

/* Список категорий поддержки (select группированный) */
html body select[name="category"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  border-radius: 10px !important;
}
html body select[name="category"] optgroup {
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  color: #0D3D22 !important;
}

/* ═══ END GROUP 6 ═══ */

/* ═══ ПРАВИЛА ЧАТА: скрыты по умолчанию, JS показывает один раз ═══ */
html body div.ajaxchat .tos-chat {
  display: none;  /* без !important, чтобы jQuery slideDown мог переопределить */
  position: relative !important;
  padding-right: 60px !important;
}

/* Кнопка закрытия правил × */
html body div.ajaxchat .kv-tos-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 1.5px solid #FFD54F !important;
  color: #8a5800 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  box-shadow: 0 2px 8px rgba(249,168,37,0.18) !important;
  user-select: none !important;
  z-index: 5 !important;
}
html body div.ajaxchat .kv-tos-close:hover {
  background: linear-gradient(135deg, #F9A825, #F57F17) !important;
  border-color: #F57F17 !important;
  color: #fff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(249,168,37,0.35) !important;
}

/* ═══ ЧАТ: финальные правки ═══ */

/* Меньше пустого пространства в области сообщений */
html body div.ajaxchat .height-chat {
  min-height: 200px !important;
  max-height: 480px !important;
}

/* Шапка-приветствие чата (приходит как inline-стиль) — сделаем красивее */
html body div.ajaxchat > div[style*="padding: 5px 10px"] {
  background: #F5FBF7 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  color: #455A4F !important;
  line-height: 1.5 !important;
}
html body div.ajaxchat > div[style*="padding: 5px 10px"] span[title="Правила общения в чате"] {
  color: #F57F17 !important;
  border-bottom-color: #F57F17 !important;
  font-weight: 700 !important;
}

/* Чтобы эмодзи 💬 в hero чата гарантированно отрисовалось — другая, более совместимая */
html body div.ajaxchat ~ * .kv-emoji,
html body .titles .kv-emoji {
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'EmojiOne Color', 'Twemoji Mozilla', sans-serif !important;
}

/* Реклама в чате (фиолетовая плашка снизу) — слегка подкрасим в стиль проекта */
html body div.ajaxchat #chat-text-reklama,
html body div.ajaxchat ~ #chat-text-reklama {
  background: linear-gradient(135deg, #F5FBF7, #EDF9F3) !important;
  color: #1A5C35 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin: 8px 14px !important;
  text-align: center !important;
  font-weight: 600 !important;
}

/* ═══ ЧАТ: пузыри сообщений ═══ */

html body div.ajaxchat .message {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 6px !important;
}

/* Каждое сообщение — пузырь */
html body div.ajaxchat .message .chat-text,
html body div.ajaxchat .message > div[id^="mess-"] {
  display: block !important;
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-left: 3px solid #3D9960 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin: 4px 0 !important;
  box-shadow: 0 1px 4px rgba(42,122,75,0.06) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #0D3D22 !important;
  word-break: break-word !important;
  position: relative !important;
}
html body div.ajaxchat .message .chat-text:hover {
  border-color: #3D9960 !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.1) !important;
}

/* Время — мелким серым */
html body div.ajaxchat .message .chat-text .time {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: #8A9A8A !important;
  font-weight: 500 !important;
  margin-right: 6px !important;
}

/* Никнейм — цветной жирный */
html body div.ajaxchat .message .chat-text .name {
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #1A5C35;
  cursor: pointer !important;
  margin-right: 4px !important;
}
html body div.ajaxchat .message .chat-text .name:hover {
  text-decoration: underline !important;
}

/* "|" разделитель между временем и ником — спрячем */
html body div.ajaxchat .message .chat-text {
  font-size: 0 !important;
}
html body div.ajaxchat .message .chat-text * {
  font-size: 14px !important;
}
html body div.ajaxchat .message .chat-text .time {
  font-size: 11px !important;
}
/* Текст-нодa (само сообщение) показывать */
html body div.ajaxchat .message .chat-text::before {
  display: none !important;
}

/* Иконка письма рядом с никнеймом (если есть) */
html body div.ajaxchat .chat-mail {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  vertical-align: middle !important;
  margin-left: 4px !important;
  font-size: 0 !important;
  cursor: pointer !important;
}
html body div.ajaxchat .chat-mail::before {
  content: '✉' !important;
  font-size: 14px !important;
  color: #3D9960 !important;
}

/* Скролл-бар стилизованный */
html body div.ajaxchat .height-chat::-webkit-scrollbar {
  width: 8px !important;
}
html body div.ajaxchat .height-chat::-webkit-scrollbar-track {
  background: transparent !important;
}
html body div.ajaxchat .height-chat::-webkit-scrollbar-thumb {
  background: rgba(42,122,75,0.25) !important;
  border-radius: 100px !important;
}
html body div.ajaxchat .height-chat::-webkit-scrollbar-thumb:hover {
  background: rgba(42,122,75,0.5) !important;
}

/* ═══ END ═══ */

/* ═══ ЧАТ: критичные фиксы тулбара ═══ */

/* 1) Popup смайлов — был распахнут на весь экран */
html body div.ajaxchat .panel .smail {
  position: relative !important;
  z-index: 10 !important;
}
html body div.ajaxchat .panel .smail > div {
  display: none !important;
  position: absolute !important;
  bottom: calc(100% + 8px) !important;
  left: 0 !important;
  width: 360px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  box-shadow: 0 8px 24px rgba(42,122,75,0.18) !important;
  z-index: 100 !important;
}
html body div.ajaxchat .panel .smail:hover > div,
html body div.ajaxchat .panel .smail.active > div,
html body div.ajaxchat .panel .smail > div:hover {
  display: block !important;
}
html body div.ajaxchat .panel .smail > div img {
  width: 28px !important;
  height: 28px !important;
  margin: 2px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: transform 0.1s !important;
}
html body div.ajaxchat .panel .smail > div img:hover {
  transform: scale(1.3) !important;
  background: #EDF9F3 !important;
}

/* 2) Popup выбора цвета ника (v-color) — тоже надо скрывать */
html body div.ajaxchat .panel .li-bb {
  position: relative !important;
  z-index: 10 !important;
}
html body div.ajaxchat .panel .v-color {
  display: none !important;
  position: absolute !important;
  bottom: calc(100% + 8px) !important;
  left: 0 !important;
  width: 280px !important;
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  box-shadow: 0 8px 24px rgba(42,122,75,0.18) !important;
  z-index: 100 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  color: #0D3D22 !important;
}
html body div.ajaxchat .panel .li-bb:hover .v-color {
  display: block !important;
}
html body div.ajaxchat .panel .v-color span[data-color] {
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  margin: 3px !important;
  cursor: pointer !important;
  border: 1.5px solid #fff !important;
  outline: 1px solid rgba(0,0,0,0.1) !important;
  transition: all 0.1s !important;
}
html body div.ajaxchat .panel .v-color span[data-color]:hover {
  transform: scale(1.2) !important;
}

/* 3) Скрыть превью текущего цвета (.cvet-vid) — он зелёный квадрат рядом с палитрой */
html body div.ajaxchat .panel .cvet-vid {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  vertical-align: middle !important;
  border: 1.5px solid #fff !important;
  margin-left: -4px !important;
  outline: 1px solid rgba(0,0,0,0.15) !important;
}

/* 4) Усилим контраст B/I/U (были тусклые) */
html body div.ajaxchat .panel .c-b, html body div.ajaxchat .panel .c-i,
html body div.ajaxchat .panel .c-u {
  background: rgba(255,255,255,0.25) !important;
  color: #fff !important;
}
html body div.ajaxchat .panel .c-b::before,
html body div.ajaxchat .panel .c-i::before,
html body div.ajaxchat .panel .c-u::before {
  color: #fff !important;
  font-size: 14px !important;
}

/* 5) Иконка scroll — была палочкой "|" */
html body div.ajaxchat .panel .scroll {
  width: 28px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 26px !important;
  font-size: 0 !important;
  cursor: pointer !important;
}
html body div.ajaxchat .panel .scroll::before {
  content: '⇩' !important;
  font-size: 16px !important;
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 26px !important;
}

/* 6) Иконка sound — звук */
html body div.ajaxchat .panel .sound {
  width: 28px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 26px !important;
  font-size: 0 !important;
  cursor: pointer !important;
}
html body div.ajaxchat .panel .sound::before {
  content: '🔊' !important;
  font-size: 13px !important;
}

/* 7) Иконка smail */
html body div.ajaxchat .panel .smail {
  width: 28px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 28px !important;
  font-size: 0 !important;
  cursor: pointer !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
html body div.ajaxchat .panel .smail::before {
  content: '😊' !important;
  font-size: 14px !important;
}

/* 8) Иконка li-bb (палитра цвета) */
html body div.ajaxchat .panel .li-bb {
  width: auto !important;
  min-width: 28px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  text-align: center !important;
  line-height: 28px !important;
  cursor: pointer !important;
  padding: 0 6px !important;
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
}
html body div.ajaxchat .panel .li-bb::before {
  content: '🎨' !important;
  font-size: 13px !important;
}

/* 9) Шаблоны модератора — закрытый/открытый popup */
html body div.ajaxchat .dop_panel {
  margin: 8px 14px !important;
}
html body div.ajaxchat .dop_panel .dop_title {
  background: #F5FBF7 !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0D3D22 !important;
  cursor: pointer !important;
  display: inline-block !important;
}

/* ═══ END FIX ═══ */

/* ═══ ЧАТ: финал — click-popup'ы + крестик удаления ═══ */

/* Убираем hover-режим, оставляем только .kv-open */
html body div.ajaxchat .panel .smail:hover > div,
html body div.ajaxchat .panel .smail.active > div,
html body div.ajaxchat .panel .smail > div:hover,
html body div.ajaxchat .panel .li-bb:hover .v-color {
  display: none !important;
}
html body div.ajaxchat .panel .smail.kv-open > div,
html body div.ajaxchat .panel .li-bb.kv-open .v-color {
  display: block !important;
}

/* Панель кнопок чата — НЕ обрезает popup'ы */
html body div.ajaxchat {
  overflow: visible !important;
}
html body div.ajaxchat .chat-panel-mess {
  position: relative !important;
  overflow: visible !important;
}
html body div.ajaxchat .chat-panel-mess .panel {
  overflow: visible !important;
  min-height: 50px !important;
  padding: 10px 14px !important;
  display: block !important;
}
html body div.ajaxchat .chat-panel-mess .panel table {
  width: 100% !important;
}
html body div.ajaxchat .chat-panel-mess .panel td {
  vertical-align: middle !important;
  padding: 2px 4px !important;
}

/* Крестик удаления сообщения (от админа) — кликабельный, поверх */
html body div.ajaxchat .chat-text a,
html body div.ajaxchat .chat-text .scon-delete,
html body div.ajaxchat .chat-text [onclick*="del-chat"],
html body div.ajaxchat .chat-text [onclick*="del-mess"],
html body div.ajaxchat .chat-text [onclick*="moder-del"],
html body div.ajaxchat .chat-text [class*="del"] {
  cursor: pointer !important;
  pointer-events: auto !important;
  display: inline-block !important;
  z-index: 5 !important;
  position: relative !important;
}

/* Картинки/иконки внутри сообщений (например crm-удалить) — кликабельны */
html body div.ajaxchat .chat-text img {
  pointer-events: auto !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}

/* Сбрасываем мой кривой font-size:0 на .chat-text */
html body div.ajaxchat .message .chat-text {
  font-size: 14px !important;
}
html body div.ajaxchat .message .chat-text * {
  font-size: inherit !important;
}
html body div.ajaxchat .message .chat-text .time {
  font-size: 11px !important;
}

/* Popup эмодзи — больше, удобнее */
html body div.ajaxchat .panel .smail > div {
  width: 420px !important;
  max-height: 320px !important;
  bottom: calc(100% + 12px) !important;
}
html body div.ajaxchat .panel .smail > div img {
  width: 32px !important;
  height: 32px !important;
}

/* ═══ END ═══ */

/* ═══ ПОПАПЫ-ФОРМЫ (form-chat / form-wall / form-site) ═══ */

/* Таблица формы внутри popup */
html body #popup table.tables {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
}
html body #popup table.tables td {
  padding: 12px 16px !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(42,122,75,0.08) !important;
  background: #fff !important;
}
html body #popup table.tables tr:last-child td {
  border-bottom: none !important;
}

/* Лейблы слева */
html body #popup table.tables td.left {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  color: #0D3D22 !important;
  width: 40% !important;
  background: #fff !important;
}

/* Поля ввода справа */
html body #popup table.tables td.value {
  background: #fff !important;
}
html body #popup table.tables input.val,
html body #popup table.tables select.val,
html body #popup table.tables input[type="text"] {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1.5px solid rgba(42,122,75,0.22) !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  color: #0D3D22 !important;
  box-sizing: border-box !important;
  transition: all 0.15s !important;
}
html body #popup table.tables input.val:focus,
html body #popup table.tables select.val:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(93,202,165,0.18) !important;
}

/* Превью цвета (квадратик #bg-color-aj) → круглый */
html body #popup #bg-color-aj {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1.5px solid #fff !important;
  outline: 1.5px solid rgba(42,122,75,0.2) !important;
  vertical-align: middle !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

/* Стоимость заказа — pill */
html body #popup table.tables td.price {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  color: #455A4F !important;
}
html body #popup table.tables td.price .status {
  display: inline-block !important;
  background: linear-gradient(135deg, #EDF9F3, #DFF3E8) !important;
  color: #0D3D22 !important;
  padding: 6px 16px !important;
  border-radius: 100px !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-right: 6px !important;
  border: 1.5px solid rgba(42,122,75,0.15) !important;
}

/* Строка с кнопками "С рекламного / С основного" — перебиваем inline зелёный */
html body #popup table.tables td[colspan="2"][style*="62AB60"],
html body #popup table.tables td[style*="background-color: #62AB60"],
html body #popup table.tables td[style*="background:#62AB60"] {
  background: #F5FBF7 !important;
  background-color: #F5FBF7 !important;
  padding: 16px !important;
  border-bottom: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
}

/* Кнопки внутри — растягиваем равномерно */
html body #popup table.tables td[colspan="2"] > button {
  flex: 1 1 200px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}
html body #popup table.tables td[colspan="2"] > button > span.btn.green {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 12px 22px !important;
  font-size: 14px !important;
  text-align: center !important;
  border-radius: 12px !important;
}

/* Чёрная кнопка "Добавить в чёрный список" — тоже фиксим */
html body #popup span.btn.black {
  display: inline-block !important;
  padding: 10px 20px !important;
  background: linear-gradient(135deg, #424242, #212121) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border: none !important;
}
html body #popup span.btn.black font { color: #fff !important; }

/* ═══ END FORM-POPUPS ═══ */


/* ═══ ЦВЕТ НИКА В ЧАТЕ (корректно) ═══ */
/* Дефолтный зелёный — без !important, чтобы купленный inline-цвет побеждал */
html body div.ajaxchat .message .chat-text .name {
  color: #1A5C35;
}
/* Купленный цвет приходит как inline style/font color — он перебьёт дефолт сам */

/* ═══ ГРУППА 4: добивка карточек кампаний ═══ */

/* Иконка частоты показа (CHASTOTA_CSS — была пустым квадратом) */
html body [class*="chastota"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background-color: #F5FBF7 !important;
  background-image: none !important;
  border: 1px solid rgba(42,122,75,0.15) !important;
  cursor: pointer !important;
  margin-left: 4px !important;
  transition: all 0.15s !important;
  vertical-align: middle !important;
}
html body [class*="chastota"]::before {
  content: '⚡' !important;
  font-size: 14px !important;
}
html body [class*="chastota"]:hover {
  background-color: #DFF3E8 !important;
  border-color: #3D9960 !important;
}

/* Кнопки play/pause слева (serfcontrol) — иконки */
html body span[class*="serfcontrol-play"]::before { content: '▶' !important; font-size: 12px !important; color: #2A7A4B !important; }
html body span[class*="serfcontrol-pause"]::before { content: '⏸' !important; font-size: 12px !important; color: #5A8AA0 !important; }

/* .btn.orange — оранжевые кнопки оплаты */
html body input.btn.orange, html body span.btn.orange, html body a.btn.orange,
html body button.btn.orange {
  display: inline-block !important;
  padding: 12px 24px !important;
  background: linear-gradient(135deg, #F9A825, #F57F17) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(249,168,37,0.25) !important;
  transition: all 0.18s !important;
}
html body input.btn.orange:hover, html body span.btn.orange:hover {
  background: linear-gradient(135deg, #F57F17, #E65100) !important;
  transform: translateY(-1px) !important;
}

/* Форма пополнения бюджета (#prob / .ext-viptask) — на всю ширину */
html body td.ext-viptask, html body [id^="prob"] {
  padding: 18px !important;
}
html body td.ext-viptask .status, html body [id^="ads_price"], html body [id^="m-add"] {
  display: inline-block !important;
  background: linear-gradient(135deg, #EDF9F3, #DFF3E8) !important;
  color: #0D3D22 !important;
  padding: 8px 18px !important;
  border-radius: 100px !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  border: 1.5px solid rgba(42,122,75,0.15) !important;
}
/* Поле ввода количества просмотров */
html body td.ext-viptask input.summ, html body .sum input {
  width: 100% !important;
  max-width: 400px !important;
  padding: 12px 16px !important;
  border: 1.5px solid rgba(42,122,75,0.22) !important;
  border-radius: 10px !important;
  font-family: 'Fraunces', serif !important;
  font-size: 18px !important;
  text-align: center !important;
  color: #0D3D22 !important;
  box-sizing: border-box !important;
}
/* Кнопки оплаты в форме — flex равной ширины */
html body td.ext-viptask {
  text-align: center !important;
}
html body td.ext-viptask input.btn.orange {
  width: auto !important;
  min-width: 240px !important;
  margin: 6px !important;
}

/* ═══ GLOBAL: догоняем "не на всю ширину" ═══ */
html body .ext-comp, html body .ext-viptask, html body [id^="moneyadd"] td {
  width: auto !important;
}
/* Таблицы статистики в попапах */
html body #popup table.tables, html body .blok table.tables {
  width: 100% !important;
}
html body table.tab-stata, html body table.stata, html body [id*="stata"] table {
  width: 100% !important;
  max-width: none !important;
}

/* ═══ ФИКС: меню advm через flex (grid наезжал) ═══ */
html body div.menu-task-work-btns[style*="grid-template"] {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-template: none !important;
  gap: 8px !important;
  max-width: none !important;
  margin: 14px 12px !important;
  padding: 0 !important;
}
html body div.menu-task-work-btns[style*="grid-template"] > a,
html body div.menu-task-work-btns[style*="grid-template"] .menu-task-work__link {
  flex: 1 1 140px !important;
  min-width: 130px !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px 14px !important;
  white-space: normal !important;
  text-align: center !important;
  box-sizing: border-box !important;
}


/* ═══ ФИКС: все .table на всю ширину ═══ */
html body table.table {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  table-layout: auto !important;
}
html body table.table th, html body table.table td {
  word-break: normal !important;
}


/* ═══════════════════════════════════════ */
/* ЛЕВЫЙ И ПРАВЫЙ САЙДБАРЫ — ОБЩИЙ СТИЛЬ */
/* ═══════════════════════════════════════ */

/* Карточки-контейнеры (.banners) */
html body #leftcolumn .banners,
html body #rightcolumn .banners {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(42,122,75,0.06) !important;
  margin-bottom: 14px !important;
}

/* Заголовки карточек (.titles2) — username, Доска почёта, Кто в чате */
html body #leftcolumn .titles2,
html body #rightcolumn .titles2 {
  background: linear-gradient(135deg, #2A7A4B 0%, #1A5C35 100%) !important;
  color: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-align: center !important;
  padding: 14px 16px !important;
  border-radius: 0 !important;
  margin: 0 0 14px 0 !important;
  border: none !important;
  letter-spacing: -0.2px !important;
}

/* Аватар профиля */
html body #leftcolumn .avatar-akk {
  border-radius: 14px !important;
  border: 2px solid #fff !important;
  outline: 2px solid rgba(42,122,75,0.15) !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.12) !important;
}

/* Рейтинг-кружок */
html body #leftcolumn a.rating {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 48px !important;
  height: 48px !important;
  background: linear-gradient(135deg, #5DCAA5, #3D9960) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(61,153,96,0.3) !important;
  padding: 0 8px !important;
}

/* Статус (Семечко 🌱 и т.п.) */
html body #leftcolumn span.status,
html body #rightcolumn span.status {
  display: inline-block !important;
  background: #EDF9F3 !important;
  border-radius: 100px !important;
  padding: 5px 14px !important;
  margin-top: 8px !important;
}
html body #leftcolumn span.status a {
  color: #1A5C35 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

/* Балансы (.menu-balance) */
html body #leftcolumn .menu-balance {
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 8px 0 !important;
}
html body #leftcolumn .menu-balance a {
  display: block !important;
  padding: 12px 16px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: all 0.15s !important;
}
html body #leftcolumn .menu-balance.b-green {
  background: linear-gradient(135deg, #EDF9F3, #DFF3E8) !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
}
html body #leftcolumn .menu-balance.b-green a { color: #1A5C35 !important; }
html body #leftcolumn .menu-balance.b-red {
  background: linear-gradient(135deg, #FFF4E6, #FFE9D6) !important;
  border: 1.5px solid rgba(245,127,23,0.25) !important;
}
html body #leftcolumn .menu-balance.b-red a { color: #C65100 !important; }
html body #leftcolumn .menu-balance:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.12) !important;
}

/* Кнопки ежедневного бонуса (.e_bonus) */
html body #leftcolumn .e_bonus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 28px !important;
  background: linear-gradient(135deg, #F9A825, #F57F17) !important;
  color: #fff !important;
  border-radius: 100px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  margin: 3px !important;
  padding: 0 10px !important;
  box-shadow: 0 3px 8px rgba(249,168,37,0.3) !important;
  animation: kvBonusPulse 2s infinite !important;
}
@keyframes kvBonusPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

/* === НАВИГАЦИЯ (.usermenu) === */
/* Заголовки секций (Заработать / Рекламодателю / ...) */
html body #leftcolumn .usermnutitle-g {
  display: block !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 11px 16px !important;
  border-radius: 12px !important;
  margin: 8px 0 4px 0 !important;
  cursor: pointer !important;
  text-align: left !important;
  position: relative !important;
  transition: all 0.15s !important;
}
html body #leftcolumn .usermnutitle-g::after {
  content: '⌄' !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-60%) !important;
  font-size: 16px !important;
  opacity: 0.7 !important;
}
html body #leftcolumn .usermnutitle-g:hover {
  box-shadow: 0 4px 12px rgba(42,122,75,0.2) !important;
}

/* Блок ссылок */
html body #leftcolumn .usermnublock {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 4px 0 !important;
}

/* Пункты меню */
html body #leftcolumn .user_menuline,
html body #leftcolumn .usermnuline-act {
  display: block !important;
  padding: 9px 16px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  text-decoration: none !important;
  border-radius: 10px !important;
  transition: all 0.13s !important;
  text-align: left !important;
}
html body #leftcolumn .user_menuline {
  color: #2D3D33 !important;
}
html body #leftcolumn .user_menuline:hover {
  background: #F5FBF7 !important;
  color: #1A5C35 !important;
  padding-left: 20px !important;
}
html body #leftcolumn .usermnuline-act {
  background: linear-gradient(135deg, #EDF9F3, #DFF3E8) !important;
  color: #1A5C35 !important;
  font-weight: 700 !important;
  border-left: 3px solid #2A7A4B !important;
}

/* === ДОСКА ПОЧЁТА (правое) === */
html body #rightcolumn #id_board-avatar {
  width: 96px !important;
  height: 96px !important;
  border-radius: 16px !important;
  border: 2px solid #fff !important;
  outline: 2px solid rgba(42,122,75,0.15) !important;
  padding: 0 !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.12) !important;
  object-fit: cover !important;
}
html body #rightcolumn #id_board-user {
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  color: #1A5C35 !important;
}
/* Кнопка "Как сюда попасть?" */
html body #rightcolumn .bugtnew {
  display: inline-block !important;
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  color: #fff !important;
  padding: 9px 18px !important;
  border-radius: 100px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  margin: 10px 0 !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.2) !important;
  transition: all 0.15s !important;
}
html body #rightcolumn .bugtnew:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(42,122,75,0.3) !important;
}

/* Кнопки Регистрация / Вход (гость) */
html body #rightcolumn .button2 {
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  transition: all 0.15s !important;
}
html body #rightcolumn .button_theme_green {
  background: linear-gradient(135deg, #2A7A4B, #1A5C35) !important;
  box-shadow: 0 4px 12px rgba(42,122,75,0.2) !important;
}
html body #rightcolumn .button_theme_white {
  background: #fff !important;
  border: 1.5px solid rgba(42,122,75,0.25) !important;
}
html body #rightcolumn .button_theme_white .button__title { color: #1A5C35 !important; }

/* Статистика для гостей (.titlenewww) */
html body #leftcolumn .titlenewww {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.1) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}
html body #leftcolumn .titlenewww .t2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  color: #6B7B6B !important;
  display: block !important;
}
html body #leftcolumn .titlenewww .t3 {
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  color: #1A5C35 !important;
  display: block !important;
}

/* Дата/время снизу справа */
html body #rightcolumn center:has(#day) {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.1) !important;
  border-radius: 100px !important;
  padding: 8px 14px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 13px !important;
  color: #455A4F !important;
  display: inline-block !important;
}

/* Модераторская иконки-числа */
html body #leftcolumn #moder-ob-num {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 6px 0 !important;
}
html body #leftcolumn #moder-ob-num a {
  flex: 1 1 30% !important;
  background: #F5FBF7 !important;
  border: 1px solid rgba(42,122,75,0.15) !important;
  border-radius: 8px !important;
  padding: 6px !important;
  text-align: center !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #1A5C35 !important;
  text-decoration: none !important;
}

/* Поздравление с ДР / напоминания */
html body #leftcolumn #yved-drfriends {
  border-radius: 14px !important;
  border: 1.5px solid rgba(42,122,75,0.2) !important;
  background: #F5FBF7 !important;
  padding: 12px !important;
}


/* ═══ ФИКС: центрирование текста в балансах ═══ */
html body #leftcolumn .menu-balance {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  height: auto !important;
  background-image: none !important;
}
html body #leftcolumn .menu-balance a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}


/* ═══════════════════════════════════════ */
/* СТЕНА ПОЛЬЗОВАТЕЛЯ (wall) */
/* ═══════════════════════════════════════ */

/* Поиск по логину */
html body .scan-faq.n-box-find {
  background: #fff !important;
  border: 1px solid rgba(42,122,75,0.13) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  margin: 0 12px 14px 12px !important;
  box-shadow: 0 2px 8px rgba(42,122,75,0.05) !important;
}
html body #user_seach_wall {
  width: 100% !important;
  max-width: 420px !important;
  padding: 11px 16px !important;
  border: 1.5px solid rgba(42,122,75,0.22) !important;
  border-radius: 100px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
html body #user_seach_wall:focus {
  border-color: #3D9960 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(93,202,165,0.18) !important;
}

/* Таблица профиля — перебиваем тусклые inline-фоны */
html body .table td[style*="#F9F9F9"],
html body .table td[style*="#F0FFFF"],
html body .table td[style*="background:#F9F9F9"],
html body .table td[style*="background:#F0FFFF"] {
  background: #fff !important;
  border-bottom: 1px solid rgba(42,122,75,0.07) !important;
  padding: 11px 16px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  vertical-align: middle !important;
}
/* Левая колонка (лейблы) — серая, правая (значения) — тёмная */
html body .table td[style*="#F9F9F9"]:first-child,
html body .table td[style*="#F0FFFF"]:first-child {
  color: #6B7B6B !important;
  font-weight: 500 !important;
}

/* Аватар на стене */
html body .table img[style*="width: 130px"],
html body .table img[style*="width:130px"] {
  width: 130px !important;
  height: 130px !important;
  border-radius: 18px !important;
  border: 2px solid #fff !important;
  outline: 2px solid rgba(42,122,75,0.15) !important;
  padding: 0 !important;
  object-fit: cover !important;
  box-shadow: 0 6px 18px rgba(42,122,75,0.12) !important;
  margin-bottom: 12px !important;
}

/* Значения-пилюли (.status в таблице профиля) */
html body .table .status {
  display: inline-block !important;
  background: #EDF9F3 !important;
  color: #1A5C35 !important;
  padding: 3px 10px !important;
  border-radius: 100px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  margin: 1px !important;
}

/* Кнопки ЧС/БС на стене */
html body .wall-chs-button {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 100px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
html body .wall-chs-t {
  cursor: pointer !important;
  color: #3D9960 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-left: 6px !important;
}

/* Статус-инфо пользователя (add-infa infa-red) */
html body .add-infa.infa-red {
  background: linear-gradient(135deg, #FFF8F5, #FFF0EB) !important;
  border: 1.5px solid rgba(245,127,23,0.2) !important;
  border-left: 4px solid #F57F17 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin: 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

/* Блоки друзей (были inline #F0F8FF) */
html body div[style*="#F0F8FF"] {
  background: #F5FBF7 !important;
  border: 1px solid rgba(42,122,75,0.12) !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}
html body div[style*="#F0F8FF"] b a {
  color: #1A5C35 !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
html body div[style*="#F0F8FF"] hr {
  border: none !important;
  border-top: 1px solid rgba(42,122,75,0.12) !important;
  margin: 8px 0 !important;
}

/* Заголовки секций (Подарки, Статистика, Комментарии) */
html body .table th {
  background: linear-gradient(135deg, #EDF9F3, #F8FCFA) !important;
  color: #0D3D22 !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  padding: 13px 18px !important;
  text-align: left !important;
}

/* Счётчик комментариев [+N / -N] */
html body #num-plus-wall { color: #2A7A4B !important; font-weight: 700 !important; }
html body #num-minus-wall { color: #C62828 !important; font-weight: 700 !important; }

/* Комментарии пользователей (#wall-load) */
html body #wall-load {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 8px 12px !important;
}


/* ═══ ФИКС: chs-button width:30px из темы (Нет/Да обрезалось) ═══ */
html body td .wall-chs-button,
html body .wall-chs-green .wall-chs-button,
html body .wall-chs-red .wall-chs-button,
html body .wall-chs-gray .wall-chs-button {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 5px 14px !important;
  margin: 0 6px 0 0 !important;
  white-space: nowrap !important;
  border-radius: 100px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  overflow: visible !important;
  box-sizing: content-box !important;
}

/* Кнопка "Оставить комментарий" — длинный текст, центр + не обрезать */
html body .btn.green font {
  white-space: nowrap !important;
}
html body a.btn.green {
  white-space: nowrap !important;
  width: auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
}


/* ═══ ФИКС: длинные кнопки в <center> переносят текст ═══ */
html body center a.btn.green,
html body center span.btn.green,
html body center a.btn,
html body center span.btn,
html body center .btn.green {
  white-space: normal !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
  padding: 12px 22px !important;
  box-sizing: border-box !important;
}
html body center a.btn.green font,
html body center .btn.green font {
  white-space: normal !important;
}

/* ===== Реферальная стена (goodref) — эталон ===== */
#page-goodref {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding: 8px 0;
    align-items: stretch;
}
.goodref {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 12px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
    background: #fff;
    overflow: visible;
}
.goodref:hover { opacity: 1; box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.goodref .goodref-join {
    width: 90% !important;
    box-sizing: border-box;
    margin: 0 auto 12px auto;
    padding: 8px !important;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
    display: block;
    text-align: center;
}
.goodref .goodref-you { cursor: default; }
.goodref-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-decoration: none;
}
.goodref-name {
    font-size: 16px;
    font-weight: 700;
    color: #F80000;
    margin-bottom: 5px;
    text-align: center;
    word-break: break-word;
}
.goodref-rating {
    font-size: 15px;
    color: #4A90D9;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.goodref-refback {
    font-size: 12px;
    color: #777;
    margin-bottom: 12px;
}
.goodref-refback b { color: #2A7A4B; }
.ava-goodref {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid #e8e8e8;
    object-fit: cover;
    margin: 2px 0 12px 0;
    flex-shrink: 0;
    background: #f0f0f0;
}
.goodref-comment {
    color: #444;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    min-height: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 700px) {
    #page-goodref { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .ava-goodref { width: 120px; height: 120px; }
}
@media (max-width: 420px) {
    #page-goodref { grid-template-columns: 1fr; }
}


/* ===== goodref override (перебиваем style.css) ===== */
#page-goodref .goodref {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
}
#page-goodref .ava-goodref {
    border-radius: 50% !important;
    width: 150px !important;
    height: 150px !important;
    border: 3px solid #e8e8e8 !important;
    object-fit: cover !important;
    margin: 2px 0 12px 0 !important;
}
#page-goodref .goodref-comment {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #444 !important;
}


/* ===== Фикс tooltip-подсказок (невалидный rgb% фон → читаемый) ===== */
.tooltip {
    background-color: #2b2b2b !important;
    color: #f7f7f7 !important;
    z-index: 9999 !important;
    border-radius: 10px !important;
    padding: 13px 16px !important;
    line-height: 1.55 !important;
    box-shadow: 0 6px 22px rgba(0,0,0,0.4) !important;
    font-size: 12.5px !important;
}
.tooltip b { color: #7FE3B0; }


/* ===== Жёсткий фикс окна подсказки (убрать колонки, фикс размер) ===== */
.hint-quest .tooltip,
.hint-quest .tooltip.fixed,
#hint0 .tooltip,
.tooltip.fixed {
    width: 340px !important;
    max-width: 88vw !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    column-count: 1 !important;
    -webkit-columns: 1 !important;
    columns: 1 !important;
    column-gap: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    box-sizing: border-box !important;
    left: -300px !important;
    text-align: left !important;
}
.tooltip br { display: block !important; content: "" !important; }


/* ===== Главная: блоки Заработать/Рекламировать (авторизованным) ===== */
.kv-home-block {
    margin-bottom: 22px;
    padding: 14px 16px;
    background: #f5fbf7;
    border: 1px solid #d8eee2;
    border-radius: 14px;
}
.kv-home-h {
    font-size: 17px;
    color: #1A5C35;
    margin: 0 0 4px 0;
    font-weight: 700;
}
.kv-home-p {
    font-size: 13px;
    color: #5a6b60;
    margin: 0 0 12px 0;
    line-height: 1.5;
}


/* ===== Иконки для ссылок заработка (work-*) на главной ===== */
.menu-add a[href*="work-serf"]::before {
  background-color: #34c759;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cpath d='M12 3a13 13 0 0 1 0 18'/%3E%3Cpath d='M12 3a13 13 0 0 0 0 18'/%3E%3C/svg%3E"), linear-gradient(135deg, #34c759 0%, #1b6c28 100%);
  background-size: 24px 24px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}
.menu-add a[href*="mails_new"]::before {
  background-color: #4a90e2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpolyline points='3 7 12 13 21 7'/%3E%3C/svg%3E"), linear-gradient(135deg, #4a90e2 0%, #2c5e9e 100%);
  background-size: 24px 24px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(74, 144, 226, 0.3);
}
.menu-add a[href*="work-task"]::before {
  background-color: #f39c12;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 12 10 16 18 8'/%3E%3C/svg%3E"), linear-gradient(135deg, #f39c12 0%, #c87a0d 100%);
  background-size: 26px 26px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(243, 156, 18, 0.3);
}
.menu-add a[href*="work-test"]::before {
  background-color: #8e44ad;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpath d='M9 13l2 2 4-4'/%3E%3C/svg%3E"), linear-gradient(135deg, #8e44ad 0%, #5b2a72 100%);
  background-size: 24px 24px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(142, 68, 173, 0.3);
}
.menu-add a[href*="work-youtube"]::before {
  background-color: #e74c3c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpolygon points='8 5 19 12 8 19 8 5'/%3E%3C/svg%3E"), linear-gradient(135deg, #e74c3c 0%, #b03a2e 100%);
  background-size: 20px 20px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 6px 14px rgba(231, 76, 60, 0.3);
}
.menu-add a[href*="work-vk"]::before {
  content: 'VK';
  background: linear-gradient(135deg, #5181b8 0%, #2c5e9e 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -1px;
  text-align: center;
  line-height: 46px;
  box-shadow: 0 6px 14px rgba(81, 129, 184, 0.3);
}
/* против наезда — гарантируем нормальную высоту рядов */
.kv-home-block .menu-add { grid-auto-rows: auto !important; }
.kv-home-block .menu-add a { min-height: 78px; }


/* ===== Главная: реф-блок и последние операции ===== */
.kv-ref-block { background: linear-gradient(135deg,#eafff3,#f5fbf7); }
.kv-ops-list { display: flex; flex-direction: column; gap: 0; }
.kv-op-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 4px;
    border-bottom: 1px solid #eef4f0;
    font-size: 13px;
}
.kv-op-row:last-child { border-bottom: none; }
.kv-op-date { color: #888; min-width: 90px; font-size: 12px; flex-shrink: 0; }
.kv-op-text { color: #333; flex: 1; }
.kv-op-sum { color: #2A7A4B; font-weight: 700; white-space: nowrap; }
.kv-op-empty { color: #999; font-size: 13px; padding: 10px 4px; }
.kv-ops-all {
    display: inline-block;
    margin-top: 10px;
    color: #2A7A4B;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
}
.kv-ops-all:hover { text-decoration: underline; }


/* ===== Фикс отступов/высоты блоков на главной ===== */
.kv-home-block { margin-bottom: 12px !important; padding: 14px 16px !important; }
.kv-home-block .menu-add {
    grid-auto-rows: auto !important;
    grid-template-rows: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: start !important;
}
.kv-home-block .menu-add a { min-height: 70px !important; height: auto !important; }