/* Reset / Base */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; min-width: 320px; }
ul, ol { margin: 0; padding: 0; }
li { list-style: none; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img { max-width: 100%; display: block; }

/* Работа в Европе — Modern dark B2B landing design system */
:root {
  --bg: #070b12;
  --bg-soft: #0b1220;
  --surface: #101827;
  --surface-2: #132033;
  /* Communities accents */
  --community-base: #a855f7;
  --community-base-soft: rgba(168, 85, 247, 0.14);
  --community-chat: #facc15;
  --community-chat-soft: rgba(250, 204, 21, 0.14);
  --community-announcements: #ef4444;
  --community-announcements-soft: rgba(239, 68, 68, 0.14);
  --surface-3: #0d1626;
  --border: rgba(148, 163, 184, 0.18);
  --border-strong: rgba(148, 163, 184, 0.30);
  --text: #e8eef8;
  --muted: #94a3b8;
  /* Accents */
  --accent: #27b7ff; /* primary accent */
  --accent-2: #22c55e; /* secondary accent (success green) */
  --primary: var(--accent);
  --primary-hover: #5ccaff;
  --success: #22c55e;
  --danger: #fb7185;
  --radius: 22px;
  --container: 1180px;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

/* Base */
html, body { height: 100%; }
body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
  font-size: 16px;
  overflow-x: hidden;
}

::selection { background: rgba(59,182,255,0.25); color: var(--text); }

a { color: #93c5fd; text-decoration: none; }
a:hover { text-decoration: underline; }

.container { width: min(var(--container), calc(100% - 32px)); margin: 0 auto; }

/* Sections — scoped backgrounds and overflow control */
.section { position: relative; isolation: isolate; overflow: clip; background: var(--bg); padding-block: clamp(64px, 8vw, 112px); }
.section + .section { border-top: 1px solid rgba(255,255,255,0.05); }
.section--soft { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%); }
.section__intro { max-width: 70ch; margin: 0 0 clamp(24px, 4vw, 40px); }
.section__eyebrow { color: var(--accent); font-weight: 700; font-size: 0.9rem; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 8px; }
.section__lead { color: var(--muted); font-size: clamp(16px, 2.1vw, 18px); }
.section__content { display: block; }
.section--panel .section__content { background: linear-gradient(180deg, rgba(16,24,39,0.92), rgba(11,18,32,0.92)); border: 1px solid var(--border); border-radius: calc(var(--radius) + 8px); padding: clamp(20px, 3.6vw, 48px); box-shadow: var(--shadow); }

/* Header */
.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(8px); background: rgba(10,15,26,0.6); border-bottom: 1px solid var(--border); }
.site-header .bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 0; position: relative; }
.brand { display: flex; align-items: center; gap: 10px; }
.logo { font-weight: 800; letter-spacing: 0.2px; color: var(--text); }
.brand-mark { height: 22px; width: auto; display: block; }
.tag { color: var(--muted); font-size: 0.95rem; }
.site-nav { display: flex; gap: 14px; align-items: center; flex-wrap: nowrap; }
.site-nav a { color: var(--muted); padding: 8px 10px; border-radius: 10px; border: 1px solid transparent; white-space: nowrap; }
.site-nav a:hover { color: var(--text); border-color: var(--border); background: rgba(255,255,255,0.03); }
.site-nav .nav-cta { color: var(--text); border: 1px solid var(--border); }

/* Mobile nav toggle */
.nav-toggle { display: none; background: transparent; color: var(--text); border: 1px solid var(--border); padding: 8px 10px; border-radius: 10px; cursor: pointer; min-height: 44px; min-width: 44px; }
.nav-toggle:hover { border-color: #35506b; background: rgba(255,255,255,0.03); }
.nav-toggle .lines { display: block; width: 18px; height: 2px; background: var(--text); position: relative; }
.nav-toggle .lines::before, .nav-toggle .lines::after { content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: var(--text); }
.nav-toggle .lines::before { top: -6px; }
.nav-toggle .lines::after { top: 6px; }

/* Buttons */
.btn { display: inline-block; padding: 12px 16px; border-radius: 12px; border: 1px solid transparent; cursor: pointer; font-weight: 650; transition: filter .15s ease, transform .02s linear, border-color .2s ease, background .2s ease; min-height: 44px; }
.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.btn.primary { background: var(--primary); color: #03131e; }
.btn.primary:hover { background: var(--primary-hover); filter: none; }
.btn.secondary { background: transparent; color: var(--text); border: 1px solid var(--border); }
.btn.secondary:hover { border-color: #35506b; background: rgba(59,182,255,0.06); }
.btn-lg { padding: 14px 18px; border-radius: 12px; }

/* Utilities */
.muted { color: var(--muted); }
.small { font-size: 0.95rem; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 12px 0 16px; }
.actions.center { justify-content: center; }
img, video, svg { max-width: 100%; height: auto; }

/* Headings */
h1, h2, h3 { font-weight: 800; letter-spacing: -0.01em; }
h2 { font-size: clamp(22px, 3.6vw, 34px); margin: 0.6em 0 0.3em; }
h3 { font-size: clamp(18px, 2.8vw, 22px); margin: 0.6em 0 0.3em; }
p { margin: 0.65em 0; }

/* Hero */
.hero { padding: 80px 0; position: relative; background: var(--bg); }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(600px 260px at 18% 0%, rgba(59,182,255,0.18), transparent 70%); filter: blur(8px); }
.hero--first { min-height: 80dvh; display: grid; align-items: center; }
.hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 28px; align-items: center; }
.badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.badge { font-size: 12px; padding: 6px 8px; border-radius: 999px; color: var(--text); background: rgba(59,182,255,0.08); border: 1px solid rgba(59,182,255,0.35); }
.hero-title { font-size: clamp(30px, 5.4vw, 54px); line-height: 1.12; margin: 0 0 14px; }
.hero-subtitle { color: var(--muted); font-size: clamp(16px, 2.1vw, 18px); max-width: 72ch; margin: 0 0 22px; }
.workflow-panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px; position: relative; overflow: hidden; }
.workflow-panel::before { content: ""; position: absolute; inset: 0; background: radial-gradient(420px 180px at 20% 0%, rgba(59,182,255,0.14), transparent 62%); pointer-events: none; }
.workflow-head { position: relative; font-size: 12px; letter-spacing: 2px; color: var(--muted); margin-bottom: 12px; text-transform: uppercase; }
.workflow-list { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.workflow-list li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: start; padding: 12px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 14px; }
.workflow-num { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--accent); background: rgba(59,182,255,0.08); border: 1px solid rgba(59,182,255,0.30); font-weight: 800; font-size: 12px; line-height: 1; }
.workflow-list strong { display: block; color: var(--text); font-weight: 750; line-height: 1.25; }
.workflow-list p { margin: 3px 0 0; color: var(--muted); font-size: 0.92rem; line-height: 1.45; }

/* Panels */
.panel { position: relative; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 22px 18px; }
.panel::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, rgba(59,182,255,0.25), rgba(59,182,255,0.00)); mask: linear-gradient(#000, transparent 70%); }

/* Audit */
.audit { padding: 64px 0; }
.audit .panel { width: min(1000px, 100%); margin: 0 auto; }
.audit-title { font-size: clamp(24px, 4.2vw, 38px); margin: 0 0 10px; }
.audit-text { color: var(--muted); font-size: clamp(16px, 2.1vw, 18px); margin: 0 0 12px; }
.checklist { list-style: none; padding: 0; margin: 14px 0 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
.check { position: relative; padding-left: 28px; }
.check::before { content: "✔"; position: absolute; left: 0; top: 0.15em; width: 20px; height: 20px; display: grid; place-items: center; color: var(--success); background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.35); border-radius: 6px; font-size: 12px; line-height: 1; }

/* Risks */
.risks { padding: 56px 0 16px; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)); }
.cards { list-style: none; margin: 18px 0 12px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.card { display: flex; gap: 12px; align-items: flex-start; background: linear-gradient(180deg, var(--surface-2), var(--surface)); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; transition: border-color .2s ease, transform .12s ease, box-shadow .2s ease; min-height: 96px; }
.card:hover { border-color: var(--border-strong); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,0.35); }
.card__icon { flex: 0 0 40px; height: 40px; width: 40px; display: grid; place-items: center; border-radius: 12px; background: rgba(59,182,255,0.08); border: 1px solid rgba(59,182,255,0.35); font-size: 18px; overflow: hidden; }
.card__icon-img { display: block; width: 26px; height: 26px; object-fit: contain; }
.card__body p { margin: 2px 0 0; }
.conclusion { margin-top: 18px; font-weight: 700; }

/* Services */
.services { padding: 56px 0 16px; }
.service-groups { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.s-card { position: relative; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; transition: border-color .2s ease, transform .12s ease, box-shadow .2s ease; }
.s-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; border-radius: 12px 12px 0 0; background: linear-gradient(90deg, rgba(59,182,255,0.0), rgba(59,182,255,0.6), rgba(59,182,255,0.0)); }
.s-card:hover { border-color: #35506b; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,0.35); }
.s-title { margin: 2px 0 6px; font-size: clamp(18px, 2.6vw, 20px); }
.s-list { margin: 8px 0 0; padding-left: 18px; color: var(--muted); }

/* Outsourcing */
.outsourcing { padding: 56px 0 12px; }
.outsourcing .panel { width: min(1100px, 100%); margin: 0 auto; }
.outsourcing .split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.outsourcing-title { font-size: clamp(22px, 3.8vw, 32px); margin: 0 0 10px; }
.outsourcing-text { color: var(--muted); margin: 0 0 8px; font-size: clamp(16px, 2.1vw, 18px); }

/* Packages */
.packages { padding: 56px 0 18px; }
.package-cards { list-style: none; margin: 18px 0 12px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pkg-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; display: grid; gap: 10px; transition: border-color .2s ease, transform .12s ease, box-shadow .2s ease; }
.pkg-card:hover { border-color: #35506b; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,0.35); }
.pkg-head { border-bottom: 1px dashed rgba(148,163,184,0.25); padding-bottom: 8px; margin-bottom: 6px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; row-gap: 6px; }
.pkg-title { margin: 0 0 2px; font-size: clamp(18px, 2.6vw, 20px); }
.pkg-sub { margin: 0; color: var(--muted); font-size: 0.98rem; }
.pkg-badge { font-size: 12px; padding: 4px 8px; border-radius: 999px; background: rgba(59,182,255,0.12); border: 1px solid rgba(59,182,255,0.35); color: var(--text); margin-left: auto; white-space: nowrap; }
.pkg-list { margin: 4px 0 0; padding-left: 18px; color: var(--muted); }
.pkg-actions { margin-top: 8px; }
.pkg-card.recommended { border-color: rgba(59,182,255,0.6); box-shadow: 0 12px 28px rgba(59,182,255,0.15); }
.pkg-card.recommended .btn { border-color: rgba(59,182,255,0.45); }
.note.center { text-align: center; margin-top: 12px; }

/* Ensure pricing buttons align to bottom */
.pkg-card { display: grid; grid-auto-rows: max-content; }
.pkg-actions { margin-top: auto; }

/* Cases */
.cases { padding: 56px 0 12px; }
.case-cards { list-style: none; margin: 18px 0 6px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.c-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; display: grid; gap: 6px; transition: border-color .2s ease, transform .12s ease, box-shadow .2s ease; }
.c-card:hover { border-color: #35506b; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,0.35); }
.c-head { margin: 0 0 2px; font-size: clamp(18px, 2.6vw, 20px); }
.c-row { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: start; }
.c-label { color: var(--muted); white-space: nowrap; }
.c-text { color: var(--text); }
.c-row.result .c-text { color: var(--success); font-weight: 600; }

/* Process */
.process { padding: 56px 0 10px; }
.steps { list-style: none; padding: 0; margin: 18px 0 8px; display: grid; gap: 14px; position: relative; }
.steps::before { content: ""; position: absolute; left: 22px; top: 0; bottom: 0; width: 2px; background: linear-gradient(var(--muted), transparent); opacity: 0.3; }
.step { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: start; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px; transition: border-color .2s ease, transform .12s ease, box-shadow .2s ease; }
.step:hover { border-color: #35506b; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,0.35); }
.step__index { height: 32px; width: 32px; border-radius: 999px; display: grid; place-items: center; background: rgba(59,182,255,0.10); border: 1px solid rgba(59,182,255,0.35); color: var(--text); font-weight: 800; margin-left: 2px; }
.step__title { margin: 0 0 2px; font-size: clamp(18px, 2.6vw, 20px); }
.step__text { margin: 0; color: var(--muted); }

/* Lead form */
.lead-form { padding: 48px 0 72px; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)); }
/* Request layout (form + contacts) */
.lead-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(320px, 0.95fr); gap: clamp(18px, 3vw, 28px); align-items: start; }
@media (max-width: 900px) { .lead-grid { grid-template-columns: 1fr; } }

/* Form panel */
form#lead-form { background: linear-gradient(180deg, rgba(15,25,41,0.96), rgba(9,16,28,0.96)); border: 1px solid var(--border); border-radius: 24px; box-shadow: 0 24px 80px rgba(0,0,0,0.32); padding: clamp(22px, 4vw, 34px); }

/* Form grid & fields */
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: end; }
/* Any element with .full spans the two columns */
.grid > .full { grid-column: 1 / -1; }
label { display: grid; gap: 6px; font-weight: 600; color: var(--text); }
label.full { grid-column: 1 / -1; }
/* Reset default fieldset look inside the form */
form#lead-form fieldset { border: 0; padding: 0; margin: 0; min-inline-size: 0; }
form#lead-form fieldset > legend { padding: 0; margin: 0 0 10px; font-weight: 700; color: var(--text); }
form#lead-form fieldset > *:first-child { margin-top: 0; }
input, textarea, select { width: 100%; padding: 12px 12px; min-height: 48px; border-radius: 12px; border: 1px solid var(--border); background: var(--bg-soft); color: var(--text); outline: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
::placeholder { color: color-mix(in oklab, var(--muted) 78%, transparent); }
input:focus-visible, textarea:focus-visible, select:focus-visible { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(59,182,255,0.15); }
select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-position: calc(100% - 18px) calc(0.8em), calc(100% - 13px) calc(0.8em), calc(100% - 2.5em) 0.4em; background-size: 6px 6px, 6px 6px, 1px 1.6em; background-repeat: no-repeat; }
.checks legend { color: var(--muted); font-size: 0.95rem; }
.checks-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
.check-opt { display: flex; gap: 8px; align-items: center; color: var(--text); font-weight: 500; }
.check-opt input { width: auto; accent-color: var(--primary); }
.form-status { margin-top: 10px; color: var(--muted); min-height: 1.2em; }
.form-status[data-kind="error"] { color: #fca5a5; }
.form-status[data-kind="success"] { color: #86efac; }
.form-status[data-kind="info"] { color: var(--muted); }
.invalid { border-color: var(--danger) !important; }
.hp { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; }

/* Radio option cards (for request_type) */
.radio-cards { display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 12px; align-items: stretch; }
.radio-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: stretch; width: 100%; min-width: 0; }
@media (max-width: 900px) { .radio-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .radio-cards { grid-template-columns: 1fr; } }
.radio-card { position: relative; }
.radio-card { position: relative; min-width: 0; }
.radio-card label { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; padding: 12px 12px; border-radius: 16px; border: 1px solid var(--border); background: rgba(8,15,27,0.72); color: var(--text); cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .12s ease; min-height: 48px; height: 100%; line-height: 1.32; overflow-wrap: anywhere; word-break: normal; }
.radio-card label { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border-radius: 16px; border: 1px solid var(--border); background: rgba(8,15,27,0.72); color: var(--text); cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .12s ease; min-height: 44px; height: 100%; line-height: 1.32; overflow-wrap: normal; word-break: normal; hyphens: none; box-sizing: border-box; }
.radio-card input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.radio-card label { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; padding: 12px 12px; border-radius: 16px; border: 1px solid var(--border); background: rgba(8,15,27,0.72); color: var(--text); cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .12s ease; min-height: 48px; height: 100%; line-height: 1.32; overflow-wrap: anywhere; word-break: normal; }
.radio-card label::before { content: ""; width: 20px; height: 20px; border-radius: 999px; border: 2px solid rgba(56,189,248,0.34); background: linear-gradient(180deg, #08111f, #050a12); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03); }
.radio-card input[type="radio"]:focus + label { box-shadow: 0 0 0 3px rgba(59,182,255,0.15); border-color: var(--primary); }
.radio-card input[type="radio"]:checked + label { border-color: rgba(34,197,94,0.62); background: linear-gradient(180deg, rgba(13,45,34,0.78), rgba(8,24,26,0.88)); }
.radio-card input[type="radio"]:checked + label::before { border-color: rgba(34,197,94,0.85); background: radial-gradient(circle at 50% 50%, #22c55e 0 50%, #16a34a 100%); box-shadow: 0 0 16px rgba(34,197,94,0.22), inset 0 0 0 2px rgba(4,16,10,0.6); }
.radio-cards.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Checkbox visuals (generic) */
input[type="checkbox"] { width: auto; accent-color: var(--primary); }
label.agree { display: flex; align-items: center; gap: 8px; font-weight: 500; }
label.agree input[type="checkbox"] { margin: 0; }

/* Thematic check cards for tags[] */
.checks legend { margin-bottom: 10px; font-weight: 700; color: var(--text); }
.checks { border: 0; padding: 0; margin: 0; }
.checks-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.check-opt { position: relative; display: block; min-height: 44px; padding: 12px 14px 12px 56px; border-radius: 16px; border: 1px solid rgba(148,163,184,0.16); background: rgba(8,15,27,0.72); cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease; line-height: 1.35; word-break: normal; overflow-wrap: normal; hyphens: none; }
.check-opt:hover { border-color: rgba(56,189,248,0.34); background: rgba(13,26,44,0.92); }
.check-opt input { position: absolute; opacity: 0; pointer-events: none; }
.check-opt::before { content: ""; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 9px; border: 1px solid rgba(56,189,248,0.28); background: linear-gradient(180deg, #08111f, #050a12); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03); }
.check-opt::after { content: ""; position: absolute; left: 30px; top: 50%; width: 12px; height: 8px; border-left: 3px solid transparent; border-bottom: 3px solid transparent; transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; transition: opacity .16s ease, transform .16s ease, border-color .16s ease; }
.check-opt:has(input:checked) { border-color: rgba(34,197,94,0.62); background: linear-gradient(180deg, rgba(13,45,34,0.78), rgba(8,24,26,0.88)); box-shadow: 0 0 0 1px rgba(34,197,94,0.10), 0 16px 45px rgba(0,0,0,0.22); }
.check-opt:has(input:checked)::before { border-color: rgba(34,197,94,0.85); background: linear-gradient(180deg, #22c55e, #16a34a); box-shadow: 0 0 18px rgba(34,197,94,0.22); }
.check-opt:has(input:checked)::after { opacity: 1; transform: translate(-50%, -50%) rotate(-45deg); border-left-color: #04100a; border-bottom-color: #04100a; }
.check-opt:has(input:focus-visible) { outline: 2px solid rgba(56,189,248,0.7); outline-offset: 3px; }
/* Ensure text wraps nicely inside cards */
.radio-card label, .check-opt { min-width: 0; box-sizing: border-box; }


/* Textarea comfort */
textarea { min-height: 160px; resize: vertical; }

/* Submit button prominence */
form#lead-form .btn.primary { min-height: 50px; border-radius: 14px; }

/* Thank you */
.thankyou { display: grid; place-items: center; height: 100dvh; text-align: center; }

/* Contact card next to form */
.contact-card { background:
  radial-gradient(circle at 10% -10%, rgba(56,189,248,0.14), transparent 34%),
  linear-gradient(180deg, rgba(15,28,45,0.96), rgba(8,15,27,0.96));
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: clamp(20px, 3vw, 28px);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  max-width: 620px;
  width: 100%;
  margin-inline: auto;
}
.contact-card .contact-title { margin: 0 0 8px; font-size: clamp(18px, 2.6vw, 20px); }
.contact-items { list-style: none; padding: 0; margin: 8px 0 10px; display: grid; gap: 12px; }
.c-item { display: grid; grid-template-columns: 36px 1fr; gap: 10px; align-items: start; }
.c-ico { height: 36px; width: 36px; border-radius: 10px; display: grid; place-items: center; background: rgba(8,15,27,0.82); border: 1px solid rgba(56,189,248,0.24); font-size: 16px; overflow: hidden; }
.c-ico img { display: block; width: 20px; height: 20px; object-fit: contain; }
.c-body { display: grid; gap: 2px; }
.c-label { color: var(--muted); font-size: 12px; }
.c-value { color: var(--text); overflow-wrap: anywhere; word-break: normal; }
.c-value a { color: inherit; overflow-wrap: anywhere; word-break: normal; }

/* Security note inside contact card */
.contact-card .muted.small { border: 1px dashed rgba(148,163,184,0.18); border-radius: 12px; background: rgba(8,15,27,0.5); }
.contact-card .access-note { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; padding: 10px 12px; }
.contact-card .access-note .note-ico { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: rgba(8,15,27,0.82); border: 1px solid rgba(56,189,248,0.24); overflow: hidden; }
.contact-card .access-note .note-ico img { width: 18px; height: 18px; display: block; object-fit: contain; }

/* Legal inline note */
.legal-note { margin-top: 10px; color: var(--muted); }

/* First-step section cards layout */
.first-step { padding-block: clamp(56px, 7vw, 96px); }
.first-step .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.first-step .cards > * { min-width: 0; }
.first-step .section__content .actions.center { margin-top: 24px; }
@media (max-width: 640px) { .first-step .actions .btn { width: 100%; max-width: 320px; margin-inline: auto; } }
.first-step .card { align-items: center; min-height: 72px; }
.first-step .card .card__icon { height: 40px; width: 40px; border-radius: 12px; }

/* Footer */
.site-footer { padding: 28px 0; border-top: 1px solid var(--border); background: rgba(255,255,255,0.02); }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; align-items: start; }
.footer-copy a { text-decoration: underline; }
.footer-legal { display: grid; gap: 6px; overflow-wrap: anywhere; }
.footer-legal .label { color: var(--muted); }
@media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; } }

/* Visibility helpers */
.only-mobile { display: none; }
.mobile-nav-cta { display: none; color: var(--text); border: 1px solid var(--border); padding: 8px 10px; border-radius: 10px; }
.mobile-nav-cta:hover { border-color: #35506b; background: rgba(255,255,255,0.03); }

/* Reviews */
.reviews-list .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reviews { padding: 40px 0 20px; }
.reviews #home-reviews { margin-top: 12px; }
.reviews #home-reviews-empty { margin: 8px 0 0; }
.review-card { padding: 16px; display: grid; gap: 6px; }
.review-card .r-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.review-card .r-name { font-weight: 600; }
.review-card .r-rating { color: #e0a800; font-size: 14px; letter-spacing: 1px; }
.review-card .r-meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 12px; margin-bottom: 8px; }
.review-card .r-text { white-space: pre-wrap; }

/* Responsive */
@media (max-width: 1200px) {
  .hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 992px) {
  .service-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .package-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .check-opt input { width: 20px; height: 20px; transform: scale(1.1); }
  .check-opt { min-height: 44px; }
  label.agree { min-height: 44px; }
  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .outsourcing .split { grid-template-columns: 1fr; }
  .lead-grid { grid-template-columns: 1fr; }
}

/* Prevent overflow and ensure flexible items don't force horizontal scroll */
.hero-grid > *,
.grid > *,
.cards > *,
.service-groups > *,
.package-cards > *,
.case-cards > * { min-width: 0; }
@media (max-width: 768px) {
  .grid { grid-template-columns: 1fr; }
  .actions { flex-direction: column; align-items: stretch; }
  form#lead-form button[type="submit"] { width: 100%; }
  /* Compact header layout */
  .site-header .bar { flex-wrap: wrap; row-gap: 8px; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  /* Mobile dropdown menu */
  .site-nav { display: none !important; position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; width: min(280px, calc(100vw - 32px)); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 8px; flex-direction: column; gap: 4px; }
  .site-header.is-open .site-nav { display: flex !important; }
  .site-nav a { display: block; padding: 12px 12px; border-radius: 10px; }
  /* Mobile CTA highlight */
  .site-nav .nav-cta { background: var(--accent-2); color: #06230f; border-color: rgba(34,197,94,0.45); }
  .site-nav .nav-cta:hover { background: #31d46b; color: #041a0b; }
  .only-mobile { display: inline-block; }
  /* Hide extra mobile-only CTA when burger exists */
  .mobile-nav-cta { display: none !important; }
  label.agree input[type="checkbox"] { width: 20px; height: 20px; transform: scale(1.15); }
  .cards { grid-template-columns: 1fr; }
  .service-groups { grid-template-columns: 1fr; }
  .package-cards { grid-template-columns: 1fr; }
  .case-cards { grid-template-columns: 1fr; }
  .checklist { grid-template-columns: 1fr; }
  .checks-grid { grid-template-columns: 1fr; }
}

/* Info split (who + access security) */
.info-split { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
@media (max-width: 992px) { .info-split { grid-template-columns: 1fr; } }

/* Communities */
.section-communities { padding-block: clamp(56px, 7vw, 96px); }
.communities-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.community-card { display: flex; flex-direction: column; gap: 12px; height: 100%; max-width: 100%; overflow-wrap: anywhere; }
.community-card .community-card__head { display: flex; align-items: center; gap: 10px; }
.community-card .community-card__title { margin: 0; font-size: clamp(18px, 2.4vw, 20px); }
.community-card__text { margin: 0; }
.community-card__button { margin-top: auto; }
.community-card__button .btn.is-disabled { opacity: 0.6; pointer-events: none; }
.community-card__icon { height: 40px; width: 40px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--border); background: rgba(255,255,255,0.04); color: var(--text); }
.community-card--base .community-card__icon { border-color: var(--community-base-soft); background: var(--community-base-soft); color: var(--community-base); }
.community-card--chat .community-card__icon { border-color: var(--community-chat-soft); background: var(--community-chat-soft); color: var(--community-chat); }
.community-card--ann .community-card__icon { border-color: var(--community-announcements-soft); background: var(--community-announcements-soft); color: var(--community-announcements); }
@media (max-width: 768px) {
  .communities-grid { grid-template-columns: 1fr; }
  .community-card__button .btn { width: 100%; }
}
/* Работа в Европе v0.6 conversion/content structure */
.site-nav a[aria-current="page"] { color: var(--text); border-color: var(--border); background: rgba(255,255,255,0.04); }
.brand:hover { text-decoration: none; }
.page-hero { min-height: auto; padding-block: clamp(72px, 10vw, 120px); }
.trust-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0 12px; padding: 0; }
.trust-strip li { border: 1px solid var(--border); background: rgba(255,255,255,0.035); border-radius: 14px; padding: 12px; color: var(--muted); }
.trust-strip strong { color: var(--accent); }
.problem-grid .card { min-height: 190px; }
.problem-grid .card__body h3 { margin-top: 0; }
.problem-grid .card__body a { display: inline-block; margin-top: 8px; font-weight: 700; }
.package-cards--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pkg-price { display: inline-flex; align-items: center; width: fit-content; border-radius: 999px; border: 1px solid rgba(34,197,94,0.35); background: rgba(34,197,94,0.08); color: var(--text); padding: 6px 10px; font-size: .92rem; font-weight: 700; }
.checklist--one { grid-template-columns: 1fr; }
.lead-grid-simple { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; }
.lead-form form { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: clamp(18px, 3vw, 28px); }
.notice { margin: 16px 0; }
.notice--bad { border-color: rgba(251,113,133,.45); }
.contact-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.contact-list { display: grid; gap: 10px; margin: 14px 0 0; }
.contact-list li { display: grid; grid-template-columns: 150px 1fr; gap: 14px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,0.03); }
.contact-list span { color: var(--muted); }
.contact-public-card .actions { margin-top: 18px; }
.case-list { display: grid; gap: 18px; }
.case-item h2 { margin-top: 0; }
.case-item__meta { color: var(--accent); font-size: .86rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.case-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.case-mini-grid div { border: 1px solid var(--border); border-radius: 14px; padding: 12px; background: rgba(255,255,255,0.03); }
.case-mini-grid span { color: var(--accent); font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.case-mini-grid p { margin-bottom: 0; }
.case-detail { display: grid; gap: 18px; max-width: 920px; }
.case-section h2 { margin-top: 0; }
.cta-panel { border-color: rgba(59,182,255,0.35); }
.service-groups--links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-groups--links .s-card { display: grid; align-content: start; gap: 10px; }
.service-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.admin-narrow { max-width: 620px; }
.admin-form label, .admin-case-form label { display: grid; gap: 6px; color: var(--muted); font-weight: 700; }
.admin-form input, .admin-case-form input, .admin-case-form textarea, .admin-case-form select { width: 100%; }
.admin-editor { max-width: 980px; }
.admin-list { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; min-width: 760px; }
.admin-table th, .admin-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--border); }
.admin-table th { color: var(--muted); font-size: .9rem; }
.admin-table tr:hover td { background: rgba(255,255,255,0.025); }

@media (max-width: 980px) {
  .trust-strip, .package-cards--three, .lead-grid-simple, .contact-layout, .service-detail-grid { grid-template-columns: 1fr; }
  .service-groups--links { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .case-mini-grid { grid-template-columns: 1fr; }
  .contact-list li { grid-template-columns: 1fr; gap: 4px; }
}

/* Работа в Европе v0.7 — compact commercial layout */
:root { --container: 1240px; }
body { line-height: 1.52; }
.container { width: min(var(--container), calc(100% - 28px)); }
.section { padding-block: clamp(38px, 5vw, 70px); }
.section__intro { max-width: 76ch; margin-bottom: clamp(16px, 2.6vw, 28px); }
.section__eyebrow { margin-bottom: 4px; font-size: .82rem; }
.section__lead { font-size: clamp(15px, 1.7vw, 17px); margin-top: 6px; }
.compact-intro h2 { margin-top: 0; }
h2 { font-size: clamp(22px, 3vw, 32px); margin: .35em 0 .2em; }
h3 { font-size: clamp(17px, 2.2vw, 20px); margin: .35em 0 .2em; }
p { margin: .45em 0; }
.hero { padding: clamp(42px, 6vw, 72px) 0; }
.hero--first { min-height: 64dvh; }
.hero-grid { gap: 22px; grid-template-columns: 1.05fr .95fr; }
.hero-title { font-size: clamp(30px, 4.8vw, 50px); margin-bottom: 10px; }
.hero-subtitle { font-size: clamp(15.5px, 1.75vw, 17px); margin-bottom: 14px; max-width: 76ch; }
.badges { margin-bottom: 6px; gap: 6px; }
.badge { padding: 5px 8px; }
.actions { margin: 10px 0 12px; }
.trust-strip { margin: 12px 0 8px; gap: 8px; }
.trust-strip li { padding: 10px; display: grid; gap: 3px; }
.trust-strip span { display: block; line-height: 1.35; }
.workflow-panel { padding: 14px; }
.workflow-head { margin-bottom: 8px; }
.workflow-list { gap: 8px; }
.workflow-list li { padding: 10px; grid-template-columns: 34px 1fr; gap: 10px; }
.workflow-num { width: 28px; height: 28px; border-radius: 9px; }
.workflow-list p { line-height: 1.35; font-size: .9rem; }
.cards, .package-cards, .case-cards, .service-groups { gap: 12px; margin-top: 12px; }
.card { padding: 14px; min-height: 86px; }
.problem-grid .card { min-height: 148px; }
.card__icon { flex-basis: 36px; width: 36px; height: 36px; border-radius: 10px; }
.card__icon-img { width: 23px; height: 23px; }
.card__body p { line-height: 1.42; font-size: .95rem; }
.card__body a { margin-top: 6px; }
.package-cards--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.package-cards--three { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pkg-card { padding: 15px; gap: 8px; }
.pkg-head { padding-bottom: 6px; margin-bottom: 2px; }
.pkg-sub { font-size: .92rem; line-height: 1.35; }
.pkg-price { padding: 5px 9px; font-size: .88rem; }
.pkg-list { font-size: .94rem; line-height: 1.42; }
.pkg-actions .btn { width: 100%; text-align: center; }
.pricing { background: linear-gradient(180deg, var(--bg-soft), var(--bg)); }
.price-table { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: rgba(16,24,39,.74); box-shadow: var(--shadow); }
.price-row { display: grid; grid-template-columns: 1.05fr 2fr .8fr; gap: 14px; padding: 12px 14px; border-bottom: 1px solid rgba(148,163,184,.14); align-items: start; }
.price-row:last-child { border-bottom: 0; }
.price-row--head { background: rgba(59,182,255,.08); color: var(--muted); font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.price-row div { min-width: 0; }
.price-row strong { color: var(--text); }
.price-note { margin-top: 10px; }
.audit, .packages, .cases, .process { padding-block: clamp(36px, 4.6vw, 62px); }
.audit .panel { width: min(1040px, 100%); }
.audit-title { font-size: clamp(22px, 3.4vw, 34px); }
.audit-text { font-size: clamp(15px, 1.8vw, 17px); }
.compact-panel, .panel { padding: 18px; }
.checklist { gap: 8px 14px; margin: 10px 0 14px; }
.checklist--compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.check { padding-left: 25px; line-height: 1.35; }
.check::before { width: 18px; height: 18px; border-radius: 5px; }
.case-cards--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.c-card { padding: 14px; gap: 5px; }
.c-card p { color: var(--muted); line-height: 1.42; }
.steps--compact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.steps--compact::before { display: none; }
.steps--compact .step { grid-template-columns: 36px 1fr; padding: 12px; }
.steps--compact .step__index { width: 28px; height: 28px; }
.steps--compact .step__text { line-height: 1.4; }
.info .panel { height: 100%; }
.lead-form { padding-block: clamp(36px, 5vw, 64px); }
form#lead-form { padding: clamp(16px, 2.6vw, 24px); }
.grid { gap: 12px; }
input, textarea, select { min-height: 44px; padding: 10px 11px; }
textarea { min-height: 118px; }
.service-groups--links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.s-card { padding: 16px; }
.page-hero { padding-block: clamp(44px, 6vw, 76px); }
.site-footer { padding: 20px 0; }

@media (max-width: 1180px) {
  .package-cards--four, .package-cards--three, .service-groups--links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .steps--compact, .checklist--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 992px) {
  .hero--first { min-height: auto; }
  .price-row { grid-template-columns: 1fr; gap: 6px; }
  .price-row--head { display: none; }
  .price-row > div:nth-child(3) { color: var(--success); }
}
@media (max-width: 768px) {
  .section { padding-block: 34px; }
  .hero { padding-block: 38px; }
  .trust-strip, .package-cards--four, .package-cards--three, .steps--compact, .checklist--compact, .service-groups--links { grid-template-columns: 1fr; }
  .problem-grid .card { min-height: 0; }
}


/* Работа в Европе v0.8 — professional copy + denser layout */
:root { --container: 1200px; }
.section { padding-block: clamp(28px, 4vw, 56px); }
.hero { padding-block: clamp(30px, 4vw, 54px); }
.hero--first { min-height: auto; }
.page-hero { padding-block: clamp(28px, 4vw, 50px); }
.hero-grid { align-items: start; }
.hero-title { font-size: clamp(28px, 4.2vw, 46px); line-height: 1.08; max-width: 980px; }
.hero-subtitle { max-width: 78ch; }
.workflow-panel { margin-top: 0; }
.workflow-list li { padding: 9px 10px; }
.trust-strip li { padding: 9px 10px; }
.card, .pkg-card, .c-card, .step, .panel { border-radius: 18px; }
.compact-panel, .panel { padding: 16px; }
.audit, .packages, .cases, .process { padding-block: clamp(28px, 4vw, 52px); }
.case-cards--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.c-card a { margin-top: 8px; font-weight: 700; color: #93c5fd; }
.case-detail { max-width: 980px; gap: 14px; }
.case-article { padding: clamp(18px, 3vw, 30px); }
.case-article h2 { margin-top: 1.1em; padding-top: .2em; font-size: clamp(22px, 3vw, 32px); }
.case-article h2:first-child { margin-top: 0; }
.case-article h3 { margin-top: 1em; font-size: clamp(18px, 2.3vw, 22px); }
.case-article p { color: var(--text); max-width: 82ch; }
.case-article ul { display: grid; gap: 6px; margin: 10px 0 16px; padding-left: 0; }
.case-article li { position: relative; padding-left: 24px; color: var(--muted); }
.case-article li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 7px; height: 7px; border-radius: 99px; background: var(--accent); }
.admin-case-form textarea[name="body"] { min-height: 420px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.5; }
@media (max-width: 1180px) {
  .case-cards--three { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .section { padding-block: 28px; }
  .hero { padding-block: 28px; }
  .page-hero { padding-block: 28px; }
}

/* v0.9: site, not landing. Modal заявки, tighter pages, no accidental horizontal scroll. */
html, body { max-width: 100%; overflow-x: clip; }
* { box-sizing: border-box; }
img, svg, video, canvas, table { max-width: 100%; }
pre, code { white-space: pre-wrap; overflow-wrap: anywhere; }
.container { width: min(1120px, calc(100% - 32px)); }
.section { padding-top: clamp(34px, 4vw, 64px); padding-bottom: clamp(34px, 4vw, 64px); }
.page-hero { padding-top: clamp(36px, 5vw, 72px); padding-bottom: clamp(28px, 4vw, 52px); }
.hero-title { max-width: 980px; }
.hero-subtitle, .section__lead { max-width: 820px; }
.cards, .package-cards, .case-cards { min-width: 0; }
.card, .pkg-card, .panel, .c-card { min-width: 0; overflow-wrap: anywhere; }
.price-table { overflow-x: auto; border-radius: 18px; }
.price-row { min-width: 720px; }
.site-nav a[href="#lead"], .js-lead-open { cursor: pointer; }
.final-cta .panel { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.final-cta .panel h2 { margin: 0 0 6px; }
.final-cta .panel p { margin: 0; }
.final-cta .actions { flex: 0 0 auto; }

html.modal-open { overflow: hidden; }
.modal-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 18px; background: rgba(2, 8, 18, .76); backdrop-filter: blur(8px); }
.modal-backdrop[hidden] { display: none; }
.modal { width: min(760px, 100%); max-height: min(92vh, 820px); overflow: auto; background: linear-gradient(180deg, rgba(17, 32, 50, .98), rgba(8, 14, 26, .98)); border: 1px solid rgba(142, 186, 230, .22); border-radius: 24px; box-shadow: 0 24px 80px rgba(0,0,0,.45); padding: clamp(18px, 3vw, 30px); position: relative; }
.modal-close { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: var(--text, #e8f1ff); font-size: 26px; line-height: 1; cursor: pointer; }
.modal-head { padding-right: 44px; margin-bottom: 18px; }
.modal-head h2 { margin: 3px 0 8px; font-size: clamp(26px, 4vw, 40px); }
.modal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.modal-grid .full { grid-column: 1 / -1; }
.lead-form-modal label { display: grid; gap: 7px; font-weight: 700; color: var(--text, #eef6ff); }
.lead-form-modal input, .lead-form-modal select, .lead-form-modal textarea,
.admin-form input, .admin-form select, .admin-form textarea,
.admin-case-form input, .admin-case-form select, .admin-case-form textarea,
.admin-settings-form input, .admin-settings-form textarea,
.comment-form input, .comment-form textarea,
.chat-form input, .chat-form textarea {
  width: 100%; border: 1px solid rgba(150, 190, 235, .22); border-radius: 13px; background: rgba(2, 9, 20, .55); color: var(--text, #eef6ff); padding: 12px 13px; outline: none;
}
.lead-form-modal textarea { resize: vertical; }
.hp { position: absolute !important; left: -5000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.form-status { min-height: 24px; margin-top: 12px; font-weight: 700; }
.form-status[data-kind="ok"] { color: #5ee59b; }
.form-status[data-kind="bad"] { color: #ff8585; }
.modal-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }

.chat-widget { position: fixed; right: 18px; bottom: 18px; z-index: 900; }
.chat-button { border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: 13px 18px; background: var(--accent, #25b8ff); color: #00111c; font-weight: 800; cursor: pointer; box-shadow: 0 12px 34px rgba(0,0,0,.32); }
.chat-panel { position: absolute; right: 0; bottom: 56px; width: min(360px, calc(100vw - 36px)); max-height: min(620px, calc(100vh - 90px)); overflow: hidden; display: grid; grid-template-rows: auto minmax(160px, 1fr) auto; background: #081321; border: 1px solid rgba(142, 186, 230, .24); border-radius: 20px; box-shadow: 0 24px 80px rgba(0,0,0,.45); }
.chat-panel[hidden] { display: none; }
.chat-head { display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.chat-head button { border: 0; background: transparent; color: inherit; font-size: 22px; cursor: pointer; }
.chat-log { padding: 12px; overflow: auto; display: grid; gap: 8px; }
.chat-system { font-size: 13px; color: var(--muted, #9fb1c8); }
.chat-msg { padding: 9px 11px; border-radius: 13px; max-width: 88%; background: rgba(255,255,255,.07); overflow-wrap: anywhere; }
.chat-msg--visitor { justify-self: end; background: rgba(37,184,255,.2); }
.chat-msg--admin { justify-self: start; background: rgba(94,229,155,.16); }
.chat-form { padding: 12px; display: grid; gap: 8px; border-top: 1px solid rgba(255,255,255,.08); }
.chat-form input { padding: 9px 10px; }
.chat-form textarea { resize: vertical; min-height: 74px; }

.admin-tabs { display: flex; gap: 8px; flex-wrap: wrap; padding: 10px; margin-top: 18px; }
.admin-tabs a { padding: 9px 12px; border-radius: 10px; text-decoration: none; color: var(--muted, #9fb1c8); border: 1px solid transparent; }
.admin-tabs a[aria-current="page"], .admin-tabs a:hover { color: var(--text, #eef6ff); border-color: rgba(142, 186, 230, .24); background: rgba(255,255,255,.05); }
.admin-dashboard { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.admin-stat { padding: 18px; }
.admin-stat strong { display: block; font-size: 34px; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; min-width: 760px; }
.admin-table th, .admin-table td { padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left; vertical-align: top; }
.admin-table th { color: var(--muted, #9fb1c8); font-size: 13px; }
.admin-settings-form .settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.admin-settings-form label.full { grid-column: 1 / -1; }
.admin-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; }
.admin-message { white-space: pre-wrap; }
.comment-form { display: grid; gap: 12px; }
.comment-list { display: grid; gap: 12px; padding: 0; list-style: none; }
.comment-item { padding: 14px; }
.comment-meta { color: var(--muted, #9fb1c8); font-size: 13px; margin-bottom: 6px; }
.case-article, .post-content { max-width: 880px; margin-inline: auto; overflow-wrap: break-word; }
.case-article h2, .case-article h3 { scroll-margin-top: 90px; }
.case-article table, .post-content table { display: block; overflow-x: auto; }

@media (max-width: 760px) {
  .modal-grid, .admin-settings-form .settings-grid, .admin-detail-grid, .admin-dashboard { grid-template-columns: 1fr; }
  .final-cta .panel { display: block; }
  .final-cta .actions { margin-top: 14px; }
  .price-row { min-width: 620px; }
}
form#lead-form.lead-form-modal { background: transparent; border: 0; box-shadow: none; padding: 0; }
form#lead-form.lead-form-modal .btn.primary { min-height: auto; }

/* v1.0 — плотный сайт без лендосной пустоты и без внутренней прокрутки заявки */
:root { --container: 1240px; --radius: 18px; }
html, body { max-width: 100%; overflow-x: hidden; }
body { font-size: 15.5px; line-height: 1.55; }
.container { width: min(var(--container), calc(100% - 28px)); }
.section, .section-v10 { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(22px, 3vw, 42px); background: var(--bg); }
.section--soft { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%); }
.section + .section, .section-v10 + .section-v10 { border-top: 1px solid rgba(255,255,255,0.045); }
h1, h2, h3 { overflow-wrap: normal; word-break: normal; text-wrap: balance; }
h2 { font-size: clamp(22px, 2.5vw, 30px); line-height: 1.15; }
h3 { font-size: clamp(18px, 1.75vw, 21px); line-height: 1.2; }
p { margin: .45em 0; }
.hero-title { font-size: clamp(30px, 3.8vw, 48px); line-height: 1.08; letter-spacing: -.025em; max-width: 860px; }
.hero-subtitle, .section__lead { font-size: clamp(15.5px, 1.45vw, 17px); line-height: 1.55; max-width: 760px; }
.section__eyebrow { margin-bottom: 6px; font-size: .78rem; }
.btn { padding: 10px 14px; min-height: 40px; border-radius: 11px; }
.btn-lg { padding: 11px 16px; }
.badge { padding: 5px 8px; }
.actions { margin: 10px 0 0; gap: 10px; }
.panel, .card, .pkg-card, .c-card, .step, .s-card { padding: 14px; border-radius: var(--radius); overflow-wrap: normal; word-break: normal; }

/* Header tighter */
.site-header .bar { padding: 10px 0; }
.site-nav { gap: 7px; }
.site-nav a { padding: 7px 9px; }
.brand-mark { height: 20px; }
.tag { font-size: .86rem; }

/* Homepage v1.0 */
.home-v10 { background: var(--bg); }
.hero-v10 { padding-block: clamp(24px, 3.5vw, 48px); background: radial-gradient(560px 220px at 20% 0%, rgba(59,182,255,.16), transparent 70%), var(--bg); border-bottom: 1px solid rgba(255,255,255,.045); }
.hero-v10__grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .78fr); gap: clamp(18px, 3vw, 34px); align-items: stretch; }
.hero-v10__main { align-self: center; }
.hero-actions { margin-top: 16px; }
.hero-summary { box-shadow: 0 18px 50px rgba(0,0,0,.28); }
.hero-summary h2 { margin: 0 0 10px; font-size: clamp(20px, 2vw, 26px); }
.summary-list { display: grid; gap: 8px; }
.summary-list div { display: grid; gap: 2px; padding: 10px 11px; border: 1px solid rgba(148,163,184,.14); border-radius: 13px; background: rgba(9,18,31,.62); }
.summary-list strong { line-height: 1.25; }
.summary-list span { color: var(--muted); font-size: .93rem; line-height: 1.4; }

.dense-dashboard { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .72fr); gap: 18px; align-items: stretch; }
.section-headline { margin-bottom: 14px; max-width: 840px; }
.section-headline h2 { margin: 0 0 6px; }
.section-headline p:not(.section__eyebrow) { color: var(--muted); max-width: 78ch; }
.section-headline--row { display: flex; justify-content: space-between; align-items: end; gap: 18px; }
.section-headline--row .btn { flex: 0 0 auto; }
.service-tiles { display: grid; grid-template-columns: repeat(2, minmax(240px, 1fr)); gap: 12px; }
.service-tiles li a { display: grid; gap: 5px; min-height: 118px; padding: 15px; border: 1px solid var(--border); border-radius: var(--radius); background: linear-gradient(180deg, var(--surface-2), var(--surface)); color: inherit; text-decoration: none; }
.service-tiles li a:hover { border-color: var(--border-strong); background: linear-gradient(180deg, rgba(25,44,67,.96), var(--surface)); }
.service-tiles strong { font-size: 1.12rem; line-height: 1.2; }
.service-tiles span { color: var(--muted); font-size: .95rem; line-height: 1.42; }
.quick-card { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; }
.quick-card h2 { margin: 0; }
.quick-card .btn { width: max-content; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 12px; }
.price-card { position: relative; display: grid; gap: 6px; padding: 15px; border-radius: var(--radius); border: 1px solid var(--border); background: linear-gradient(180deg, var(--surface-2), var(--surface)); min-width: 0; }
.price-card span { color: var(--accent); font-weight: 800; font-size: .78rem; letter-spacing: .08em; }
.price-card h3 { margin: 0; font-size: 1.08rem; }
.price-card p { color: var(--muted); margin: 0; font-size: .94rem; line-height: 1.4; }
.price-card strong { color: var(--text); margin-top: 4px; font-size: 1.05rem; }
.price-card--accent { border-color: rgba(59,182,255,.46); box-shadow: 0 14px 40px rgba(59,182,255,.09); }
.proof-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr); gap: 16px; align-items: stretch; }
.proof-main h2, .proof-side h2 { margin: 0 0 8px; }
.compact-checks { display: grid; gap: 7px; margin-top: 12px; padding: 0; }
.compact-checks li { position: relative; padding-left: 20px; color: var(--muted); }
.compact-checks li::before { content: ""; position: absolute; left: 3px; top: .68em; width: 7px; height: 7px; border-radius: 99px; background: var(--accent); }
.cta-strip { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.cta-strip h2 { margin: 0 0 6px; }
.cta-strip .actions { flex: 0 0 auto; }
.final-cta-v10 { padding-bottom: clamp(28px, 4vw, 56px); }

/* Existing grids: do not force four narrow columns */
.cards, .package-cards, .case-cards, .service-groups--links { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; }
.package-cards--four { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important; }
.case-cards--three { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; }
.service-detail-grid, .info-split, .contact-layout { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.card__body h3, .pkg-title, .c-head, .s-card h2 { font-size: 1.08rem; }
.card__body p, .pkg-list, .c-card p, .s-card p { font-size: .94rem; line-height: 1.42; }

/* Price table no page-level horizontal scroll */
.price-table { overflow: visible; display: grid; gap: 8px; }
.price-row { min-width: 0 !important; display: grid; grid-template-columns: minmax(150px, .75fr) minmax(0, 1.6fr) minmax(130px, .55fr); gap: 12px; align-items: start; padding: 12px 14px; border: 1px solid var(--border); border-radius: 14px; background: rgba(16,24,39,.75); }
.price-row--head { color: var(--muted); background: transparent; border-color: transparent; padding-block: 0 4px; }

/* Compact page heroes */
.page-hero, .page-compact-hero { padding-block: clamp(24px, 3vw, 44px); background: radial-gradient(520px 200px at 20% 0%, rgba(59,182,255,.12), transparent 70%), var(--bg); }
.page-compact-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; }
.page-actions { justify-content: end; white-space: nowrap; }

/* Cases/reviews/posts */
.cases-layout-v10 { display: grid; grid-template-columns: minmax(260px, .38fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.cases-format { position: sticky; top: 78px; }
.case-feed { display: grid; gap: 12px; min-width: 0; }
.case-post h2 { margin: 4px 0 6px; font-size: clamp(22px, 2.25vw, 30px); }
.case-post__meta { color: var(--accent); font-size: .82rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.case-post__summary { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin: 10px 0 12px; }
.case-post__summary div { padding: 11px; border: 1px solid var(--border); border-radius: 13px; background: rgba(9,18,31,.58); }
.case-post__summary span { color: var(--muted); font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.case-post__summary p { margin: 4px 0 0; line-height: 1.42; }
.case-article, .post-content { max-width: 900px; margin-inline: auto; overflow-wrap: break-word; }
.case-article pre, .post-content pre { overflow-x: auto; white-space: pre; max-width: 100%; }
.case-article code, .post-content code { white-space: inherit; }
.comments-block, .case-detail .cta-panel { max-width: 900px; margin-inline: auto; }

/* Contacts */
.contact-v10-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr) minmax(300px, .9fr); gap: 14px; align-items: stretch; }
.contact-primary { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; }
.contact-list { display: grid; gap: 8px; }
.contact-list li { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.contact-list li:last-child { border-bottom: 0; }
.contact-list span { color: var(--muted); }
.contact-list a, .contact-list strong { text-align: right; min-width: 0; overflow-wrap: anywhere; }
.channel-grid { display: grid; grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 12px; }
.channel-card h3 { margin-top: 0; }

/* Modal without internal scroll on desktop */
html.modal-open { overflow: hidden; }
.modal-backdrop { align-items: center; padding: 16px; }
.modal { width: min(980px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: hidden; padding: 0; border-radius: 22px; }
.modal-layout { display: grid; grid-template-columns: minmax(230px, .38fr) minmax(0, 1fr); min-height: 0; }
.modal-aside { padding: 20px; border-right: 1px solid rgba(255,255,255,.08); background: rgba(59,182,255,.055); }
.modal-aside h2 { margin: 2px 0 8px; font-size: clamp(22px, 2.4vw, 30px); }
.modal-rules { display: grid; gap: 7px; margin-top: 14px; padding: 0; color: var(--muted); font-size: .93rem; }
.modal-rules li { position: relative; padding-left: 18px; }
.modal-rules li::before { content:""; position:absolute; left:2px; top:.68em; width:7px; height:7px; border-radius:99px; background:var(--success); }
.lead-form-modal { padding: 20px; }
form#lead-form.lead-form-modal { padding: 20px; }
.modal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.modal-grid .full { grid-column: 1 / -1; }
.lead-form-modal label { gap: 5px; font-size: .92rem; }
.lead-form-modal input, .lead-form-modal select, .lead-form-modal textarea { min-height: 40px; padding: 9px 11px; border-radius: 11px; }
.lead-form-modal textarea { min-height: 82px; resize: none; }
.company-line input { min-height: 38px; }
.modal-bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 10px; }
.modal-actions { margin: 0; flex: 0 0 auto; }
.form-status { min-height: 20px; margin-top: 0; font-size: .92rem; }
.modal-close { top: 10px; right: 10px; width: 34px; height: 34px; border-radius: 10px; font-size: 24px; z-index: 2; }

/* Prevent word-per-line failures */
.card, .pkg-card, .c-card, .s-card, .price-card, .panel, .service-tiles li a { min-width: 0; overflow-wrap: normal; word-break: normal; hyphens: none; }
a, button, input, textarea, select { min-width: 0; }

@media (max-width: 1120px) {
  .hero-v10__grid, .dashboard-grid, .proof-grid, .contact-v10-grid { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
  .quick-card .btn { width: auto; }
}
@media (max-width: 900px) {
  .page-compact-grid, .section-headline--row, .cta-strip, .modal-layout { grid-template-columns: 1fr; display: grid; }
  .page-actions, .section-headline--row .btn { justify-content: start; white-space: normal; }
  .modal { overflow: auto; }
  .modal-aside { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); padding: 18px; }
  .lead-form-modal, form#lead-form.lead-form-modal { padding: 18px; }
  .modal-bottom { align-items: stretch; flex-direction: column; }
  .modal-actions { justify-content: flex-start; }
  .cases-layout-v10 { grid-template-columns: 1fr; }
  .cases-format { position: static; }
}
@media (max-width: 700px) {
  .container { width: min(100% - 22px, var(--container)); }
  .hero-title { font-size: clamp(27px, 9vw, 36px); }
  .service-tiles, .pricing-grid, .case-post__summary, .channel-grid { grid-template-columns: 1fr; }
  .price-row { grid-template-columns: 1fr; }
  .price-row--head { display: none; }
  .modal-grid { grid-template-columns: 1fr; }
  .site-nav { flex-wrap: wrap; }
}
.reviews-layout-v10 { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: 14px; align-items: start; }
.review-form-v10 { display: grid; gap: 12px; }
.review-grid-v10 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.review-grid-v10 .full { grid-column: 1 / -1; }
.review-grid-v10 label { display: grid; gap: 6px; font-weight: 700; }
.review-grid-v10 .agree { display: flex; align-items: center; gap: 8px; font-weight: 500; color: var(--muted); }
.review-grid-v10 .agree input { width: auto; min-height: auto; }
@media (max-width: 900px) { .reviews-layout-v10, .review-grid-v10 { grid-template-columns: 1fr; } .review-grid-v10 .full { grid-column: auto; } }


/* === v1.1 balanced layout, mobile and admin sidebar === */
:root { --container: 1240px; }
body { overflow-x: hidden; }
.site-nav.is-open { display: flex !important; }
.home-v11 { background: var(--bg); }
.hero-v11 { padding: clamp(48px, 5vw, 78px) 0; border-bottom: 1px solid rgba(255,255,255,.06); background: radial-gradient(720px 260px at 18% 0%, rgba(39,183,255,.12), transparent 72%), radial-gradient(520px 220px at 80% 15%, rgba(34,197,94,.08), transparent 70%), var(--bg); }
.hero-v11__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: clamp(28px, 5vw, 70px); align-items: center; }
.hero-v11__copy h1 { max-width: 880px; margin: 0 0 18px; font-size: clamp(34px, 3.6vw, 52px); line-height: 1.08; letter-spacing: -.035em; }
.hero-v11__lead { max-width: 76ch; color: var(--muted); font-size: clamp(17px, 1.35vw, 20px); line-height: 1.65; }
.hero-v11__facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; color: var(--muted); font-size: .92rem; }
.hero-v11__facts span { padding: 8px 10px; border: 1px solid rgba(148,163,184,.16); border-radius: 999px; background: rgba(255,255,255,.025); }
.hero-v11__panel { padding: clamp(20px, 2vw, 28px); }
.hero-v11__panel h2 { margin-top: 0; font-size: clamp(24px, 2.1vw, 32px); }
.process-list { display: grid; gap: 10px; counter-reset: step; }
.process-list li { list-style: none; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; padding: 12px; border: 1px solid rgba(148,163,184,.15); border-radius: 16px; background: rgba(7,11,18,.46); }
.process-list li::before { counter-increment: step; content: counter(step); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #071018; background: var(--accent); font-weight: 800; }
.process-list strong { display: block; line-height: 1.2; }
.process-list span { display: block; color: var(--muted); margin-top: 3px; line-height: 1.45; }
.section-v11 { padding: clamp(42px, 5vw, 72px) 0; border-bottom: 1px solid rgba(255,255,255,.045); }
.section-row { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 18px; }
.section-row h2 { margin: 0 0 6px; font-size: clamp(28px, 3vw, 42px); }
.service-hub__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.service-card { min-width: 0; display: grid; gap: 10px; align-content: start; padding: 18px; min-height: 190px; color: inherit; text-decoration: none; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(180deg, rgba(19,32,51,.98), rgba(12,20,34,.98)); }
.service-card:hover { text-decoration: none; border-color: rgba(39,183,255,.45); background: linear-gradient(180deg, rgba(22,44,68,.98), rgba(12,20,34,.98)); }
.service-card span { color: var(--accent); font-weight: 800; font-size: .82rem; letter-spacing: .08em; }
.service-card strong { font-size: clamp(19px, 1.35vw, 24px); line-height: 1.2; }
.service-card p { margin: 0; color: var(--muted); line-height: 1.48; }
.compact-info__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.info-card { min-height: 220px; display: grid; align-content: start; gap: 8px; }
.info-card h2 { margin-top: 0; }
.price-list-v11 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.price-list-v11 > div { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(0,1.1fr) minmax(120px,.35fr); gap: 14px; align-items: center; padding: 14px 16px; border-radius: 16px; border: 1px solid var(--border); background: rgba(16,24,39,.72); min-width:0; }
.price-list-v11 strong { line-height: 1.25; }
.price-list-v11 span { color: var(--muted); line-height: 1.35; }
.price-list-v11 b { text-align: right; white-space: nowrap; color: var(--text); }
.posts-teaser__grid { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; align-items: center; }
.posts-teaser h2 { margin-top: 0; }

/* Compact lead modal without desktop inner scroll */
.modal.modal--lead { width: min(760px, calc(100vw - 32px)); max-height: none; overflow: visible; border-radius: 22px; }
.lead-form-compact { padding: 22px !important; }
.modal-head.compact { padding-right: 44px; margin-bottom: 14px; }
.modal-head.compact h2 { margin: 0 0 6px; font-size: clamp(24px, 2.8vw, 34px); }
.modal-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.modal-grid--compact .full { grid-column: 1 / -1; }
.lead-form-compact textarea { min-height: 84px !important; max-height: 120px; }
.lead-form-compact input, .lead-form-compact select, .lead-form-compact textarea { min-height: 42px; }
.lead-form-compact .company-line input { min-height: 40px; }

/* Admin */
body.admin-area .site-footer, body.admin-login-page .site-footer { display: none; }
.admin-login-wrap { min-height: calc(100dvh - 74px); display: grid; place-items: center; padding: 32px 16px; }
.admin-login-card { width: min(440px, 100%); }
.admin-login-card h1 { margin: 0 0 18px; font-size: 36px; }
.admin-shell { min-height: calc(100dvh - 74px); display: grid; grid-template-columns: 280px minmax(0, 1fr); background: var(--bg); }
.admin-sidebar { position: sticky; top: 73px; height: calc(100dvh - 73px); align-self: start; display: flex; flex-direction: column; gap: 18px; padding: 20px 14px; border-right: 1px solid var(--border); background: linear-gradient(180deg, rgba(11,18,32,.98), rgba(7,11,18,.98)); overflow: auto; }
.admin-sidebar__brand { padding: 10px 12px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-sidebar__brand strong { display:block; font-size: 1.15rem; }
.admin-sidebar__brand span { color: var(--muted); font-size: .9rem; }
.admin-sidebar__nav { display: grid; gap: 6px; }
.admin-sidebar__nav a { display: grid; gap: 2px; padding: 11px 12px; border-radius: 14px; color: var(--muted); border: 1px solid transparent; text-decoration: none; }
.admin-sidebar__nav a span { color: var(--text); font-weight: 750; }
.admin-sidebar__nav a small { color: var(--muted); line-height: 1.25; }
.admin-sidebar__nav a:hover, .admin-sidebar__nav a[aria-current="page"] { background: rgba(39,183,255,.08); border-color: rgba(39,183,255,.22); }
.admin-sidebar__meta { margin-top: auto; display: grid; gap: 8px; padding: 12px; border-radius: 16px; background: rgba(255,255,255,.035); color: var(--muted); font-size: .92rem; }
.admin-content { min-width: 0; padding: clamp(18px, 3vw, 34px); }
.admin-topbar { display: flex; justify-content: space-between; gap: 18px; align-items: start; margin-bottom: 20px; }
.admin-topbar h1 { margin: 0 0 6px; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.1; }
.admin-topbar .section__eyebrow { margin-bottom: 4px; }
.admin-topbar__actions { flex: 0 0 auto; }
.admin-card { margin-bottom: 16px; padding: 18px; }
.admin-dashboard { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.admin-stat { display: grid; gap: 6px; color: inherit; text-decoration: none; }
.admin-stat:hover { text-decoration: none; border-color: rgba(39,183,255,.35); }
.admin-stat span { color: var(--muted); }
.admin-stat strong { font-size: clamp(30px, 3vw, 42px); line-height: 1; }
.admin-stat small { color: var(--accent); }
.admin-split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 16px; align-items: start; }
.admin-chat-layout { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 16px; align-items: start; }
.admin-chat-log { position: static !important; max-height: 460px; overflow: auto; padding: 10px; border-radius: 16px; background: rgba(0,0,0,.16); }
.admin-form-grid, .admin-settings-form .settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.admin-form-grid .full, .admin-settings-form .settings-grid .full { grid-column: 1 / -1; }
.admin-case-form textarea[name="body"] { min-height: min(54dvh, 620px); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.admin-extra-fields { border: 1px solid var(--border); border-radius: 16px; padding: 12px; }
.admin-extra-fields summary { cursor: pointer; font-weight: 750; }
.admin-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.admin-table { min-width: 760px; }
.admin-list-mobile { display: none; }
.admin-list-mobile.is-always { display: grid; gap: 8px; }
.admin-list-item { display: grid; gap: 4px; padding: 12px; border-radius: 14px; border: 1px solid var(--border); color: inherit; text-decoration: none; background: rgba(255,255,255,.025); }
.admin-list-item:hover { text-decoration:none; border-color: rgba(39,183,255,.28); }
.admin-list-item span, .admin-list-item small { color: var(--muted); overflow-wrap: anywhere; }
.status-pill { display: inline-block; padding: 4px 8px; border-radius: 999px; font-size: .82rem; background: rgba(148,163,184,.12); color: var(--text); }
.status-new, .status-pending { background: rgba(39,183,255,.16); color: #b9e9ff; }
.status-in_progress, .status-published { background: rgba(250,204,21,.15); color: #fde68a; }
.status-done, .status-approved { background: rgba(34,197,94,.15); color: #bbf7d0; }
.status-spam, .status-trash, .status-draft { background: rgba(251,113,133,.14); color: #fecdd3; }
.inline-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.inline-actions select { min-height: 44px; }

@media (max-width: 1180px) {
  .hero-v11__grid { grid-template-columns: 1fr; }
  .hero-v11__copy h1 { font-size: clamp(32px, 5.2vw, 48px); }
  .service-hub__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .price-list-v11 { grid-template-columns: 1fr; }
  .admin-dashboard { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .admin-split, .admin-chat-layout { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .hero-v11 { padding: 34px 0 42px; }
  .hero-v11__copy h1 { font-size: clamp(30px, 8vw, 40px); }
  .hero-v11__lead { font-size: 16px; line-height: 1.55; }
  .section-v11 { padding: 34px 0; }
  .section-row, .posts-teaser__grid, .compact-info__grid { grid-template-columns: 1fr; display: grid; align-items: start; }
  .service-hub__grid { grid-template-columns: 1fr; }
  .price-list-v11 > div { grid-template-columns: 1fr; align-items: start; }
  .price-list-v11 b { text-align: left; }
  .modal.modal--lead { width: min(620px, calc(100vw - 20px)); max-height: calc(100dvh - 20px); overflow: auto; }
  .lead-form-compact { padding: 18px !important; }
  .modal-grid--compact { grid-template-columns: 1fr; }
  .modal-grid--compact .full { grid-column: auto; }
  .modal-bottom { flex-direction: column; align-items: stretch; }
  .modal-actions { width: 100%; }
  .modal-actions .btn { flex: 1 1 auto; text-align: center; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar { position: sticky; top: 69px; z-index: 40; height: auto; padding: 10px 10px; border-right: 0; border-bottom: 1px solid var(--border); overflow: visible; }
  .admin-sidebar__brand, .admin-sidebar__meta { display: none; }
  .admin-sidebar__nav { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
  .admin-sidebar__nav a { flex: 0 0 auto; min-width: 132px; padding: 10px; }
  .admin-sidebar__nav a small { display: none; }
  .admin-content { padding: 18px 12px 28px; }
  .admin-topbar { display: grid; }
  .admin-dashboard { grid-template-columns: 1fr 1fr; }
  .admin-form-grid, .admin-settings-form .settings-grid { grid-template-columns: 1fr; }
  .admin-form-grid .full, .admin-settings-form .settings-grid .full { grid-column: auto; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 20px, var(--container)); }
  .brand .tag { display: none; }
  .hero-v11__facts { display: grid; }
  .actions { flex-direction: column; align-items: stretch; }
  .actions .btn { text-align: center; }
  .process-list li { grid-template-columns: 30px minmax(0,1fr); }
  .admin-dashboard { grid-template-columns: 1fr; }
  .admin-table-wrap { display: none; }
  .admin-list-mobile { display: grid; gap: 8px; }
  .admin-list-mobile.is-always { display: grid; }
  .chat-widget { right: 12px; bottom: 12px; }
  .chat-panel { width: calc(100vw - 24px); right: 0; max-height: min(620px, calc(100dvh - 96px)); }
}
body.admin-area .chat-widget, body.admin-login-page .chat-widget { display: none; }


/* === v1.2 balanced public layout, compact modal, chat and admin refinement === */
:root { --container: 1180px; }
body { font-size: 16px; line-height: 1.58; }
.container { width: min(var(--container), calc(100% - 40px)); }
.home-v12 { background: var(--bg); }
.hero-v12 { padding: clamp(46px, 5vw, 74px) 0; background: radial-gradient(640px 260px at 16% 0%, rgba(39,183,255,.14), transparent 72%), radial-gradient(500px 220px at 82% 20%, rgba(34,197,94,.07), transparent 70%), var(--bg); border-bottom: 1px solid rgba(255,255,255,.06); }
.hero-v12__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .85fr); gap: clamp(28px, 5vw, 58px); align-items: center; }
.hero-v12__copy h1 { max-width: 780px; margin: 0 0 16px; font-size: clamp(38px, 4vw, 56px); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.hero-v12__lead { max-width: 76ch; color: var(--muted); font-size: clamp(17px, 1.4vw, 20px); line-height: 1.62; }
.hero-v12__facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; color: var(--muted); font-size: .94rem; }
.hero-v12__facts span { padding: 8px 10px; border: 1px solid rgba(148,163,184,.16); border-radius: 999px; background: rgba(255,255,255,.025); }
.hero-v12__panel { padding: 22px; }
.hero-v12__panel h2 { margin: 0 0 14px; font-size: clamp(24px, 2vw, 30px); }
.process-grid-v12 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.process-grid-v12 > div { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; align-items: start; padding: 12px; border: 1px solid rgba(148,163,184,.15); border-radius: 16px; background: rgba(7,11,18,.46); }
.process-grid-v12 b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #071018; background: var(--accent); font-weight: 850; }
.process-grid-v12 strong { display: block; line-height: 1.18; }
.process-grid-v12 span { display: block; grid-column: 2; color: var(--muted); margin-top: -5px; line-height: 1.42; overflow-wrap: normal; }
.section-v12 { padding: clamp(38px, 5vw, 64px) 0; border-bottom: 1px solid rgba(255,255,255,.045); }
.section-row-v12 { display: flex; justify-content: space-between; align-items: end; gap: 22px; margin-bottom: 18px; }
.section-row-v12 h2, .request-v12 h2, .cases-v12 h2 { margin: 0 0 8px; font-size: clamp(28px, 3vw, 42px); line-height: 1.12; text-wrap: balance; }
.section-row-v12 p:not(.section__eyebrow), .request-v12 p, .cases-v12 p { max-width: 78ch; }
.service-v12__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.service-card-v12 { min-width: 0; display: grid; gap: 10px; align-content: start; padding: 18px; min-height: 210px; color: inherit; text-decoration: none; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(180deg, rgba(19,32,51,.98), rgba(12,20,34,.98)); }
.service-card-v12:hover { text-decoration: none; border-color: rgba(39,183,255,.45); background: linear-gradient(180deg, rgba(22,44,68,.98), rgba(12,20,34,.98)); }
.service-card-v12 span { color: var(--accent); font-weight: 850; font-size: .8rem; letter-spacing: .08em; }
.service-card-v12 strong { font-size: clamp(19px, 1.35vw, 23px); line-height: 1.18; text-wrap: balance; }
.service-card-v12 p { margin: 0; color: var(--muted); line-height: 1.47; overflow-wrap: normal; word-break: normal; }
.request-v12 { background: linear-gradient(180deg, var(--bg), var(--bg-soft)); }
.request-v12__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.request-v12__card { display: grid; align-content: start; gap: 8px; min-height: 230px; }
.request-v12__card .btn { width: max-content; }
.price-grid-v12 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.price-grid-v12 > div { min-width: 0; display: grid; gap: 7px; padding: 16px; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(180deg, rgba(19,32,51,.95), rgba(12,20,34,.95)); }
.price-grid-v12 span { color: var(--accent); font-weight: 850; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.price-grid-v12 strong { font-size: 1.22rem; line-height: 1.2; }
.price-grid-v12 p { margin: 0; color: var(--muted); line-height: 1.42; }
.cases-v12__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; }

/* Lead modal v1.2 */
.modal.modal--lead-v12 { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 22px; }
.lead-form-v12 { display: grid; gap: 14px; padding: 22px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.lead-v12__head h2 { margin: 0 0 6px; font-size: clamp(26px, 2.8vw, 36px); line-height: 1.1; }
.lead-v12__head p { margin: 0; color: var(--muted); }
.lead-v12__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 12px; }
.lead-v12__field { display: grid; gap: 6px; color: var(--muted); font-weight: 750; }
.lead-v12__field--wide { grid-column: 1 / -1; }
.lead-form-v12 input, .lead-form-v12 select, .lead-form-v12 textarea { min-height: 42px; }
.lead-form-v12 textarea { min-height: 92px; resize: vertical; }
.lead-v12__details { border: 1px solid rgba(148,163,184,.14); border-radius: 16px; padding: 10px 12px; background: rgba(255,255,255,.025); }
.lead-v12__details summary { cursor: pointer; color: var(--text); font-weight: 750; }
.lead-v12__grid--extra { margin-top: 10px; }
.lead-v12__bottom { display: flex; gap: 12px; justify-content: space-between; align-items: center; }

/* Public chat v1.2 */
.chat-widget-v12 { right: 18px; bottom: 18px; z-index: 900; }
.chat-button-v12 { min-height: 48px; padding: 0 18px; border-radius: 999px; background: var(--accent); color: #04131f; }
.chat-panel-v12 { width: min(390px, calc(100vw - 32px)); max-height: min(620px, calc(100dvh - 84px)); grid-template-rows: auto auto minmax(120px, 1fr) auto; border-radius: 22px; background: linear-gradient(180deg, #0b1a2b, #08111e); }
.chat-head-v12 { padding: 14px 15px; }
.chat-head-v12 div { display: grid; gap: 2px; }
.chat-head-v12 span { color: var(--muted); font-size: .9rem; }
.chat-intro-v12 { display: flex; gap: 8px; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.chat-intro-v12 .btn { flex: 1 1 0; text-align: center; padding-inline: 10px; }
.chat-log-v12 { min-height: 160px; }
.chat-form-v12__row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.chat-form-v12 textarea { min-height: 82px; }
.chat-form-v12__bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

/* Admin v1.2 */
.admin-shell-v12 { grid-template-columns: 272px minmax(0, 1fr); }
.admin-sidebar-v12 { top: 0; height: 100dvh; padding: 18px 12px; }
.admin-content-v12 { padding: clamp(18px, 2.7vw, 34px); }
.admin-topbar-v12 { align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.06); }
.admin-topbar-v12 h1 { font-size: clamp(28px, 2.6vw, 42px); }
.admin-menu-toggle, .admin-dim { display: none; }
.admin-sidebar__nav a { grid-template-columns: 1fr; }
.admin-chat-layout { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); }
.chat-admin-window .chat-form { background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; }
.chat-thread-list { max-height: calc(100dvh - 150px); overflow: auto; }
.admin-chat-log { min-height: 360px; max-height: calc(100dvh - 380px); }

@media (max-width: 1120px) {
  .hero-v12__grid { grid-template-columns: 1fr; }
  .process-grid-v12 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .process-grid-v12 > div { grid-template-columns: 1fr; }
  .process-grid-v12 span { grid-column: auto; margin-top: 0; }
  .service-v12__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .price-grid-v12 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .container { width: min(100% - 24px, var(--container)); }
  .hero-v12 { padding: 34px 0 42px; }
  .hero-v12__copy h1 { font-size: clamp(32px, 9vw, 44px); }
  .hero-v12__lead { font-size: 16px; line-height: 1.55; }
  .process-grid-v12, .service-v12__grid, .request-v12__grid, .price-grid-v12, .cases-v12__grid { grid-template-columns: 1fr; }
  .section-row-v12 { display: grid; align-items: start; }
  .section-v12 { padding: 34px 0; }
  .service-card-v12 { min-height: auto; }
  .request-v12__card { min-height: auto; }
  .cases-v12__grid .actions { align-items: stretch; }
  .modal.modal--lead-v12 { width: min(620px, calc(100vw - 20px)); max-height: calc(100dvh - 20px); }
  .lead-v12__grid { grid-template-columns: 1fr; }
  .lead-v12__field--wide { grid-column: auto; }
  .lead-v12__bottom { display: grid; }
  .modal-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .chat-panel-v12 { width: calc(100vw - 24px); }
  .chat-form-v12__row { grid-template-columns: 1fr; }
  .chat-intro-v12 { flex-direction: column; }
  .admin-shell-v12 { display: block; }
  .admin-menu-toggle { display: inline-flex; }
  .admin-sidebar-v12 { position: fixed; z-index: 1001; left: 0; top: 0; width: min(300px, 86vw); height: 100dvh; transform: translateX(-105%); transition: transform .18s ease; border-right: 1px solid var(--border); }
  .admin-shell-v12.is-menu-open .admin-sidebar-v12 { transform: translateX(0); }
  .admin-dim { position: fixed; inset: 0; z-index: 1000; border: 0; background: rgba(0,0,0,.55); }
  .admin-shell-v12.is-menu-open .admin-dim { display: block; }
  .admin-sidebar__brand, .admin-sidebar__meta { display: block; }
  .admin-sidebar__nav { display: grid; overflow: visible; }
  .admin-sidebar__nav a { min-width: 0; }
  .admin-sidebar__nav a small { display: block; }
  .admin-topbar-v12 { display: grid; grid-template-columns: auto 1fr; align-items: start; }
  .admin-topbar__actions { grid-column: 1 / -1; }
  .admin-chat-layout { grid-template-columns: 1fr; }
  .chat-thread-list { max-height: none; }
  .admin-chat-log { min-height: 280px; max-height: 55dvh; }
}
@media (max-width: 520px) {
  .hero-v12__facts { display: grid; }
  .actions, .hero-actions { flex-direction: column; align-items: stretch; }
  .actions .btn, .hero-actions .btn { text-align: center; }
  .modal-actions { grid-template-columns: 1fr; }
  .chat-widget-v12 { right: 12px; bottom: 12px; }
  .chat-button-v12 { min-width: 112px; justify-content: center; }
}


/* v1.3 — balanced layout, compact chat, card admin, no accidental horizontal scroll */
:root { --container: 1180px; }
html, body { max-width: 100%; overflow-x: hidden; }
.btn { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; text-decoration: none !important; }
.container, .panel, .card, .service-card-v13, .price-card-v13, .admin-list-item { min-width: 0; }

.hero-v13 { padding: clamp(54px, 6vw, 88px) 0; border-bottom: 1px solid rgba(255,255,255,.06); background: radial-gradient(760px 300px at 18% 0%, rgba(39,183,255,.12), transparent 72%), var(--bg); }
.hero-v13__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .85fr); gap: clamp(28px, 4.5vw, 56px); align-items: center; }
.hero-v13__copy h1 { max-width: 760px; margin: 0 0 16px; font-size: clamp(36px, 4.1vw, 58px); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.hero-v13__lead { max-width: 72ch; color: var(--muted); font-size: clamp(17px, 1.35vw, 20px); line-height: 1.6; }
.hero-v13__side { padding: 22px; }
.hero-v13__side h2 { margin: 0 0 14px; font-size: clamp(22px, 2vw, 30px); }
.process-grid-v13 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.process-grid-v13 > div { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px 10px; align-items: start; padding: 12px; border: 1px solid rgba(148,163,184,.15); border-radius: 16px; background: rgba(7,11,18,.46); min-width: 0; }
.process-grid-v13 b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #071018; background: var(--accent); font-weight: 850; }
.process-grid-v13 strong { line-height: 1.2; overflow-wrap: anywhere; }
.process-grid-v13 span { grid-column: 2; color: var(--muted); line-height: 1.42; overflow-wrap: break-word; }
.section-v13 { padding: clamp(42px, 5vw, 70px) 0; border-top: 1px solid rgba(255,255,255,.05); }
.section-row-v13 { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 18px; }
.section-row-v13 > div { max-width: 820px; }
.section-row-v13 h2 { margin: 0 0 8px; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.16; text-wrap: balance; }
.service-grid-v13 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.service-card-v13 { display: grid; gap: 9px; align-content: start; padding: 18px; min-height: 190px; color: inherit; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(180deg, rgba(19,32,51,.98), rgba(12,20,34,.98)); text-decoration: none !important; }
.service-card-v13:hover { border-color: rgba(39,183,255,.42); }
.service-card-v13 span { color: var(--accent); font-weight: 850; font-size: .82rem; letter-spacing: .08em; }
.service-card-v13 strong { font-size: clamp(18px, 1.35vw, 23px); line-height: 1.22; }
.service-card-v13 p { margin: 0; color: var(--muted); line-height: 1.45; }
.request-v13__grid, .proof-v13__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.request-v13__card, .proof-v13__card { display: grid; align-content: start; gap: 8px; }
.request-v13__card .btn, .proof-v13__card .btn { justify-self: start; margin-top: 8px; }
.price-grid-v13 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.price-card-v13 { display: grid; gap: 8px; align-content: start; padding: 16px; border-radius: 18px; border: 1px solid rgba(148,163,184,.16); background: rgba(16,24,39,.74); }
.price-card-v13 span { color: var(--accent); font-weight: 850; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.price-card-v13 strong { font-size: clamp(20px, 1.8vw, 27px); line-height: 1.15; }
.price-card-v13 p { margin: 0; color: var(--muted); line-height: 1.42; }

.page-hero-v13 { padding: clamp(42px, 5vw, 72px) 0 28px; border-bottom: 1px solid rgba(255,255,255,.06); }
.page-hero-v13__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; }
.page-hero-v13 h1 { margin: 0 0 10px; font-size: clamp(32px, 4.4vw, 54px); line-height: 1.1; }
.page-hero-v13 p { max-width: 78ch; font-size: clamp(16px, 1.4vw, 19px); }
.page-hero-v13__actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

.contact-stack-v13 { display: grid; gap: 16px; }
.contact-main-v13 { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.contact-main-v13 h2 { margin-top: 0; }
.contact-cards-v13 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.contact-card-v13 { display: grid; gap: 6px; color: inherit; text-decoration: none !important; padding: 18px; }
.contact-card-v13 span, .info-list-v13 dt { color: var(--accent); font-weight: 850; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.contact-card-v13 strong { overflow-wrap: anywhere; font-size: 1.08rem; }
.contact-card-v13 small { color: var(--muted); }
.contact-info-grid-v13 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.info-list-v13 { display: grid; gap: 10px; margin: 0; }
.info-list-v13 div { display: grid; grid-template-columns: minmax(130px,.35fr) minmax(0,1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.info-list-v13 dd { margin: 0; overflow-wrap: anywhere; }
.channel-links-v13 { display: grid; gap: 10px; }
.channel-links-v13 a { padding: 12px; border: 1px solid var(--border); border-radius: 14px; text-decoration: none; color: var(--text); background: rgba(255,255,255,.025); }

.reviews-layout-v13 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 16px; align-items: start; }
.reviews-feed-v13 { display: grid; gap: 14px; }
.review-post-v13 { padding: 20px; }
.review-post-v13 h2 { margin: 6px 0 8px; font-size: clamp(22px, 2.5vw, 32px); }
.review-post-v13 p { font-size: 1.02rem; line-height: 1.62; }
.review-meta-v13 { color: var(--accent); font-weight: 850; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.rating-v13 { color: #fde68a; letter-spacing: .08em; margin: 4px 0; }
.review-form-card-v13 { position: sticky; top: 92px; }
.review-form-v13 { display: grid; gap: 10px; }
.review-form-v13 label { display: grid; gap: 6px; color: var(--muted); font-weight: 750; }
.review-form-v13 .agree { grid-template-columns: auto 1fr; align-items: start; }
.review-form-v13 textarea { min-height: 110px; }

.modal.modal--lead-v12 { width: min(680px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; border-radius: 20px; }
.lead-form-v12 { gap: 10px; padding: 18px !important; }
.lead-v12__head h2 { font-size: clamp(24px, 2.4vw, 32px); }
.lead-v12__head p { font-size: .95rem; line-height: 1.42; }
.lead-v12__grid { gap: 8px 10px; }
.lead-form-v12 input, .lead-form-v12 select, .lead-form-v12 textarea { min-height: 40px; }
.lead-form-v12 textarea { min-height: 76px; }
.lead-v12__details { padding: 8px 10px; }
.lead-v12__bottom { margin-top: 0; }

.chat-widget-v13 { position: fixed; right: 18px; bottom: 18px; z-index: 900; }
.chat-button-v13 { min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(39,183,255,.38); background: var(--accent); color: #06111d; font-weight: 850; box-shadow: 0 14px 40px rgba(0,0,0,.34); }
.chat-panel-v13 { position: absolute; right: 0; bottom: 58px; width: min(360px, calc(100vw - 24px)); max-height: min(520px, calc(100dvh - 84px)); display: grid; grid-template-rows: auto minmax(120px, 1fr) auto; border: 1px solid var(--border); border-radius: 18px; background: #08111e; overflow: hidden; box-shadow: var(--shadow); }
.chat-panel-v13[hidden] { display: none; }
.chat-head-v13 { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.chat-head-v13 strong { display: block; font-size: 1rem; }
.chat-head-v13 span { display: block; color: var(--muted); font-size: .84rem; }
.chat-head-v13 button { border: 0; background: transparent; color: var(--muted); font-size: 24px; cursor: pointer; }
.chat-log-v13 { padding: 12px; overflow: auto; display: flex; flex-direction: column; gap: 8px; background: radial-gradient(420px 180px at 0 0, rgba(39,183,255,.07), transparent 70%); }
.chat-empty, .chat-system { color: var(--muted); font-size: .9rem; line-height: 1.4; padding: 8px 0; }
.chat-msg { max-width: 82%; padding: 8px 10px; border-radius: 14px; line-height: 1.35; overflow-wrap: anywhere; box-shadow: none; }
.chat-msg--visitor { align-self: flex-end; background: rgba(39,183,255,.18); border: 1px solid rgba(39,183,255,.26); }
.chat-msg--admin, .chat-msg--system { align-self: flex-start; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); }
.chat-form-v13 { display: grid; gap: 8px; padding: 10px; border-top: 1px solid rgba(255,255,255,.08); background: rgba(7,11,18,.72); }
.chat-form-v13 textarea { min-height: 52px; max-height: 120px; resize: vertical; border-radius: 14px; }
.chat-form-v13__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.chat-form-v13__meta input { min-height: 38px; border-radius: 12px; }
.chat-form-v13__bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.chat-form-v13__bottom .btn { min-height: 38px; padding: 8px 12px; }
.chat-quick-v13 { display: flex; gap: 10px; align-items: center; font-size: .92rem; }
.chat-quick-v13 a, .link-button { color: var(--accent); background: transparent; border: 0; padding: 0; cursor: pointer; font-weight: 750; text-decoration: none; }
.chat-status { min-height: 1em; font-size: .82rem; }

body.admin-area .chat-widget, body.admin-login-page .chat-widget { display: none !important; }
.admin-dashboard-v13 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.admin-table-wrap { display: none !important; }
.admin-list-mobile, .admin-card-list-v13 { display: grid !important; gap: 8px; }
.admin-list-item { overflow: hidden; overflow-wrap: anywhere; }
.admin-review-item-v13 p { margin: 6px 0; color: var(--text); line-height: 1.5; }
.admin-chat-layout-v13 { grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); }
.chat-thread-list-v13 { max-height: calc(100dvh - 150px); overflow: auto; }
.chat-admin-window-v13 { min-width: 0; }
.admin-chat-log-v13 { display: flex; flex-direction: column; gap: 8px; min-height: 360px; max-height: calc(100dvh - 380px); overflow: auto; padding: 12px; }
.admin-chat-log-v13 .chat-msg { display: grid; gap: 4px; }
.admin-chat-log-v13 .chat-msg small { color: var(--muted); font-size: .8rem; }
.chat-admin-form-v13 { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: end; }
.chat-admin-form-v13 textarea { min-height: 72px; }
.pricing-editor-v13 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.pricing-editor-v13 fieldset { border: 1px solid var(--border); border-radius: 16px; padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-width: 0; }
.pricing-editor-v13 legend { color: var(--accent); font-weight: 850; padding: 0 6px; }
.pricing-editor-v13 .full { grid-column: 1 / -1; }

@media (max-width: 1120px) {
  .hero-v13__grid { grid-template-columns: 1fr; }
  .hero-v13__side { max-width: none; }
  .process-grid-v13 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-grid-v13 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .price-grid-v13 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .admin-dashboard-v13 { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .container { width: min(100% - 24px, var(--container)); }
  .hero-v13 { padding: 36px 0 44px; }
  .hero-v13__copy h1 { font-size: clamp(31px, 8.4vw, 44px); }
  .hero-v13__lead { font-size: 16px; }
  .section-row-v13, .page-hero-v13__grid, .contact-main-v13 { display: grid; align-items: start; }
  .page-hero-v13__actions { justify-content: start; }
  .process-grid-v13, .service-grid-v13, .request-v13__grid, .proof-v13__grid, .contact-cards-v13, .contact-info-grid-v13, .reviews-layout-v13, .price-grid-v13, .admin-chat-layout-v13, .pricing-editor-v13 { grid-template-columns: 1fr; }
  .review-form-card-v13 { position: static; }
  .request-v13__card .btn, .proof-v13__card .btn { justify-self: stretch; }
  .chat-admin-form-v13 { grid-template-columns: 1fr; }
  .admin-dashboard-v13 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .info-list-v13 div { grid-template-columns: 1fr; gap: 3px; }
  .pricing-editor-v13 fieldset { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .hero-actions, .actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn, .actions .btn { width: 100%; }
  .process-grid-v13 > div { grid-template-columns: 30px minmax(0,1fr); }
  .process-grid-v13 b { width: 30px; height: 30px; }
  .process-grid-v13 span { grid-column: 1 / -1; }
  .modal.modal--lead-v12 { width: calc(100vw - 18px); }
  .lead-v12__grid { grid-template-columns: 1fr; }
  .lead-v12__field--wide { grid-column: auto; }
  .lead-v12__bottom, .modal-actions { display: grid; grid-template-columns: 1fr; }
  .chat-widget-v13 { right: 10px; bottom: 10px; }
  .chat-panel-v13 { width: calc(100vw - 20px); bottom: 54px; }
  .chat-form-v13__meta { grid-template-columns: 1fr; }
  .admin-dashboard-v13 { grid-template-columns: 1fr; }
}

/* v1.4 — админка без внутренних прокруток, компактное меню, сгруппированные настройки */
:root { --admin-sidebar-w: 224px; }
*, *::before, *::after { box-sizing: border-box; }
body.admin-area { overflow-x: hidden !important; }
body.admin-area .site-header { z-index: 50; }
body.admin-area .container { max-width: 100%; }

body.admin-area .admin-shell-v12 {
  display: grid;
  grid-template-columns: var(--admin-sidebar-w) minmax(0, 1fr);
  min-height: auto;
  overflow: visible !important;
}
body.admin-area .admin-sidebar-v12 {
  position: sticky;
  top: 0;
  align-self: start;
  height: auto !important;
  min-height: calc(100dvh - 0px);
  max-height: none !important;
  overflow: visible !important;
  padding: 12px 10px;
  gap: 10px;
}
body.admin-area .admin-sidebar__brand {
  padding: 6px 8px 9px;
}
body.admin-area .admin-sidebar__brand strong { font-size: 1rem; }
body.admin-area .admin-sidebar__brand span { font-size: .78rem; }
body.admin-area .admin-sidebar__nav {
  display: grid;
  gap: 4px;
  overflow: visible !important;
}
body.admin-area .admin-sidebar__nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0 !important;
  padding: 8px 10px;
  border-radius: 12px;
}
body.admin-area .admin-sidebar__nav a span {
  font-size: .96rem;
  line-height: 1.12;
  white-space: nowrap;
}
body.admin-area .admin-sidebar__nav a small {
  display: none !important;
}
body.admin-area .admin-sidebar__meta {
  margin-top: 4px;
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-radius: 13px;
  font-size: .78rem;
  line-height: 1.25;
}
body.admin-area .admin-sidebar__meta a { margin-top: 2px; }
body.admin-area .admin-content-v12 {
  min-width: 0;
  max-width: 100%;
  overflow: visible !important;
  padding: 16px clamp(14px, 2vw, 24px);
}
body.admin-area .admin-topbar-v12 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 10px;
}
body.admin-area .admin-topbar-v12 h1 {
  font-size: clamp(26px, 2.4vw, 38px);
  margin-bottom: 3px;
}
body.admin-area .admin-topbar-v12 .muted { margin: 0; max-width: 82ch; }
body.admin-area .section__eyebrow { margin-bottom: 2px; }
body.admin-area .admin-card { padding: 14px; margin-bottom: 12px; overflow: visible !important; }
body.admin-area .panel { max-width: 100%; }
body.admin-area .admin-dashboard-v13 {
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
body.admin-area .admin-stat { padding: 13px; }
body.admin-area .admin-stat strong { font-size: clamp(26px, 2vw, 34px); }
body.admin-area .admin-stat span, body.admin-area .admin-stat small { line-height: 1.2; }

body.admin-area .admin-split,
body.admin-area .admin-chat-layout-v13 {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 12px;
  align-items: start;
}
body.admin-area .admin-list-mobile,
body.admin-area .admin-card-list-v13 {
  display: grid !important;
  gap: 8px;
  overflow: visible !important;
  max-height: none !important;
}
body.admin-area .admin-list-item {
  padding: 10px 11px;
  border-radius: 13px;
  overflow: visible !important;
  overflow-wrap: anywhere;
}
body.admin-area .admin-list-item strong { line-height: 1.22; }
body.admin-area .admin-list-item span,
body.admin-area .admin-list-item small { line-height: 1.25; }
body.admin-area .chat-thread-list-v13,
body.admin-area .chat-thread-list,
body.admin-area .admin-chat-log-v13,
body.admin-area .admin-chat-log {
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
body.admin-area .chat-admin-window-v13 { overflow: visible !important; }
body.admin-area .admin-chat-log-v13 {
  padding: 8px;
  gap: 7px;
  background: rgba(0,0,0,.10);
}
body.admin-area .admin-chat-log-v13 .chat-msg {
  max-width: min(560px, 88%);
  padding: 7px 9px;
}
body.admin-area .chat-admin-form-v13 {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 10px;
}
body.admin-area .chat-admin-form-v13 textarea {
  min-height: 54px;
  max-height: 120px;
}
body.admin-area .admin-table-wrap { display: none !important; }

/* Настройки */
.admin-settings-v14 { display: grid; gap: 12px; }
.settings-layout-v14 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}
.settings-section-v14 {
  display: grid;
  gap: 12px;
}
.settings-section-v14 header h2 {
  margin: 0 0 3px;
  font-size: clamp(20px, 1.7vw, 26px);
}
.settings-section-v14 header p { margin: 0; line-height: 1.35; }
.settings-section-v14--pricing { grid-column: 1 / -1; }
.settings-grid-v14 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.settings-grid-v14 label,
.pricing-editor-v14 label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--muted);
  font-weight: 750;
}
.settings-grid-v14 label span,
.pricing-editor-v14 label span { font-size: .9rem; }
.settings-grid-v14 .full,
.pricing-editor-v14 .full { grid-column: 1 / -1; }
.settings-grid-v14 input,
.settings-grid-v14 textarea,
.pricing-editor-v14 input,
.pricing-editor-v14 textarea {
  width: 100%;
  min-height: 38px;
  padding: 9px 10px;
  border-radius: 12px;
}
.settings-grid-v14 textarea,
.pricing-editor-v14 textarea { min-height: 78px; resize: vertical; }
.pricing-editor-v14 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pricing-editor-v14 fieldset {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, .45fr);
  gap: 8px 10px;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 14px;
}
.pricing-editor-v14 legend {
  padding: 0 6px;
  color: var(--accent);
  font-weight: 850;
}
.settings-savebar-v14 {
  position: sticky;
  bottom: 10px;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px !important;
  background: rgba(8, 17, 30, .96);
  backdrop-filter: blur(10px);
}
.settings-savebar-v14 > div { display: grid; gap: 2px; min-width: 0; }
.settings-savebar-v14 span { line-height: 1.25; }

@media (max-width: 1180px) {
  :root { --admin-sidebar-w: 204px; }
  body.admin-area .admin-dashboard-v13 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.admin-area .admin-split,
  body.admin-area .admin-chat-layout-v13 { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  body.admin-area .admin-shell-v12 { display: block; }
  body.admin-area .admin-content-v12 { padding: 12px; }
  body.admin-area .admin-menu-toggle { display: inline-flex; }
  body.admin-area .admin-sidebar-v12 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: min(260px, 82vw);
    min-height: 100dvh;
    padding: 10px;
    transform: translateX(-105%);
    transition: transform .18s ease;
    overflow: visible !important;
  }
  body.admin-area .admin-shell-v12.is-menu-open .admin-sidebar-v12 { transform: translateX(0); }
  body.admin-area .admin-dim {
    position: fixed;
    inset: 0;
    z-index: 1000;
    border: 0;
    background: rgba(0,0,0,.55);
  }
  body.admin-area .admin-shell-v12.is-menu-open .admin-dim { display: block; }
  body.admin-area .admin-sidebar__brand,
  body.admin-area .admin-sidebar__meta { display: block; }
  body.admin-area .admin-sidebar__nav { display: grid; overflow: visible !important; }
  body.admin-area .admin-topbar-v12 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
  }
  body.admin-area .admin-topbar__actions { grid-column: 1 / -1; }
  body.admin-area .admin-dashboard-v13,
  .settings-layout-v14,
  .pricing-editor-v14 { grid-template-columns: 1fr; }
  .settings-section-v14--pricing { grid-column: auto; }
}
@media (max-width: 560px) {
  body.admin-area .admin-dashboard-v13,
  .settings-grid-v14,
  .pricing-editor-v14 fieldset { grid-template-columns: 1fr; }
  body.admin-area .chat-admin-form-v13 { grid-template-columns: 1fr; }
  .settings-savebar-v14 { display: grid; }
  .settings-savebar-v14 .btn { width: 100%; }
}

/* === v1.5 — settings tabs, compact chat, mobile-first public layout === */
:root { --admin-sidebar-w: 208px; }
html, body { max-width: 100%; overflow-x: hidden; }
body { -webkit-text-size-adjust: 100%; }
img, svg, video, iframe { max-width: 100%; height: auto; }

/* Public: balanced desktop, comfortable mobile */
.hero-v13 { padding: clamp(44px, 5vw, 76px) 0; }
.hero-v13__grid { grid-template-columns: minmax(0, 1.05fr) minmax(380px, .82fr); gap: clamp(28px, 5vw, 64px); }
.hero-v13__copy h1 { font-size: clamp(34px, 3.45vw, 52px); line-height: 1.08; max-width: 800px; }
.hero-v13__lead { font-size: clamp(16.5px, 1.2vw, 19px); line-height: 1.58; max-width: 72ch; }
.hero-v13__side { min-width: 0; }
.process-grid-v13 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.process-grid-v13 > div { min-width: 0; padding: 13px; }
.process-grid-v13 span, .process-grid-v13 strong { overflow-wrap: normal; word-break: normal; }
.service-grid-v13, .price-grid-v13 { min-width: 0; }
.section-v13, .section-v15 { padding: clamp(38px, 5vw, 64px) 0; }
.page-hero-v15 { padding: clamp(42px, 5vw, 72px) 0 30px; border-bottom: 1px solid rgba(255,255,255,.06); background: radial-gradient(560px 220px at 16% 0%, rgba(39,183,255,.12), transparent 72%), var(--bg); }
.page-hero-v15__grid { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 22px; align-items: end; }
.page-hero-v15 h1 { margin: 0 0 10px; font-size: clamp(32px, 4.1vw, 52px); line-height: 1.1; letter-spacing: -.03em; }
.page-hero-v15 p { max-width: 74ch; }
.page-hero-v15__actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

/* Public chat: messenger-like, compact */
.chat-widget-v15 { position: fixed; right: 18px; bottom: 18px; z-index: 900; }
.chat-button-v15 { min-height: 42px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(39,183,255,.38); background: var(--accent); color: #06111d; font-weight: 850; box-shadow: 0 14px 40px rgba(0,0,0,.34); }
.chat-panel-v15 { position: absolute; right: 0; bottom: 54px; width: min(370px, calc(100vw - 24px)); max-height: min(560px, calc(100dvh - 84px)); display: grid; grid-template-rows: auto minmax(180px, 1fr) auto; border: 1px solid var(--border); border-radius: 18px; background: #08111e; overflow: hidden; box-shadow: var(--shadow); }
.chat-panel-v15[hidden] { display: none; }
.chat-head-v15 { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 13px; border-bottom: 1px solid rgba(255,255,255,.08); }
.chat-head-v15 strong { display: block; font-size: .98rem; }
.chat-head-v15 span { display: block; color: var(--muted); font-size: .82rem; }
.chat-head-v15 button { border: 0; background: transparent; color: var(--muted); font-size: 23px; cursor: pointer; }
.chat-log-v15 { padding: 12px; overflow: auto; display: flex; flex-direction: column; gap: 7px; background: radial-gradient(420px 180px at 0 0, rgba(39,183,255,.07), transparent 70%); }
.chat-empty { color: var(--muted); font-size: .9rem; line-height: 1.42; }
.chat-widget-v15 .chat-msg { max-width: 86%; padding: 7px 10px; border-radius: 15px; line-height: 1.34; font-size: .94rem; overflow-wrap: anywhere; }
.chat-widget-v15 .chat-msg--visitor { align-self: flex-end; border-bottom-right-radius: 6px; background: rgba(39,183,255,.20); border: 1px solid rgba(39,183,255,.28); }
.chat-widget-v15 .chat-msg--admin, .chat-widget-v15 .chat-msg--system { align-self: flex-start; border-bottom-left-radius: 6px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); }
.chat-form-v15 { display: grid; gap: 7px; padding: 9px; border-top: 1px solid rgba(255,255,255,.08); background: rgba(7,11,18,.82); }
.chat-compose-v15 { display: grid; grid-template-columns: minmax(0,1fr) 40px; gap: 7px; align-items: end; }
.chat-compose-v15 textarea { min-height: 40px; max-height: 96px; padding: 10px 12px; resize: vertical; border-radius: 15px; line-height: 1.35; }
.chat-send-v15 { width: 40px; height: 40px; border-radius: 14px; border: 0; background: var(--accent); color: #06111d; font-size: 21px; font-weight: 900; cursor: pointer; }
.chat-contact-v15 { border: 1px solid rgba(148,163,184,.12); border-radius: 13px; padding: 7px 9px; background: rgba(255,255,255,.025); }
.chat-contact-v15 summary { cursor: pointer; color: var(--muted); font-size: .86rem; font-weight: 750; }
.chat-contact-v15 div { display: grid; grid-template-columns: 1fr 1.2fr; gap: 7px; margin-top: 8px; }
.chat-contact-v15 input { min-height: 36px; border-radius: 12px; }
.chat-actions-v15 { display: flex; align-items: center; gap: 12px; min-height: 20px; font-size: .88rem; }
.chat-actions-v15 a, .chat-actions-v15 .link-button { color: var(--accent); background: transparent; border: 0; padding: 0; font-weight: 750; text-decoration: none; cursor: pointer; }
.chat-actions-v15 .chat-status { margin-left: auto; min-width: 0; overflow-wrap: anywhere; }

/* Contacts v1.5 */
.contacts-v15 .contact-layout-v15 { display: grid; gap: 16px; }
.contact-primary-v15 { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.contact-primary-v15 h2 { margin: 0 0 8px; }
.contact-panels-v15 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; align-items: start; }
.contact-list-v15 { display: grid; gap: 6px; }
.contact-list-v15 > a, .contact-list-v15 > div { display: grid; gap: 2px; padding: 11px 0; color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.07); }
.contact-list-v15 > a:last-child, .contact-list-v15 > div:last-child { border-bottom: 0; }
.contact-list-v15 span { color: var(--accent); font-weight: 850; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.contact-list-v15 strong { font-size: 1.02rem; line-height: 1.28; overflow-wrap: anywhere; }
.contact-list-v15 small { color: var(--muted); line-height: 1.3; }

/* Reviews as vertical posts */
.reviews-stack-v15 { display: grid; gap: 16px; max-width: 980px; }
.reviews-feed-v15 { display: grid; gap: 14px; }
.review-post-v15 { padding: clamp(18px, 2.5vw, 26px); }
.review-post-v15 h2 { margin: 6px 0 8px; font-size: clamp(22px, 2.4vw, 32px); line-height: 1.15; }
.review-post-v15 p { font-size: 1.02rem; line-height: 1.62; }
.review-meta-v15 { color: var(--accent); font-weight: 850; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.rating-v15 { color: #fde68a; letter-spacing: .08em; margin: 4px 0; }
.review-form-card-v15 { position: static; }
.review-form-v15 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.review-form-v15 label { display: grid; gap: 6px; color: var(--muted); font-weight: 750; }
.review-form-v15 .full { grid-column: 1 / -1; }
.review-form-v15 .agree { grid-template-columns: auto 1fr; align-items: start; }
.review-form-v15 textarea { min-height: 110px; }
.review-form-v15 button { justify-self: start; }

/* Admin shell: no inner scrollbars, compact sidebar */
body.admin-area .site-header { display: none; }
body.admin-area .admin-shell-v12 { grid-template-columns: var(--admin-sidebar-w) minmax(0, 1fr); min-height: 100dvh; overflow: hidden !important; }
body.admin-area .admin-sidebar-v12 { position: sticky; top: 0; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; padding: 10px 8px; gap: 8px; }
body.admin-area .admin-sidebar__brand { padding: 6px 8px 8px; }
body.admin-area .admin-sidebar__brand strong { font-size: .98rem; }
body.admin-area .admin-sidebar__brand span { font-size: .76rem; }
body.admin-area .admin-sidebar__nav { gap: 3px; overflow: hidden !important; }
body.admin-area .admin-sidebar__nav a { padding: 8px 9px; border-radius: 11px; }
body.admin-area .admin-sidebar__nav a span { font-size: .92rem; line-height: 1.05; }
body.admin-area .admin-sidebar__nav a small { display: none !important; }
body.admin-area .admin-sidebar__meta { display: none !important; }
body.admin-area .admin-content-v12 { max-width: 100%; overflow: visible !important; padding: 16px clamp(14px, 2vw, 24px); }
body.admin-area .admin-topbar-v12 { margin-bottom: 12px; padding-bottom: 10px; }
body.admin-area .admin-topbar-v12 h1 { font-size: clamp(26px, 2.2vw, 36px); }
body.admin-area .admin-card, body.admin-area .panel { overflow: hidden; }
body.admin-area .admin-table-wrap { display: none !important; }
body.admin-area .admin-list-mobile, body.admin-area .admin-card-list-v13 { display: grid !important; gap: 8px; }

/* Settings: one card with tabs */
.admin-settings-v15 { max-width: 1180px; }
.settings-card-v15 { display: grid; gap: 14px; padding: 16px !important; overflow: hidden !important; }
.settings-card-v15__head, .settings-card-v15__foot { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.settings-card-v15__head h2 { margin: 0 0 3px; font-size: clamp(22px, 2vw, 30px); }
.settings-tab-input-v15 { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.settings-tabs-v15 { display: flex; flex-wrap: wrap; gap: 7px; padding: 8px; border: 1px solid rgba(148,163,184,.12); border-radius: 16px; background: rgba(255,255,255,.025); }
.settings-tabs-v15 label { padding: 8px 11px; border-radius: 12px; color: var(--muted); font-weight: 800; cursor: pointer; user-select: none; }
.settings-tabs-v15 label:hover { color: var(--text); background: rgba(255,255,255,.045); }
.settings-panel-v15 { display: none; }
#settings-tab-site:checked ~ .settings-tabs-v15 label[for="settings-tab-site"],
#settings-tab-contacts:checked ~ .settings-tabs-v15 label[for="settings-tab-contacts"],
#settings-tab-legal:checked ~ .settings-tabs-v15 label[for="settings-tab-legal"],
#settings-tab-community:checked ~ .settings-tabs-v15 label[for="settings-tab-community"],
#settings-tab-telegram:checked ~ .settings-tabs-v15 label[for="settings-tab-telegram"],
#settings-tab-behavior:checked ~ .settings-tabs-v15 label[for="settings-tab-behavior"],
#settings-tab-admin:checked ~ .settings-tabs-v15 label[for="settings-tab-admin"],
#settings-tab-pricing:checked ~ .settings-tabs-v15 label[for="settings-tab-pricing"] { color: #06111d; background: var(--accent); }
#settings-tab-site:checked ~ .settings-panels-v15 .settings-panel-v15--site,
#settings-tab-contacts:checked ~ .settings-panels-v15 .settings-panel-v15--contacts,
#settings-tab-legal:checked ~ .settings-panels-v15 .settings-panel-v15--legal,
#settings-tab-community:checked ~ .settings-panels-v15 .settings-panel-v15--community,
#settings-tab-telegram:checked ~ .settings-panels-v15 .settings-panel-v15--telegram,
#settings-tab-behavior:checked ~ .settings-panels-v15 .settings-panel-v15--behavior,
#settings-tab-admin:checked ~ .settings-panels-v15 .settings-panel-v15--admin,
#settings-tab-pricing:checked ~ .settings-panels-v15 .settings-panel-v15--pricing { display: block; }
.settings-panel-v15__title { margin-bottom: 12px; }
.settings-panel-v15__title h3 { margin: 0 0 4px; font-size: clamp(20px, 1.7vw, 26px); }
.settings-grid-v15 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.settings-grid-v15 label, .pricing-editor-v15 label { display: grid; gap: 5px; min-width: 0; color: var(--muted); font-weight: 750; }
.settings-grid-v15 .full, .pricing-editor-v15 .full { grid-column: 1 / -1; }
.settings-grid-v15 input, .settings-grid-v15 textarea, .pricing-editor-v15 input, .pricing-editor-v15 textarea { width: 100%; min-height: 40px; padding: 9px 10px; border-radius: 12px; }
.settings-grid-v15 textarea, .pricing-editor-v15 textarea { min-height: 84px; resize: vertical; }
.pricing-editor-v15 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.pricing-editor-v15 fieldset { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(120px,.45fr); gap: 9px; margin: 0; padding: 11px; border: 1px solid var(--border); border-radius: 14px; }
.pricing-editor-v15 legend { padding: 0 6px; color: var(--accent); font-weight: 850; }

/* Admin chat: one card, compact threads */
.admin-chat-card-v15 { display: grid; gap: 14px; max-width: 1200px; }
.admin-chat-card-v15__head, .chat-conversation-v15__head { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.admin-chat-card-v15 h2, .chat-conversation-v15 h2 { margin: 0 0 4px; }
.chat-thread-grid-v15 { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; }
.chat-thread-card-v15 { display: grid; gap: 3px; padding: 10px 11px; border: 1px solid var(--border); border-radius: 14px; color: inherit; text-decoration: none; background: rgba(255,255,255,.025); min-width: 0; }
.chat-thread-card-v15:hover, .chat-thread-card-v15.is-active { text-decoration: none; border-color: rgba(39,183,255,.34); background: rgba(39,183,255,.08); }
.chat-thread-card-v15 strong { display: flex; justify-content: space-between; gap: 8px; align-items: center; line-height: 1.2; min-width: 0; }
.chat-thread-card-v15 span, .chat-thread-card-v15 small { color: var(--muted); overflow-wrap: anywhere; line-height: 1.22; }
.chat-conversation-v15 { display: grid; gap: 10px; padding-top: 4px; }
.admin-chat-log-v15 { display: flex; flex-direction: column; gap: 8px; min-height: 220px; padding: 12px; border: 1px solid rgba(148,163,184,.12); border-radius: 16px; background: rgba(0,0,0,.12); overflow: visible !important; }
.admin-chat-log-v15 .chat-msg { display: grid; gap: 3px; max-width: min(680px, 86%); padding: 8px 10px; }
.admin-chat-log-v15 .chat-msg small { color: var(--muted); font-size: .78rem; }
.chat-admin-form-v15 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: end; padding: 10px; border: 1px solid rgba(148,163,184,.12); border-radius: 16px; background: rgba(255,255,255,.025); }
.chat-admin-form-v15 textarea { min-height: 48px; max-height: 120px; border-radius: 13px; resize: vertical; }

@media (max-width: 980px) {
  .hero-v13__grid, .page-hero-v15__grid, .contact-panels-v15 { grid-template-columns: 1fr; }
  .page-hero-v15__actions { justify-content: start; }
  .contact-primary-v15 { display: grid; }
  .contact-primary-v15 .btn { justify-self: start; }
  .pricing-editor-v15 { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .container { width: min(100% - 32px, var(--container)); }
  .site-header .container { width: min(100% - 24px, var(--container)); }
  .hero-v13 { padding: 34px 0 40px; }
  .hero-v13__grid { gap: 22px; }
  .hero-v13__copy h1 { font-size: clamp(30px, 9.4vw, 40px); line-height: 1.1; letter-spacing: -.025em; }
  .hero-v13__lead { font-size: 16px; line-height: 1.56; }
  .hero-v13__badges { gap: 7px; }
  .badge { padding: 6px 8px; font-size: .78rem; }
  .hero-actions, .actions { display: grid; grid-template-columns: 1fr; gap: 9px; }
  .hero-actions .btn, .actions .btn { width: 100%; justify-content: center; }
  .hero-v13__side { padding: 16px; }
  .hero-v13__side h2 { font-size: 22px; }
  .process-grid-v13 { grid-template-columns: 1fr; }
  .process-grid-v13 > div { grid-template-columns: 32px minmax(0,1fr); align-items: start; padding: 12px; }
  .process-grid-v13 span { grid-column: 2; margin-top: -3px; }
  .section-v13, .section-v15 { padding: 30px 0; }
  .section-row-v13 { gap: 12px; margin-bottom: 14px; }
  .section-row-v13 h2, .request-v13 h2, .proof-v13 h2, .page-hero-v15 h1 { font-size: clamp(26px, 8vw, 34px); line-height: 1.12; }
  .service-grid-v13, .request-v13__grid, .proof-v13__grid, .price-grid-v13 { grid-template-columns: 1fr; }
  .service-card-v13, .price-card-v13, .request-v13__card, .proof-v13__card { padding: 16px; border-radius: 18px; }
  .service-card-v13 strong { font-size: 21px; }
  .page-hero-v15 { padding: 32px 0 24px; }
  .review-form-v15, .settings-grid-v15, .pricing-editor-v15 fieldset { grid-template-columns: 1fr; }
  .review-form-v15 .full, .settings-grid-v15 .full, .pricing-editor-v15 .full { grid-column: auto; }
  .chat-widget-v15 { right: 12px; bottom: 12px; }
  .chat-panel-v15 { width: calc(100vw - 24px); bottom: 52px; }
  .chat-contact-v15 div { grid-template-columns: 1fr; }
  body.admin-area .admin-shell-v12 { display: block; overflow: visible !important; }
  body.admin-area .admin-menu-toggle { display: inline-flex; }
  body.admin-area .admin-sidebar-v12 { position: fixed; left: 0; top: 0; z-index: 1001; width: min(250px, 82vw); height: 100dvh !important; min-height: 100dvh !important; transform: translateX(-105%); transition: transform .18s ease; overflow: hidden !important; }
  body.admin-area .admin-shell-v12.is-menu-open .admin-sidebar-v12 { transform: translateX(0); }
  body.admin-area .admin-dim { position: fixed; inset: 0; z-index: 1000; border: 0; background: rgba(0,0,0,.55); }
  body.admin-area .admin-shell-v12.is-menu-open .admin-dim { display: block; }
  body.admin-area .admin-content-v12 { padding: 12px; }
  body.admin-area .admin-topbar-v12 { display: grid; grid-template-columns: auto 1fr; align-items: start; }
  body.admin-area .admin-topbar__actions { grid-column: 1 / -1; }
  .settings-card-v15__head, .settings-card-v15__foot, .admin-chat-card-v15__head, .chat-conversation-v15__head { display: grid; }
  .settings-card-v15__head .btn, .settings-card-v15__foot .btn { width: 100%; }
  .settings-tabs-v15 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .settings-tabs-v15 label { text-align: center; padding: 9px 7px; font-size: .9rem; }
  .chat-thread-grid-v15 { grid-template-columns: 1fr; }
  .chat-admin-form-v15 { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .container { width: min(100% - 24px, var(--container)); }
  .hero-v13__copy h1 { font-size: clamp(29px, 10vw, 36px); }
  .hero-v13__lead, .section-row-v13 p, .request-v13 p, .proof-v13 p { font-size: 15.5px; }
  .site-nav a, .btn { min-height: 42px; }
  .modal.modal--lead-v12 { width: calc(100vw - 18px); max-height: calc(100dvh - 18px); }
  .lead-form-v12 { padding: 14px !important; }
  .chat-panel-v15 { width: calc(100vw - 16px); right: -4px; }
  .settings-tabs-v15 { grid-template-columns: 1fr; }
}


/* === v1.6 — compact settings card, analytics, sidebar counters === */
:root { --admin-sidebar-w: 218px; }
body.admin-area .admin-sidebar-v12 { padding: 12px 10px; gap: 10px; }
body.admin-area .admin-sidebar__brand strong { font-size: 1.08rem; letter-spacing: -.01em; }
body.admin-area .admin-sidebar__brand span { font-size: .82rem; }
body.admin-area .admin-sidebar__nav { gap: 5px; }
body.admin-area .admin-sidebar__nav a { padding: 10px 11px; border-radius: 13px; }
body.admin-area .admin-sidebar__nav a span { font-size: 1.04rem; line-height: 1.08; }
body.admin-area .admin-sidebar__meta-v16 { display: grid !important; gap: 8px; margin-top: auto; padding: 0; background: transparent; }
.admin-live-stats-v16 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; }
.admin-live-stats-v16 span { min-width: 0; padding: 8px 6px; border: 1px solid rgba(148,163,184,.16); border-radius: 12px; background: rgba(255,255,255,.035); text-align: center; }
.admin-live-stats-v16 small { display: block; color: var(--muted); font-size: .66rem; line-height: 1; margin-bottom: 4px; }
.admin-live-stats-v16 strong { display: block; color: var(--text); font-size: .92rem; line-height: 1; }
body.admin-area .admin-sidebar__meta-v16 > a { display: block; text-align: center; padding: 8px; border: 1px solid rgba(148,163,184,.14); border-radius: 12px; color: var(--muted); text-decoration: none; }
body.admin-area .admin-sidebar__meta-v16 > a:hover { color: var(--text); border-color: rgba(39,183,255,.32); }

body.admin-area .admin-content-v12 { padding: 14px clamp(14px, 1.8vw, 22px); }
body.admin-area .admin-topbar-v12 { margin-bottom: 10px; padding-bottom: 8px; align-items: center; }
body.admin-area .admin-topbar-v12 h1 { font-size: clamp(24px, 2vw, 32px); }
body.admin-area .admin-topbar-v12 .muted { font-size: .94rem; }
.admin-settings-v16 { max-width: min(100%, 1120px); margin-inline: auto; }
.settings-card-v16 { height: auto; min-height: 0; max-height: calc(100dvh - 112px); grid-template-rows: auto auto minmax(0,1fr) auto; gap: 10px !important; padding: 13px !important; align-self: start; }
.settings-card-v16 .settings-card-v15__head { min-height: 0; }
.settings-card-v16 .settings-card-v15__head h2 { font-size: clamp(20px, 1.55vw, 25px); }
.settings-card-v16 .settings-card-v15__head p { font-size: .88rem; }
.settings-card-v16 .settings-card-v15__head .btn { min-height: 38px; padding: 0 14px; }
.settings-tabs-v16 { flex-wrap: nowrap !important; gap: 5px !important; padding: 6px !important; border-radius: 14px !important; overflow: hidden !important; }
.settings-tabs-v16 label { flex: 1 1 0; min-width: 0; text-align: center; padding: 7px 6px !important; font-size: clamp(.74rem, .72vw, .88rem); line-height: 1.1; white-space: nowrap; border-radius: 10px !important; overflow: hidden; text-overflow: ellipsis; }
.settings-panels-v16 { min-height: 0; overflow: visible; }
.settings-card-v16 .settings-panel-v15__title { display: grid; grid-template-columns: minmax(0,auto) minmax(0,1fr); gap: 12px; align-items: baseline; margin-bottom: 8px; }
.settings-card-v16 .settings-panel-v15__title h3 { font-size: clamp(18px, 1.25vw, 22px); margin: 0; }
.settings-card-v16 .settings-panel-v15__title p { margin: 0; font-size: .86rem; }
.settings-card-v16 .settings-grid-v15 { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.settings-card-v16 .settings-grid-v15 label, .settings-card-v16 .pricing-editor-v15 label { gap: 3px; font-size: .82rem; }
.settings-card-v16 .settings-grid-v15 .full { grid-column: span 2; }
.settings-card-v16 .settings-panel-v15--legal .full,
.settings-card-v16 .settings-panel-v15--telegram .full,
.settings-card-v16 .settings-panel-v15--behavior .full,
.settings-card-v16 .settings-panel-v15--admin .full { grid-column: 1 / -1; }
.settings-card-v16 input, .settings-card-v16 textarea { min-height: 34px !important; padding: 7px 9px !important; border-radius: 10px !important; font-size: .92rem; }
.settings-card-v16 textarea { min-height: 54px !important; max-height: 78px; resize: vertical; }
.settings-card-v16 .settings-card-v15__foot { padding-top: 2px; gap: 10px; }
.settings-card-v16 .settings-card-v15__foot .muted { font-size: .78rem; line-height: 1.25; }
.settings-card-v16 .settings-card-v15__foot .btn { min-height: 38px; padding: 0 14px; }
.pricing-editor-v16 { grid-template-columns: 1fr !important; gap: 6px !important; }
.pricing-editor-v16 fieldset { display: grid !important; grid-template-columns: 34px minmax(160px,1.2fr) minmax(110px,.55fr) minmax(220px,1.7fr); align-items: end; gap: 7px !important; padding: 7px !important; border-radius: 12px !important; }
.pricing-editor-v16 legend { grid-column: 1; float: left; width: 28px; padding: 0; font-size: .78rem; align-self: center; }
.pricing-editor-v16 label.full { grid-column: auto !important; }
.pricing-editor-v16 textarea { min-height: 34px !important; max-height: 42px; }

.admin-analytics-v16 { display: grid; gap: 14px; }
.section-row--compact-v16 { margin: 0; align-items: center; }
.section-row--compact-v16 h2 { margin: 0 0 4px; }
.analytics-summary-v16 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.analytics-summary-v16 span { padding: 12px; border-radius: 16px; border: 1px solid rgba(148,163,184,.14); background: rgba(255,255,255,.025); }
.analytics-summary-v16 small { display:block; color: var(--muted); margin-bottom: 5px; }
.analytics-summary-v16 strong { font-size: 1.7rem; line-height: 1; }
.analytics-bars-v16 { height: 150px; display: grid; grid-template-columns: repeat(14, minmax(0,1fr)); gap: 7px; align-items: end; padding: 12px 8px 4px; border: 1px solid rgba(148,163,184,.12); border-radius: 18px; background: rgba(0,0,0,.12); }
.analytics-bar-v16 { height: 100%; display: grid; grid-template-rows: 1fr auto; gap: 6px; min-width: 0; align-items: end; }
.analytics-bar-v16 span { display:block; width: 100%; min-height: 6px; border-radius: 9px 9px 4px 4px; background: linear-gradient(180deg, rgba(39,183,255,.95), rgba(39,183,255,.28)); }
.analytics-bar-v16 small { color: var(--muted); font-size: .72rem; text-align:center; white-space: nowrap; }

@media (max-width: 980px) {
  body.admin-area .admin-sidebar__meta-v16 { display: grid !important; }
  .settings-card-v16 { max-height: none; }
  .settings-card-v16 .settings-grid-v15 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .pricing-editor-v16 fieldset { grid-template-columns: 28px minmax(0,1fr) minmax(110px,.5fr); }
  .pricing-editor-v16 label.full { grid-column: 2 / -1 !important; }
}
@media (max-width: 760px) {
  body.admin-area .admin-sidebar__nav a span { font-size: 1rem; }
  .settings-tabs-v16 { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
  .settings-tabs-v16 label { font-size: .76rem; padding: 7px 4px !important; }
  .settings-card-v16 .settings-card-v15__head { display: grid; }
  .settings-card-v16 .settings-card-v15__head .btn { width: 100%; }
  .settings-card-v16 .settings-panel-v15__title { grid-template-columns: 1fr; gap: 3px; }
  .settings-card-v16 .settings-grid-v15 { grid-template-columns: 1fr; }
  .settings-card-v16 .settings-grid-v15 .full { grid-column: auto; }
  .pricing-editor-v16 fieldset { grid-template-columns: 1fr; }
  .pricing-editor-v16 legend { float: none; width: auto; }
  .pricing-editor-v16 label.full { grid-column: auto !important; }
  .analytics-summary-v16 { grid-template-columns: 1fr; }
  .analytics-bars-v16 { height: 130px; gap: 4px; }
  .analytics-bar-v16 small { font-size: .62rem; writing-mode: vertical-rl; transform: rotate(180deg); justify-self: center; }
}
@media (max-width: 420px) {
  .settings-tabs-v16 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

/* Работа в Европе v1.7: thin dark unobtrusive scrollbars */
:root {
  scrollbar-width: thin;
  scrollbar-color: rgba(8, 13, 22, 0.72) transparent;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(8, 13, 22, 0.72) transparent;
}

*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: rgba(8, 13, 22, 0.72);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(21, 31, 46, 0.84);
}

*::-webkit-scrollbar-thumb:active {
  background: rgba(31, 45, 65, 0.92);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

@media (max-width: 760px) {
  *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
}

/* === v1.8 — pricing cards, visible first four rows, dynamic admin backdrop === */
body.admin-area {
  --admin-panel-backdrop-a: rgba(39, 183, 255, .13);
  --admin-panel-backdrop-b: rgba(19, 74, 111, .16);
  --admin-panel-backdrop-c: rgba(5, 10, 18, .74);
}

body.admin-area .admin-content-v12 {
  min-width: 0;
}

.admin-settings-v18 {
  width: min(100%, 1240px);
  margin-inline: auto;
}

.settings-card-v18 {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  max-height: none;
  padding: 14px !important;
  gap: 9px !important;
  border-color: rgba(72, 155, 206, .20) !important;
  background:
    linear-gradient(135deg, rgba(18, 44, 67, .92), rgba(11, 21, 35, .92) 56%, rgba(8, 13, 22, .92));
}

.settings-card-v18::before {
  content: "";
  position: absolute;
  inset: -35%;
  z-index: -2;
  pointer-events: none;
  opacity: .62;
  background:
    radial-gradient(circle at 18% 0%, rgba(39,183,255,.22), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(66,111,255,.14), transparent 26%),
    radial-gradient(circle at 55% 115%, rgba(14,165,233,.10), transparent 34%);
  animation: ic-settings-backdrop-v18 18s ease-in-out infinite alternate;
}

.settings-card-v18::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 35%),
    radial-gradient(circle at var(--mx, 80%) var(--my, 18%), rgba(39,183,255,.11), transparent 260px);
  opacity: .82;
}

@keyframes ic-settings-backdrop-v18 {
  0% { transform: translate3d(-1.5%, -1%, 0) rotate(0deg) scale(1); }
  50% { transform: translate3d(1.5%, .7%, 0) rotate(1deg) scale(1.025); }
  100% { transform: translate3d(0, 1.2%, 0) rotate(-1deg) scale(1.015); }
}

.settings-card-v18 .settings-card-v15__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
}

.settings-card-v18 .settings-card-v15__head h2 {
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1;
}

.settings-card-v18 .settings-card-v15__head p {
  margin-top: 4px;
  max-width: 680px;
}

.settings-tabs-v18 {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0,1fr));
  gap: 5px !important;
  padding: 5px !important;
  align-items: center;
  overflow: hidden !important;
}

.settings-tabs-v18 label {
  min-width: 0;
  padding: 7px 5px !important;
  font-size: clamp(.70rem, .66vw, .82rem) !important;
  line-height: 1.05 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.settings-panels-v18 {
  min-height: 0;
}

.settings-card-v18 .settings-panel-v15__title {
  margin-bottom: 7px;
}

.settings-card-v18 .settings-panel-v15__title h3 {
  font-size: clamp(18px, 1.35vw, 24px);
}

.settings-card-v18 .settings-panel-v15__title p {
  font-size: .84rem;
}

.settings-card-v18 .settings-card-v15__foot {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 8px 0 0;
  border-top: 1px solid rgba(148,163,184,.10);
  background: linear-gradient(180deg, rgba(12, 25, 41, 0), rgba(12, 25, 41, .70));
}

.settings-card-v18 .settings-card-v15__foot .btn,
.settings-card-v18 .settings-card-v15__head .btn {
  min-height: 36px;
  padding-inline: 16px;
}

/* Pricing editor is cards, not table rows */
.pricing-editor-v18 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
  align-items: stretch;
}

.pricing-editor-v18 .pricing-card-v18 {
  min-width: 0;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1.25fr) minmax(104px, .55fr);
  grid-template-areas:
    "num title price"
    "num desc desc";
  gap: 6px 8px !important;
  align-items: end;
  min-height: 118px;
  margin: 0 !important;
  padding: 9px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(148,163,184,.15) !important;
  background:
    linear-gradient(135deg, rgba(7,15,27,.82), rgba(12,28,45,.72)),
    radial-gradient(circle at 100% 0%, rgba(39,183,255,.12), transparent 38%);
}

.pricing-editor-v18 .pricing-card-v18 legend {
  grid-area: num;
  float: none !important;
  width: auto !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  color: var(--accent) !important;
  font-size: .92rem !important;
  border-right: 1px solid rgba(148,163,184,.12);
}

.pricing-editor-v18 .pricing-card-v18 label:nth-of-type(1) { grid-area: title; }
.pricing-editor-v18 .pricing-card-v18 label:nth-of-type(2) { grid-area: price; }
.pricing-editor-v18 .pricing-card-v18 label:nth-of-type(3) { grid-area: desc; }

.pricing-editor-v18 .pricing-card-v18 label {
  min-width: 0;
  gap: 3px !important;
  font-size: .78rem !important;
}

.pricing-editor-v18 .pricing-card-v18 label span {
  opacity: .82;
}

.pricing-editor-v18 input,
.pricing-editor-v18 textarea {
  min-width: 0;
  min-height: 32px !important;
  padding: 6px 8px !important;
  font-size: .88rem !important;
  line-height: 1.25 !important;
}

.pricing-editor-v18 textarea {
  min-height: 40px !important;
  max-height: 46px !important;
  resize: none !important;
  overflow: hidden !important;
}

/* Make four pricing cards visible on a normal laptop screen */
#settings-tab-pricing:checked ~ .settings-panels-v18 .settings-panel-v15--pricing {
  min-height: 0;
}

body.admin-area .admin-topbar-v12 {
  position: relative;
}

/* Larger readable sidebar, but no inner scrollbar */
body.admin-area .admin-sidebar__nav a span {
  font-size: 1.07rem;
}

body.admin-area .admin-sidebar__nav a {
  padding-block: 10px;
}

body.admin-area .admin-sidebar__meta-v16 {
  font-size: .9rem;
}

@media (max-height: 820px) and (min-width: 981px) {
  body.admin-area .admin-content-v12 { padding-top: 10px; padding-bottom: 10px; }
  body.admin-area .admin-topbar-v12 { margin-bottom: 8px; padding-bottom: 6px; }
  .settings-card-v18 { padding: 12px !important; gap: 7px !important; }
  .settings-card-v18 .settings-card-v15__head h2 { font-size: 22px; }
  .settings-card-v18 .settings-card-v15__head p { font-size: .82rem; }
  .settings-card-v18 .settings-panel-v15__title { display: flex; gap: 10px; align-items: baseline; margin-bottom: 5px; }
  .settings-card-v18 .settings-panel-v15__title h3 { font-size: 20px; }
  .settings-card-v18 .settings-panel-v15__title p { font-size: .80rem; }
  .pricing-editor-v18 .pricing-card-v18 { min-height: 104px; padding: 8px !important; }
  .pricing-editor-v18 textarea { min-height: 36px !important; max-height: 40px !important; }
  .settings-card-v18 .settings-card-v15__foot { padding-top: 6px; }
}

@media (max-width: 980px) {
  .settings-tabs-v18 {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  }
  .pricing-editor-v18 {
    grid-template-columns: 1fr !important;
  }
  .pricing-editor-v18 .pricing-card-v18 {
    grid-template-columns: 32px minmax(0,1fr) minmax(100px,.45fr);
  }
}

@media (max-width: 760px) {
  .settings-card-v18 {
    border-radius: 20px !important;
    padding: 12px !important;
  }
  .settings-card-v18 .settings-card-v15__head,
  .settings-card-v18 .settings-card-v15__foot {
    grid-template-columns: 1fr;
  }
  .settings-tabs-v18 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .pricing-editor-v18 .pricing-card-v18 {
    min-height: 0;
    grid-template-columns: 30px minmax(0,1fr);
    grid-template-areas:
      "num title"
      "num price"
      "num desc";
  }
  .pricing-editor-v18 textarea {
    max-height: 68px !important;
  }
}

/* === v1.9 — wider settings workspace === */
body.admin-area .admin-content-v12 {
  padding-inline: clamp(10px, 1.05vw, 16px) !important;
}

.admin-settings-v18,
.admin-settings-v19 {
  width: 100%;
  max-width: min(100%, 1480px);
  margin-inline: auto;
}

.settings-card-v18,
.settings-card-v19 {
  width: 100%;
  padding-inline: clamp(14px, 1.25vw, 20px) !important;
}

@media (min-width: 1280px) {
  body.admin-area .admin-content-v12 {
    padding-inline: 14px !important;
  }

  .admin-settings-v18,
  .admin-settings-v19 {
    max-width: calc(100vw - var(--admin-sidebar-w, 260px) - 36px);
  }
}

@media (min-width: 1600px) {
  .admin-settings-v18,
  .admin-settings-v19 {
    max-width: calc(100vw - var(--admin-sidebar-w, 260px) - 48px);
  }
}

/* === v2.1 hotfix: stable admin layout, fixed sidebar, pricing cards, background fix === */
body.admin-area .admin-shell-v12 {
  display: block !important;
  min-height: 100dvh;
  overflow: visible !important;
}

body.admin-area .admin-sidebar-v12 {
  position: fixed !important;
  inset: 0 auto 0 0;
  top: 0 !important;
  left: 0;
  width: var(--admin-sidebar-w);
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 14px 12px;
  gap: 12px;
  z-index: 120;
  border-right: 1px solid rgba(148,163,184,.12);
  background: linear-gradient(180deg, rgba(9,16,28,.985), rgba(6,11,20,.985));
}

body.admin-area .admin-content-v12 {
  margin-left: var(--admin-sidebar-w);
  max-width: none;
  width: auto;
  padding: 18px clamp(16px, 1.8vw, 28px) 28px !important;
  overflow: visible !important;
}

body.admin-area .admin-sidebar__brand {
  padding: 8px 10px 10px;
}

body.admin-area .admin-sidebar__brand strong {
  font-size: 1.18rem;
}

body.admin-area .admin-sidebar__brand span {
  font-size: .9rem;
}

body.admin-area .admin-sidebar__nav {
  gap: 6px;
}

body.admin-area .admin-sidebar__nav a {
  padding: 12px 13px;
  border-radius: 14px;
}

body.admin-area .admin-sidebar__nav a span {
  font-size: 1rem;
}

body.admin-area .admin-sidebar__nav a small {
  display: block !important;
  font-size: .82rem;
}

body.admin-area .admin-sidebar__meta {
  display: grid !important;
  margin-top: auto;
}

body.admin-area .admin-menu-toggle,
body.admin-area .admin-dim {
  display: none !important;
}

.settings-card-v18,
.settings-card-v19 {
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(19,42,63,.97), rgba(10,19,32,.98)) !important;
  border-color: rgba(72,155,206,.18) !important;
}

.settings-card-v18::before,
.settings-card-v18::after,
.settings-card-v19::before,
.settings-card-v19::after {
  content: none !important;
  animation: none !important;
}

.settings-card-v18 .settings-card-v15__head,
.settings-card-v18 .settings-card-v15__foot {
  position: relative;
  z-index: 1;
}

.settings-tabs-v18 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.settings-tabs-v18 label {
  padding: 8px 6px !important;
  font-size: .86rem !important;
}

.pricing-editor-v21 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start;
}

.pricing-card-v21 {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(140px, .42fr);
  gap: 12px !important;
  min-width: 0;
  min-height: 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(7,15,27,.88), rgba(12,23,38,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.pricing-card-v21 legend {
  position: absolute;
  top: 12px;
  left: 14px;
  padding: 0 8px !important;
  margin: 0;
  height: auto !important;
  line-height: 1.5;
  border: 0 !important;
  color: var(--accent) !important;
  background: rgba(39,183,255,.08);
  border-radius: 999px;
  font-size: .82rem !important;
  font-weight: 800;
}

.pricing-card-v21 .pricing-card-v21__tools {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  padding-left: 52px;
}

.pricing-card-v21 label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.pricing-card-v21 label.full {
  grid-column: 1 / -1;
}

.pricing-card-v21 label span {
  font-size: .82rem !important;
  color: var(--muted);
}

.pricing-card-v21 input,
.pricing-card-v21 textarea {
  width: 100%;
  min-width: 0;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(2,10,19,.62);
}

.pricing-card-v21 textarea {
  min-height: 96px !important;
  max-height: none !important;
  resize: vertical;
  overflow: auto !important;
}

.pricing-remove-v21 {
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: .84rem;
}

.pricing-actions-v21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 4px;
  flex-wrap: wrap;
}

/* Public hero workflow: keep 2x2 cards, not stretched vertical text */
.process-grid-v13 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.process-grid-v13 > div {
  align-items: start;
  padding: 14px !important;
}

.process-grid-v13 strong {
  font-size: 1.02rem;
  line-height: 1.22;
}

.process-grid-v13 span {
  grid-column: 2;
  margin-top: 2px;
  font-size: 1rem;
  line-height: 1.5;
}

@media (max-width: 980px) {
  body.admin-area .admin-shell-v12 { display: block !important; }
  body.admin-area .admin-sidebar-v12 {
    transform: translateX(-100%);
    transition: transform .2s ease;
    width: min(300px, calc(100vw - 48px));
    box-shadow: 0 24px 60px rgba(0,0,0,.42);
  }
  body.admin-area .admin-shell-v12.is-menu-open .admin-sidebar-v12 { transform: translateX(0); }
  body.admin-area .admin-content-v12 {
    margin-left: 0;
    padding: 16px 14px 24px !important;
  }
  body.admin-area .admin-menu-toggle { display: inline-flex !important; }
  body.admin-area .admin-shell-v12.is-menu-open .admin-dim {
    display: block !important;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.38);
    z-index: 110;
    border: 0;
  }
  body.admin-area .admin-sidebar__meta { display: grid !important; }
  .settings-tabs-v18 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .pricing-editor-v21 { grid-template-columns: 1fr !important; }
}

@media (max-width: 760px) {
  .process-grid-v13 { grid-template-columns: 1fr !important; }
  .process-grid-v13 > div { grid-template-columns: 32px minmax(0,1fr); }
  .process-grid-v13 span { grid-column: 2; }
  .settings-tabs-v18 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .pricing-card-v21 {
    grid-template-columns: 1fr;
    gap: 10px !important;
    padding: 14px !important;
  }
  .pricing-card-v21 .pricing-card-v21__tools {
    padding-left: 56px;
  }
  .pricing-actions-v21 { align-items: stretch; }
}

/* === v2.2 performance hotfix: no tearing, no expensive scroll paints === */
html,
body {
  min-height: 100%;
  background: #050912 !important;
}

body {
  background-color: #050912 !important;
  background-image: linear-gradient(180deg, #050912 0%, #07101c 52%, #050912 100%) !important;
}

body::before,
body::after,
.section::before,
.section::after,
.section-v13::before,
.section-v13::after,
.hero::before,
.hero-v10::before,
.hero-v11::before,
.hero-v13::before,
.panel::after,
.workflow-panel::before,
.settings-card-v18::before,
.settings-card-v18::after,
.settings-card-v19::before,
.settings-card-v19::after {
  animation: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-header {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(5, 9, 18, .98) !important;
}

.section,
.section-v10,
.section-v11,
.section-v13,
.section-v15,
.hero,
.hero-v10,
.hero-v11,
.hero-v13,
.page-hero,
.page-compact-hero,
.page-hero-v13,
.page-hero-v15,
.home-v10,
.home-v11,
.home-v13,
.dense-dashboard,
.lead-form,
.risks {
  background-color: transparent !important;
  overflow: visible !important;
}

.hero-v13,
.hero-v11,
.page-hero-v15,
.page-hero-v13 {
  background-image: linear-gradient(180deg, rgba(7, 16, 28, .92), rgba(5, 9, 18, 0)) !important;
}

.panel,
.service-card-v13,
.price-card-v13,
.request-v13__card,
.proof-v13__card,
.card,
.s-card,
.pkg-card,
.c-card,
.admin-card,
.settings-card-v18,
.settings-card-v19,
.pricing-card-v21 {
  transform: none !important;
  transition: border-color .12s ease, background-color .12s ease !important;
  box-shadow: none !important;
}

.card:hover,
.s-card:hover,
.pkg-card:hover,
.service-card:hover,
.service-card-v13:hover,
.price-card-v13:hover,
.c-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

.modal-backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(2, 8, 18, .86) !important;
}

.chat-panel,
.chat-panel-v15,
.modal,
.modal--lead {
  box-shadow: 0 14px 42px rgba(0,0,0,.38) !important;
}

/* Avoid background gaps at the bottom on short pages and while Windows taskbar repaints. */
.site-footer,
body.admin-area,
body.admin-area .admin-shell-v12,
body.admin-area .admin-content-v12 {
  background: transparent !important;
}

body.admin-area {
  background-color: #050912 !important;
  background-image: linear-gradient(180deg, #050912 0%, #07101c 55%, #050912 100%) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* === v2.3: performance-safe gradients + fixed pricing editor cards === */
html,
body {
  background-color: #050912 !important;
}

body {
  background-image:
    radial-gradient(900px 420px at 18% -8%, rgba(39,183,255,.12), transparent 68%),
    radial-gradient(760px 360px at 96% 10%, rgba(21,78,122,.16), transparent 70%),
    linear-gradient(180deg, #050912 0%, #07111f 42%, #050912 100%) !important;
  background-attachment: scroll !important;
}

body.admin-area {
  background-image:
    radial-gradient(860px 380px at 18% -10%, rgba(39,183,255,.11), transparent 70%),
    radial-gradient(760px 360px at 100% 16%, rgba(25,80,128,.14), transparent 72%),
    linear-gradient(180deg, #050912 0%, #07111f 50%, #050912 100%) !important;
}

.hero-v13,
.hero-v11,
.page-hero-v15,
.page-hero-v13 {
  background-image:
    radial-gradient(760px 260px at 18% 0%, rgba(39,183,255,.14), transparent 70%),
    linear-gradient(180deg, rgba(7,16,28,.92), rgba(5,9,18,0)) !important;
}

.panel,
.admin-card,
.settings-card-v18,
.settings-card-v19,
.service-card-v13,
.price-card-v13,
.request-v13__card,
.proof-v13__card,
.card,
.s-card,
.pkg-card,
.c-card {
  background-image: linear-gradient(180deg, rgba(18,35,55,.94), rgba(9,17,30,.96)) !important;
  border-color: rgba(78,131,178,.18) !important;
}

.settings-card-v18,
.settings-card-v19 {
  background-image:
    radial-gradient(680px 240px at 18% 0%, rgba(39,183,255,.13), transparent 72%),
    linear-gradient(135deg, rgba(18,42,64,.96), rgba(10,20,34,.98) 62%, rgba(7,12,22,.98)) !important;
}

.settings-card-v18::before,
.settings-card-v18::after,
.settings-card-v19::before,
.settings-card-v19::after {
  content: none !important;
}

/* Pricing editor: no fieldset/legend browser quirks, no vertical text */
.pricing-editor-v21 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.pricing-card-v21 {
  position: relative;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, .35fr) auto;
  grid-template-areas:
    "title price tools"
    "desc desc desc";
  gap: 12px !important;
  align-items: start;
  padding: 16px !important;
  border: 1px solid rgba(78,131,178,.20) !important;
  border-radius: 18px !important;
  background-image:
    radial-gradient(380px 160px at 100% 0%, rgba(39,183,255,.10), transparent 70%),
    linear-gradient(180deg, rgba(7,15,27,.90), rgba(10,20,35,.94)) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.pricing-card-v21__num {
  position: absolute;
  top: 12px;
  left: 14px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 26px;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--accent);
  background: rgba(39,183,255,.09);
  border: 1px solid rgba(39,183,255,.20);
  font-weight: 850;
  font-size: .84rem;
}

.pricing-card-v21__tools {
  grid-area: tools !important;
  align-self: start;
  justify-self: end;
  padding-left: 42px;
  display: flex;
  justify-content: flex-end;
}

.pricing-card-v21 label {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
  font-size: .9rem !important;
  color: var(--muted);
}

.pricing-card-v21 label:nth-of-type(1) { grid-area: title !important; padding-left: 42px; }
.pricing-card-v21 label:nth-of-type(2) { grid-area: price !important; }
.pricing-card-v21 label:nth-of-type(3),
.pricing-card-v21 label.full { grid-area: desc !important; grid-column: auto !important; }

.pricing-card-v21 label span {
  font-size: .84rem !important;
  line-height: 1.2 !important;
  color: rgba(171,191,214,.82);
  white-space: normal !important;
}

.pricing-card-v21 input,
.pricing-card-v21 textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  font-size: .95rem !important;
  line-height: 1.45 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  resize: vertical;
}

.pricing-card-v21 textarea {
  min-height: 96px !important;
  max-height: none !important;
  overflow: auto !important;
  white-space: pre-wrap !important;
}

.pricing-remove-v21 {
  min-height: 38px !important;
  padding: 0 12px !important;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .pricing-card-v21 {
    grid-template-columns: minmax(0, 1fr) minmax(130px, .42fr);
    grid-template-areas:
      "title price"
      "desc desc"
      "tools tools";
  }
  .pricing-card-v21__tools { justify-self: start; padding-left: 42px; }
}

@media (max-width: 760px) {
  body {
    background-image:
      radial-gradient(520px 260px at 16% -8%, rgba(39,183,255,.10), transparent 70%),
      linear-gradient(180deg, #050912 0%, #07111f 46%, #050912 100%) !important;
  }
  .pricing-editor-v21 {
    grid-template-columns: 1fr !important;
  }
  .pricing-card-v21 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "price"
      "desc"
      "tools";
    padding: 14px !important;
  }
  .pricing-card-v21 label:nth-of-type(1) { padding-left: 44px; }
  .pricing-card-v21__tools { padding-left: 0; justify-self: stretch; }
  .pricing-remove-v21 { width: 100%; }
}

/* === v2.4 fixes: dashboard cleanup, reliable workflow layout, analytics-safe UI === */
@media (min-width: 981px) {
  .hero-v13__grid {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 24px !important;
  }
  .hero-v13__copy {
    max-width: 980px;
  }
  .hero-v13__side {
    width: 100% !important;
    max-width: none !important;
    padding: 22px !important;
  }
  .process-grid-v13 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .process-grid-v13 > div {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    min-height: 150px;
    align-content: start;
  }
  .process-grid-v13 b {
    width: 38px !important;
    height: 38px !important;
  }
  .process-grid-v13 strong {
    min-width: 0;
    line-height: 1.24 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: balance;
  }
  .process-grid-v13 span {
    grid-column: 1 / -1 !important;
    margin-top: 0 !important;
    min-width: 0;
    line-height: 1.5 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 980px) and (min-width: 681px) {
  .process-grid-v13 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .process-grid-v13 span {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 680px) {
  .process-grid-v13 {
    grid-template-columns: 1fr !important;
  }
  .process-grid-v13 > div {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }
  .process-grid-v13 span {
    grid-column: 2 !important;
  }
}

.admin-dashboard-v13 {
  margin-bottom: 18px;
}

.admin-analytics-v16 {
  max-width: none;
}


/* === v2.5 admin sidebar: remove ugly hints === */
body.admin-area .admin-sidebar-v12 {
  padding-inline: 12px !important;
}

body.admin-area .admin-sidebar__nav {
  gap: 7px !important;
}

body.admin-area .admin-sidebar__nav a {
  display: flex !important;
  align-items: center !important;
  min-height: 44px;
  padding: 11px 13px !important;
  border-radius: 14px !important;
  white-space: nowrap;
  overflow: hidden;
}

body.admin-area .admin-sidebar__nav a span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.06rem !important;
  line-height: 1.1 !important;
}

body.admin-area .admin-sidebar__nav a small {
  display: none !important;
}

body.admin-area .admin-sidebar__brand {
  margin-bottom: 2px;
}

@media (max-width: 980px) {
  body.admin-area .admin-sidebar__nav a {
    min-height: 46px;
  }
}

/* === v2.6 — workflow cards stacked vertically, each card horizontal inside === */
.hero-v13__side {
  max-width: none !important;
}


.process-grid-v13 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.process-grid-v13 > div {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 190px) minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 13px 15px !important;
}

.process-grid-v13 b {
  width: 38px !important;
  height: 38px !important;
  grid-column: 1 !important;
}

.process-grid-v13 strong {
  grid-column: 2 !important;
  min-width: 0 !important;
  line-height: 1.22 !important;
  text-wrap: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.process-grid-v13 span {
  grid-column: 3 !important;
  margin-top: 0 !important;
  min-width: 0 !important;
  line-height: 1.45 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

@media (max-width: 760px) {
  .process-grid-v13 > div {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: start !important;
  }
  .process-grid-v13 b { width: 34px !important; height: 34px !important; }
  .process-grid-v13 strong { grid-column: 2 !important; }
  .process-grid-v13 span { grid-column: 2 !important; }
}

/* === v2.7 — compact pricing editor cards === */
body.admin-area .settings-panel-v15--pricing {
  min-width: 0;
}

body.admin-area .pricing-editor-v21 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(520px, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

body.admin-area .pricing-card-v21 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(240px, 1fr) minmax(170px, 0.42fr) auto !important;
  grid-template-areas:
    "num title price tools"
    "desc desc desc desc" !important;
  gap: 10px 12px !important;
  align-items: start !important;
  padding: 12px !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

body.admin-area .pricing-card-v21__num {
  position: static !important;
  grid-area: num !important;
  align-self: start !important;
  justify-self: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  line-height: 1 !important;
}

body.admin-area .pricing-card-v21__tools {
  grid-area: tools !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  display: grid !important;
  align-items: start !important;
  padding-left: 0 !important;
  min-width: 108px !important;
}

body.admin-area .pricing-card-v21 label {
  min-width: 0 !important;
  gap: 4px !important;
  margin: 0 !important;
}

body.admin-area .pricing-card-v21 label:nth-of-type(1) {
  grid-area: title !important;
  padding-left: 0 !important;
}

body.admin-area .pricing-card-v21 label:nth-of-type(2) {
  grid-area: price !important;
}

body.admin-area .pricing-card-v21 label:nth-of-type(3),
body.admin-area .pricing-card-v21 label.full {
  grid-area: desc !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body.admin-area .pricing-card-v21 label span {
  font-size: .78rem !important;
  line-height: 1.1 !important;
  letter-spacing: .01em;
}

body.admin-area .pricing-card-v21 input,
body.admin-area .pricing-card-v21 textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  font-size: .92rem !important;
  line-height: 1.35 !important;
}

body.admin-area .pricing-card-v21 textarea {
  min-height: 86px !important;
  height: auto !important;
  max-height: 220px !important;
  resize: vertical !important;
  overflow: auto !important;
}

body.admin-area .pricing-remove-v21 {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  font-size: .9rem !important;
}

body.admin-area .pricing-actions-v21 {
  margin-top: 10px;
}

@media (max-width: 1320px) {
  body.admin-area .pricing-editor-v21 {
    grid-template-columns: 1fr !important;
  }
  body.admin-area .pricing-card-v21 {
    grid-template-columns: 42px minmax(220px, 1fr) minmax(160px, .4fr) auto !important;
  }
}

@media (max-width: 760px) {
  body.admin-area .pricing-card-v21 {
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "num title tools"
      "num price tools"
      "desc desc desc" !important;
    gap: 8px !important;
    padding: 11px !important;
  }
  body.admin-area .pricing-card-v21__tools {
    min-width: 86px !important;
  }
  body.admin-area .pricing-remove-v21 {
    font-size: .82rem !important;
  }
  body.admin-area .pricing-card-v21 textarea {
    min-height: 82px !important;
  }
}

/* === v2.8 hero summary block requested layout === */
.hero-v13__grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .9fr) !important;
  align-items: start !important;
}
.hero-summary-v28 {
  padding: 18px 18px 16px !important;
  border-radius: 22px !important;
}
.hero-summary-v28 h2 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2vw, 30px) !important;
  line-height: 1.15;
}
.process-grid-v28 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.process-card-v28 {
  display: grid;
  gap: 7px;
  padding: 14px 15px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  background: rgba(8, 16, 28, .42);
}
.process-card-v28 strong {
  font-size: 1.06rem;
  line-height: 1.22;
}
.process-card-v28 span {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.45;
}
@media (max-width: 980px) {
  .hero-v13__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .hero-summary-v28 {
    max-width: none;
  }
}
@media (max-width: 760px) {
  .hero-summary-v28 {
    padding: 16px !important;
  }
  .hero-summary-v28 h2 {
    font-size: 22px !important;
  }
  .process-card-v28 {
    padding: 12px 13px;
  }
  .process-card-v28 strong {
    font-size: 1rem;
  }
  .process-card-v28 span {
    font-size: .96rem;
  }
}

/* === v2.9 pricing description full-width hotfix === */
body.admin-area .pricing-card-v21 label.full textarea,
body.admin-area .pricing-card-v21 label:nth-of-type(3) textarea { width: 100% !important; display: block !important; }


/* === v3.0 separate content editors: pricing and services === */
.editor-card-v30 {
  display: grid;
  gap: 16px;
  padding: 18px !important;
}
.editor-card-v30__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.editor-card-v30__head h2 { margin: 0 0 4px; }
.content-editor-grid-v30 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(420px, 1fr)) !important;
  gap: 14px !important;
  align-items: start;
}
.content-editor-card-v30 {
  min-width: 0;
  background-image: linear-gradient(180deg, rgba(9,18,31,.92), rgba(7,14,25,.96)) !important;
  border: 1px solid rgba(78,131,178,.18) !important;
  border-radius: 18px !important;
}
.service-editor-card-v30 {
  display: grid;
  grid-template-columns: 42px minmax(72px,.22fr) minmax(220px,1fr) minmax(150px,.45fr) auto;
  grid-template-areas:
    "num label title slug tools"
    "desc desc desc desc desc";
  gap: 10px 12px;
  align-items: start;
  padding: 12px;
}
.service-editor-card-v30__num {
  grid-area: num;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: var(--accent);
  background: rgba(39,183,255,.08);
  border: 1px solid rgba(39,183,255,.20);
  font-weight: 850;
}
.service-editor-card-v30 label { min-width: 0; display: grid; gap: 5px; margin: 0; }
.service-editor-card-v30 label:nth-of-type(1) { grid-area: label; }
.service-editor-card-v30 label:nth-of-type(2) { grid-area: title; }
.service-editor-card-v30 label:nth-of-type(3) { grid-area: slug; }
.service-editor-card-v30 label.full { grid-area: desc; grid-column: 1 / -1; }
.service-editor-card-v30__tools { grid-area: tools; display: grid; justify-items: stretch; }
.service-editor-card-v30 input,
.service-editor-card-v30 textarea,
.content-editor-card-v30 input,
.content-editor-card-v30 textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  font-size: .94rem !important;
}
.service-editor-card-v30 textarea,
.content-editor-card-v30 textarea {
  min-height: 84px !important;
  resize: vertical !important;
}
.editor-actions-v30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.admin-settings-form .settings-tabs-v18 { grid-template-columns: repeat(7, minmax(0,1fr)) !important; }
@media (max-width: 1320px) {
  .content-editor-grid-v30 { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  .editor-card-v30__head { display: grid; }
  .service-editor-card-v30 {
    grid-template-columns: 38px minmax(0,1fr) auto;
    grid-template-areas:
      "num label tools"
      "title title title"
      "slug slug slug"
      "desc desc desc";
  }
  .editor-actions-v30 { align-items: stretch; }
  .editor-actions-v30 .btn { width: 100%; }
}


/* === v3.1 admin editors: one card per row, compact horizontal layout === */
body.admin-area .content-editor-grid-v30 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.admin-area .pricing-editor-v21.content-editor-grid-v30,
body.admin-area .service-editor-v30.content-editor-grid-v30 {
  grid-template-columns: 1fr !important;
}

body.admin-area .pricing-card-v21.content-editor-card-v30 {
  display: grid !important;
  grid-template-columns: 46px minmax(260px, 1fr) minmax(220px, 1.25fr) minmax(160px, .45fr) auto !important;
  grid-template-areas:
    "num title title title title"
    "num desc desc price tools" !important;
  align-items: start !important;
  gap: 10px 12px !important;
  padding: 14px !important;
  min-height: 0 !important;
}
body.admin-area .pricing-card-v21 .pricing-card-v21__num { grid-area: num !important; align-self: start; }
body.admin-area .pricing-card-v21 label:nth-of-type(1) { grid-area: title !important; }
body.admin-area .pricing-card-v21 label:nth-of-type(2) { grid-area: price !important; }
body.admin-area .pricing-card-v21 label:nth-of-type(3),
body.admin-area .pricing-card-v21 label.full { grid-area: desc !important; grid-column: auto !important; }
body.admin-area .pricing-card-v21 .pricing-card-v21__tools { grid-area: tools !important; justify-self: end; align-self: end; padding-left: 0 !important; }
body.admin-area .pricing-card-v21 label,
body.admin-area .service-editor-card-v30 label { min-width: 0; display: grid; gap: 5px; }
body.admin-area .pricing-card-v21 textarea,
body.admin-area .service-editor-card-v30 textarea { min-height: 96px !important; width: 100% !important; }

body.admin-area .service-editor-card-v30.content-editor-card-v30 {
  display: grid !important;
  grid-template-columns: 46px minmax(80px,.22fr) minmax(250px, 1fr) minmax(170px,.42fr) auto !important;
  grid-template-areas:
    "num label title title title"
    "num desc desc slug tools" !important;
  align-items: start !important;
  gap: 10px 12px !important;
  padding: 14px !important;
}
body.admin-area .service-editor-card-v30__num { align-self: start; }
body.admin-area .service-editor-card-v30 label:nth-of-type(1) { grid-area: label; }
body.admin-area .service-editor-card-v30 label:nth-of-type(2) { grid-area: title; }
body.admin-area .service-editor-card-v30 label:nth-of-type(3) { grid-area: slug; }
body.admin-area .service-editor-card-v30 label.full { grid-area: desc; grid-column: auto; }
body.admin-area .service-editor-card-v30__tools { grid-area: tools; justify-self: end; align-self: end; }

body.admin-area .pricing-card-v21 input,
body.admin-area .service-editor-card-v30 input,
body.admin-area .pricing-card-v21 textarea,
body.admin-area .service-editor-card-v30 textarea {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 980px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30 {
    grid-template-columns: 40px minmax(0,1fr) auto !important;
    grid-template-areas:
      "num title title"
      "num desc desc"
      "num price tools" !important;
  }
  body.admin-area .service-editor-card-v30.content-editor-card-v30 {
    grid-template-columns: 40px minmax(0,1fr) auto !important;
    grid-template-areas:
      "num label title"
      "num desc desc"
      "num slug tools" !important;
  }
}

@media (max-width: 760px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30,
  body.admin-area .service-editor-card-v30.content-editor-card-v30 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "title"
      "label"
      "desc"
      "price"
      "slug"
      "tools" !important;
    gap: 9px !important;
    padding: 12px !important;
  }
  body.admin-area .pricing-card-v21 .pricing-card-v21__num,
  body.admin-area .service-editor-card-v30__num { justify-self: start; }
  body.admin-area .pricing-card-v21 .pricing-card-v21__tools,
  body.admin-area .service-editor-card-v30__tools { justify-self: stretch; }
  body.admin-area .pricing-card-v21 .pricing-card-v21__tools .btn,
  body.admin-area .service-editor-card-v30__tools .btn { width: 100%; }
}


/* === v3.2 fix editor fields layout === */
body.admin-area .pricing-card-v21.content-editor-card-v30 {
  grid-template-columns: 52px minmax(260px, 1fr) minmax(210px, .34fr) auto !important;
  grid-template-areas:
    "num title title title"
    "num desc  price tools" !important;
  gap: 12px 14px !important;
}

body.admin-area .pricing-card-v21 label:nth-of-type(1) { grid-area: title !important; }
body.admin-area .pricing-card-v21 label:nth-of-type(2) { grid-area: price !important; align-self: start; }
body.admin-area .pricing-card-v21 label:nth-of-type(3),
body.admin-area .pricing-card-v21 label.full {
  grid-area: desc !important;
  width: 100% !important;
}
body.admin-area .pricing-card-v21 .pricing-card-v21__tools {
  grid-area: tools !important;
  align-self: end !important;
}

body.admin-area .service-editor-card-v30.content-editor-card-v30 {
  grid-template-columns: 52px minmax(110px, .22fr) minmax(280px, 1fr) minmax(220px, .42fr) auto !important;
  grid-template-areas:
    "num label title title title"
    "num desc  desc  slug  tools" !important;
  gap: 12px 14px !important;
}
body.admin-area .service-editor-card-v30 label:nth-of-type(1) { grid-area: label !important; }
body.admin-area .service-editor-card-v30 label:nth-of-type(2) { grid-area: title !important; }
body.admin-area .service-editor-card-v30 label:nth-of-type(3) { grid-area: slug !important; align-self: start; }
body.admin-area .service-editor-card-v30 label.full {
  grid-area: desc !important;
  width: 100% !important;
}
body.admin-area .service-editor-card-v30__tools {
  grid-area: tools !important;
  align-self: end !important;
}

body.admin-area .pricing-card-v21 label,
body.admin-area .service-editor-card-v30 label {
  margin: 0 !important;
}
body.admin-area .pricing-card-v21 label span,
body.admin-area .service-editor-card-v30 label span {
  display: block;
  margin-bottom: 4px;
}
body.admin-area .pricing-card-v21 textarea,
body.admin-area .service-editor-card-v30 textarea {
  width: 100% !important;
  min-height: 108px !important;
  max-height: 260px !important;
  line-height: 1.45 !important;
}
body.admin-area .pricing-card-v21 input,
body.admin-area .service-editor-card-v30 input {
  width: 100% !important;
}
body.admin-area .pricing-card-v21 .pricing-remove-v21,
body.admin-area .service-editor-card-v30 .service-remove-v30 {
  min-width: 112px;
}

@media (max-width: 1180px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30 {
    grid-template-columns: 44px minmax(0, 1fr) minmax(180px, .38fr) auto !important;
    grid-template-areas:
      "num title title title"
      "num desc  price tools" !important;
  }
  body.admin-area .service-editor-card-v30.content-editor-card-v30 {
    grid-template-columns: 44px minmax(90px, .22fr) minmax(0, 1fr) minmax(180px, .38fr) auto !important;
    grid-template-areas:
      "num label title title title"
      "num desc  desc  slug  tools" !important;
  }
}

@media (max-width: 980px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30 {
    grid-template-columns: 40px minmax(0,1fr) minmax(170px, .45fr) auto !important;
    grid-template-areas:
      "num title title title"
      "num desc  price tools" !important;
  }
  body.admin-area .service-editor-card-v30.content-editor-card-v30 {
    grid-template-columns: 40px minmax(0,1fr) minmax(170px, .45fr) auto !important;
    grid-template-areas:
      "num label title title"
      "num desc  slug  tools" !important;
  }
}

@media (max-width: 760px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30,
  body.admin-area .service-editor-card-v30.content-editor-card-v30 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "label"
      "title"
      "desc"
      "price"
      "slug"
      "tools" !important;
  }
  body.admin-area .pricing-card-v21 .pricing-card-v21__tools,
  body.admin-area .service-editor-card-v30__tools {
    justify-self: stretch !important;
    width: 100%;
  }
}

/* === v3.3 case cards + modal article editor === */
.case-admin-create-v33,
.case-admin-list-v33 {
  display: grid;
  gap: 16px;
}
.case-admin-create-v33__head h2,
.case-admin-list-v33__head h2 {
  margin: 0 0 4px;
}
.case-card-create-form-v33 {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(340px, 1.35fr) minmax(160px, .42fr) auto;
  gap: 12px;
  align-items: end;
}
.case-card-create-form-v33 label,
.case-full-form-v33 label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--muted);
  font-weight: 750;
}
.case-card-create-form-v33 label span,
.case-full-form-v33 label span {
  font-size: .88rem;
}
.case-card-create-form-v33 textarea {
  min-height: 44px !important;
  max-height: 120px;
  resize: vertical;
}
.case-card-grid-v33 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 12px;
}
.case-admin-card-v33 {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(78,131,178,.18);
  border-radius: 18px;
  background-image: linear-gradient(180deg, rgba(9,18,31,.92), rgba(7,14,25,.96));
}
.case-admin-card-v33__meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.case-admin-card-v33__meta > span {
  color: var(--accent);
  font-weight: 850;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.case-admin-card-v33 h3 {
  margin: 0;
  font-size: clamp(19px, 1.6vw, 24px);
  line-height: 1.18;
}
.case-admin-card-v33 p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}
.case-admin-card-v33__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 4px;
}
.case-admin-card-v33__foot .btn {
  min-height: 38px;
}
.case-modal-v33 {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(2, 8, 18, .82);
}
.case-modal-v33[hidden] { display: none !important; }
.case-modal-v33__dialog {
  width: min(1120px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(78,131,178,.24);
  border-radius: 22px;
  background-image:
    radial-gradient(720px 240px at 16% 0%, rgba(39,183,255,.13), transparent 70%),
    linear-gradient(180deg, rgba(18,35,55,.98), rgba(7,14,25,.98));
  box-shadow: 0 28px 80px rgba(0,0,0,.48);
}
.case-modal-v33__head,
.case-modal-v33__foot {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid rgba(148,163,184,.12);
}
.case-modal-v33__head h2 {
  margin: 0 0 4px;
  font-size: clamp(24px, 2.2vw, 34px);
}
.case-modal-v33__close {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.03);
  color: var(--text);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.case-full-form-v33 {
  min-height: 0;
  overflow: auto;
}
.case-full-grid-v33 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 18px;
}
.case-full-grid-v33 .full {
  grid-column: 1 / -1;
}
.case-full-form-v33 input,
.case-full-form-v33 select,
.case-full-form-v33 textarea,
.case-card-create-form-v33 input,
.case-card-create-form-v33 textarea {
  width: 100%;
  min-width: 0;
}
.case-full-form-v33 textarea[name="body"] {
  min-height: min(52dvh, 560px) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.5;
}
.case-extra-v33 {
  padding: 12px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  background: rgba(2,10,19,.24);
}
.case-extra-v33 summary {
  cursor: pointer;
  font-weight: 850;
}
.case-extra-v33 .case-full-grid-v33 {
  padding: 12px 0 0;
}
.case-modal-v33__foot {
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid rgba(148,163,184,.12);
  border-bottom: 0;
}
html.case-modal-open {
  overflow: hidden;
}
@media (max-width: 980px) {
  .case-card-create-form-v33 {
    grid-template-columns: 1fr;
  }
  .case-card-grid-v33 {
    grid-template-columns: 1fr;
  }
  .case-full-grid-v33 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .case-modal-v33 {
    padding: 10px;
  }
  .case-modal-v33__dialog {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    border-radius: 18px;
  }
  .case-modal-v33__head,
  .case-modal-v33__foot,
  .case-full-grid-v33 {
    padding: 14px;
  }
  .case-admin-card-v33__foot {
    display: grid;
    align-items: stretch;
  }
  .case-admin-card-v33__foot .btn {
    width: 100%;
    text-align: center;
  }
}

/* === v3.4 chat archive + scrollable thread list === */
.admin-chat-card-v34 {
  gap: 14px !important;
}
.admin-chat-head-v34 {
  align-items: end;
  flex-wrap: wrap;
}
.chat-status-tabs-v34 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.chat-status-tabs-v34 a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(255,255,255,.025);
  color: var(--muted);
  text-decoration: none;
  font-weight: 800;
}
.chat-status-tabs-v34 a.is-active,
.chat-status-tabs-v34 a:hover {
  color: #06111d;
  background: var(--accent);
  border-color: transparent;
  text-decoration: none;
}
.chat-status-tabs-v34 b {
  font-size: .82rem;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(0,0,0,.14);
}
.chat-thread-scroll-v34 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 9px;
  max-height: min(42dvh, 380px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 6px 4px 2px;
  border-radius: 18px;
  scrollbar-gutter: stable;
}
.chat-thread-card-v34 {
  padding: 11px 12px !important;
  min-width: 0;
  min-height: 0;
}
.chat-thread-card-v34 strong {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.chat-thread-card-v34 strong > span {
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-thread-card-v34 > span,
.chat-thread-card-v34 > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-thread-card-v34 footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
}
.chat-conversation-v34 {
  border-top: 1px solid rgba(148,163,184,.10);
  padding-top: 14px;
}
.chat-conversation-head-v34 {
  align-items: center;
  flex-wrap: wrap;
}
.admin-chat-log-v34 {
  max-height: min(48dvh, 460px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable;
}
.chat-admin-form-v34 {
  position: sticky;
  bottom: 0;
  z-index: 2;
}
@media (max-width: 900px) {
  .admin-chat-head-v34,
  .chat-conversation-head-v34 {
    display: grid;
    align-items: start;
  }
  .chat-status-tabs-v34 {
    justify-content: start;
  }
  .chat-thread-scroll-v34 {
    grid-template-columns: 1fr;
    max-height: 320px;
  }
}

/* === v3.5 cases redesign + chat history tab === */
.case-workspace-v35 {
  display: grid;
  gap: 14px;
  padding: 18px !important;
}
.case-workspace-v35__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.case-workspace-v35__head h2 {
  margin: 0 0 4px;
}
.case-card-list-v35 {
  display: grid;
  gap: 10px;
}
.case-admin-row-v35 {
  display: grid;
  grid-template-columns: minmax(130px, .22fr) minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(78,131,178,.18);
  border-radius: 18px;
  background-image: linear-gradient(180deg, rgba(9,18,31,.86), rgba(7,14,25,.94));
}
.case-admin-row-v35.is-empty {
  grid-template-columns: minmax(0,1fr) auto;
}
.case-admin-row-v35__mark {
  display: grid;
  gap: 8px;
  align-content: center;
  min-width: 0;
}
.case-admin-row-v35__mark > span {
  color: var(--accent);
  font-weight: 850;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-admin-row-v35__body {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.case-admin-row-v35__body h3 {
  margin: 0;
  font-size: clamp(19px, 1.45vw, 24px);
  line-height: 1.18;
  overflow-wrap: anywhere;
}
.case-admin-row-v35__body p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
  max-width: 95ch;
}
.case-admin-row-v35__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.case-admin-row-v35__actions .btn {
  min-height: 38px;
  white-space: nowrap;
}
.case-modal-v35__dialog {
  width: min(1160px, calc(100vw - 28px));
}
.case-modal-v35__dialog--create {
  width: min(780px, calc(100vw - 28px));
}
.case-card-create-form-v35 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, .34fr);
  gap: 12px;
  padding: 18px;
  overflow: auto;
}
.case-card-create-form-v35 .full {
  grid-column: 1 / -1;
}
.case-card-create-form-v35 label,
.case-full-form-v35 label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--muted);
  font-weight: 750;
}
.case-card-create-form-v35 input,
.case-card-create-form-v35 textarea {
  width: 100%;
  min-width: 0;
}
.case-card-create-form-v35 textarea {
  min-height: 120px !important;
  resize: vertical;
}
.case-full-grid-v35 textarea[name="excerpt"] {
  min-height: 92px !important;
}
.case-modal-v35__foot.full {
  grid-column: 1 / -1;
  padding: 12px 0 0;
  border: 0;
}
.chat-status-tabs-v34 a[href*="status=history"] {
  border-color: rgba(39,183,255,.24);
}
.chat-thread-scroll-v34 {
  grid-template-columns: 1fr !important;
  max-height: min(54dvh, 520px) !important;
}
.chat-thread-card-v34 {
  display: grid;
  gap: 5px;
}
@media (max-width: 980px) {
  .case-workspace-v35__head,
  .case-admin-row-v35,
  .case-admin-row-v35.is-empty {
    grid-template-columns: 1fr;
    display: grid;
    align-items: start;
  }
  .case-admin-row-v35__actions {
    justify-content: start;
  }
  .case-card-create-form-v35 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .case-workspace-v35 {
    padding: 14px !important;
  }
  .case-admin-row-v35__actions,
  .case-admin-row-v35__actions .btn,
  .case-workspace-v35__head .btn {
    width: 100%;
  }
  .case-admin-row-v35__actions {
    display: grid;
  }
  .case-card-create-form-v35 {
    padding: 14px;
  }
}

/* === v3.6 chat admin like leads === */
.admin-chat-tabs-v36 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}
.admin-chat-tabs-v36 a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.15);
  color: var(--muted);
  background: rgba(8,15,26,.62);
  text-decoration: none;
  font-weight: 800;
}
.admin-chat-tabs-v36 a.is-active {
  color: var(--text);
  border-color: rgba(39,183,255,.38);
  background: rgba(39,183,255,.11);
}
.admin-chat-tabs-v36 b {
  color: var(--accent);
  font-size: .9em;
}
.admin-chat-split-v36 {
  align-items: start;
}
.admin-chat-list-card-v36 {
  min-width: 0;
}
.admin-chat-list-v36 {
  display: grid !important;
  gap: 8px;
  max-height: calc(100dvh - 260px);
  min-height: 320px;
  overflow-y: auto;
  padding-right: 4px;
}
.admin-chat-item-v36 {
  position: relative;
  border-color: rgba(148,163,184,.13) !important;
  background: rgba(7,14,25,.66) !important;
}
.admin-chat-item-v36.is-active {
  border-color: rgba(39,183,255,.44) !important;
  background: rgba(39,183,255,.10) !important;
}
.admin-chat-item-v36 strong {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.admin-chat-item-v36 .status-pill {
  flex: none;
  font-size: .72rem;
}
.admin-chat-detail-v36 {
  min-width: 0;
  position: sticky;
  top: 18px;
}
.admin-chat-detail-head-v36 {
  align-items: start;
}
.admin-chat-log-v36 {
  display: grid;
  gap: 8px;
  max-height: calc(100dvh - 380px);
  min-height: 260px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 16px;
  background: rgba(3,8,16,.36);
}
.chat-admin-form-v36 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  margin-top: 12px;
}
.chat-admin-form-v36 textarea {
  min-height: 52px !important;
  max-height: 140px;
  resize: vertical;
}
.admin-empty-v36 {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px dashed rgba(148,163,184,.18);
  border-radius: 16px;
  background: rgba(7,14,25,.44);
}
@media (max-width: 980px) {
  .admin-chat-detail-v36 { position: static; }
  .admin-chat-list-v36 { max-height: 420px; min-height: 0; }
  .admin-chat-log-v36 { max-height: 420px; }
}
@media (max-width: 640px) {
  .admin-chat-tabs-v36 { display: grid; grid-template-columns: 1fr; }
  .chat-admin-form-v36 { grid-template-columns: 1fr; }
  .admin-chat-detail-head-v36 { display: grid; }
}

/* === v3.8 custom checkbox + default post editor helpers === */
label.custom-check {
  display: grid !important;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
label.custom-check input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
label.custom-check .check-box {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  border: 1px solid rgba(148,163,184,.34);
  background: linear-gradient(180deg, rgba(8,17,30,.92), rgba(10,22,38,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  position: relative;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
label.custom-check .check-box::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(45deg);
}
label.custom-check input[type="checkbox"]:checked + .check-box {
  border-color: rgba(57,189,255,.9);
  background: linear-gradient(180deg, rgba(42,171,255,.25), rgba(18,104,176,.24));
  box-shadow: 0 0 0 3px rgba(57,189,255,.14);
}
label.custom-check input[type="checkbox"]:checked + .check-box::after {
  border-color: #fff;
}
label.custom-check input[type="checkbox"]:focus-visible + .check-box {
  outline: 2px solid rgba(96,165,250,.8);
  outline-offset: 2px;
}
label.custom-check .check-text {
  line-height: 1.35;
}


/* === v3.9 checkbox focus/scroll jump fix === */
label.custom-check {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
}
label.custom-check input[type="checkbox"] {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2 !important;
  cursor: pointer !important;
}
label.custom-check .check-box {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
label.custom-check .check-text {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* === v3.10 checkbox: native-position custom style, no focus scroll jump === */
label.custom-check {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
}

label.custom-check input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: auto !important;
  cursor: pointer !important;
  border-radius: 7px !important;
  border: 1px solid rgba(148,163,184,.34) !important;
  background: linear-gradient(180deg, rgba(8,17,30,.92), rgba(10,22,38,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

label.custom-check input[type="checkbox"]::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 7px;
  margin-top: 3px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(45deg);
}

label.custom-check input[type="checkbox"]:checked {
  border-color: rgba(57,189,255,.9) !important;
  background: linear-gradient(180deg, rgba(42,171,255,.25), rgba(18,104,176,.24)) !important;
  box-shadow: 0 0 0 3px rgba(57,189,255,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

label.custom-check input[type="checkbox"]:checked::after {
  border-color: #fff;
}

label.custom-check input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(96,165,250,.8) !important;
  outline-offset: 2px !important;
}

label.custom-check .check-box {
  display: none !important;
}

label.custom-check .check-text {
  grid-column: 2 !important;
  grid-row: 1 !important;
  line-height: 1.35 !important;
}

/* === v3.12 import page + editor ID fields === */
.import-card-v312,
.import-help-v312 {
  display: grid;
  gap: 16px;
}
.import-form-v312 {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 12px;
  align-items: end;
}
.import-form-v312 label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-weight: 750;
}
.import-form-v312 label.full { grid-column: 1 / -1; }
.import-report-v312 { line-height: 1.6; }
.import-examples-v312 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.import-examples-v312 article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  background: rgba(7,14,25,.54);
}
.import-examples-v312 h3 { margin: 0 0 8px; }
.import-examples-v312 pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: .82rem;
  line-height: 1.45;
  color: var(--muted);
}

body.admin-area .pricing-card-v21.content-editor-card-v30 {
  grid-template-columns: 52px minmax(120px, .3fr) minmax(240px, 1fr) minmax(200px, .38fr) auto !important;
  grid-template-areas:
    "num id title title title"
    "num desc desc price tools" !important;
}
body.admin-area .pricing-card-v21 label:nth-of-type(1) { grid-area: id !important; }
body.admin-area .pricing-card-v21 label:nth-of-type(2) { grid-area: title !important; }
body.admin-area .pricing-card-v21 label:nth-of-type(3) { grid-area: price !important; }
body.admin-area .pricing-card-v21 label:nth-of-type(4),
body.admin-area .pricing-card-v21 label.full { grid-area: desc !important; }

body.admin-area .service-editor-card-v30.content-editor-card-v30 {
  grid-template-columns: 52px minmax(120px,.3fr) minmax(90px,.18fr) minmax(240px,1fr) minmax(190px,.38fr) auto !important;
  grid-template-areas:
    "num id label title title title"
    "num desc desc desc slug tools" !important;
}
body.admin-area .service-editor-card-v30 label:nth-of-type(1) { grid-area: id !important; }
body.admin-area .service-editor-card-v30 label:nth-of-type(2) { grid-area: label !important; }
body.admin-area .service-editor-card-v30 label:nth-of-type(3) { grid-area: title !important; }
body.admin-area .service-editor-card-v30 label:nth-of-type(4) { grid-area: slug !important; }
body.admin-area .service-editor-card-v30 label:nth-of-type(5),
body.admin-area .service-editor-card-v30 label.full { grid-area: desc !important; }

@media (max-width: 1180px) {
  .import-examples-v312 { grid-template-columns: 1fr; }
  body.admin-area .pricing-card-v21.content-editor-card-v30 {
    grid-template-columns: 44px minmax(120px,.35fr) minmax(0,1fr) minmax(170px,.42fr) auto !important;
    grid-template-areas:
      "num id title title title"
      "num desc desc price tools" !important;
  }
  body.admin-area .service-editor-card-v30.content-editor-card-v30 {
    grid-template-columns: 44px minmax(120px,.35fr) minmax(90px,.2fr) minmax(0,1fr) minmax(170px,.42fr) auto !important;
    grid-template-areas:
      "num id label title title title"
      "num desc desc desc slug tools" !important;
  }
}
@media (max-width: 760px) {
  .import-form-v312 { grid-template-columns: 1fr; }
  body.admin-area .pricing-card-v21.content-editor-card-v30,
  body.admin-area .service-editor-card-v30.content-editor-card-v30 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "id"
      "label"
      "title"
      "desc"
      "price"
      "slug"
      "tools" !important;
  }
}

/* === v4.0 mini CRM + users === */
.crm-stats-v40 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.crm-stat-v40 {
  display: grid;
  gap: 4px;
  padding: 14px !important;
  text-decoration: none;
}
.crm-stat-v40 span { color: var(--muted); font-size: .88rem; }
.crm-stat-v40 strong { font-size: 1.55rem; }
.crm-stat-v40.is-active {
  border-color: rgba(57,189,255,.52) !important;
  box-shadow: 0 0 0 1px rgba(57,189,255,.18) inset;
}
.crm-split-v40 {
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.45fr) !important;
  align-items: start;
}
.crm-list-card-v40,
.crm-detail-v40 {
  min-width: 0;
}
.crm-filter-v40 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin: 8px 0 12px;
}
.crm-filter-v40 input { min-width: 0; }
.crm-list-v40 {
  display: grid;
  gap: 8px;
  max-height: min(68dvh, 760px);
  overflow: auto;
  padding-right: 4px;
}
.crm-item-v40 {
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border-radius: 15px;
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(8,17,30,.54);
  color: var(--text);
  text-decoration: none;
}
.crm-item-v40:hover,
.crm-item-v40.is-active {
  border-color: rgba(57,189,255,.38);
  background: rgba(15,31,51,.78);
}
.crm-item-v40 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-item-v40 span,
.crm-item-v40 small {
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-empty-v40 {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px dashed rgba(148,163,184,.22);
  border-radius: 16px;
  color: var(--muted);
}
.crm-form-v40 {
  display: grid;
  gap: 14px;
}
.crm-form-grid-v40 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.crm-form-grid-v40 label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-weight: 750;
  min-width: 0;
}
.crm-form-grid-v40 label span {
  font-size: .86rem;
}
.crm-form-grid-v40 .full {
  grid-column: 1 / -1;
}
.crm-form-grid-v40 input,
.crm-form-grid-v40 select,
.crm-form-grid-v40 textarea {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border-radius: 12px;
}
.crm-form-grid-v40 textarea {
  min-height: 118px;
  resize: vertical;
}
.crm-notes-v40 {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(148,163,184,.12);
}
.crm-note-form-v40 {
  display: grid;
  gap: 9px;
}
.crm-note-form-v40 textarea {
  min-height: 82px;
  resize: vertical;
}
.crm-note-form-v40 .btn {
  justify-self: start;
}
.crm-note-list-v40 {
  display: grid;
  gap: 9px;
  max-height: 420px;
  overflow: auto;
  padding-right: 4px;
}
.crm-note-v40 {
  display: grid;
  gap: 7px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(8,17,30,.46);
}
.crm-note-v40 div {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: baseline;
  color: var(--muted);
  font-size: .9rem;
}
.crm-note-v40 p {
  margin: 0;
  line-height: 1.5;
}
@media (max-width: 1180px) {
  .crm-split-v40 { grid-template-columns: 1fr !important; }
  .crm-list-v40 { max-height: 430px; }
}
@media (max-width: 760px) {
  .crm-filter-v40 { grid-template-columns: 1fr; }
  .crm-form-grid-v40 { grid-template-columns: 1fr; }
  .crm-note-form-v40 .btn { width: 100%; }
}

/* === v4.2 CRM board + modal client cards + granular permission board === */
.crm-board-v42 {
  display: grid;
  gap: 16px;
  padding: 18px !important;
}
.crm-board-v42__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.crm-board-v42__head h2 { margin: 0 0 4px; }
.crm-stats-v42 {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 10px;
}
.crm-stats-v42 .crm-stat-v40 {
  margin: 0;
  min-height: 74px;
  background: linear-gradient(180deg, rgba(9,18,31,.88), rgba(7,14,25,.94));
}
.crm-filter-v42 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
}
.crm-lead-cards-v42 {
  display: grid;
  gap: 10px;
}
.crm-lead-card-v42 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(8,17,30,.72), rgba(7,14,25,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.crm-lead-card-v42.is-empty {
  display: grid;
  grid-template-columns: 1fr;
  color: var(--muted);
}
.crm-lead-card-v42__main { display: grid; gap: 5px; min-width: 0; }
.crm-lead-card-v42__top {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.crm-lead-card-v42__top span,
.crm-lead-card-v42__top small {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 9px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(255,255,255,.035);
  color: var(--muted);
  font-size: .82rem;
}
.crm-lead-card-v42 h3 { margin: 0; font-size: 1.1rem; line-height: 1.25; }
.crm-lead-card-v42 p { margin: 0; color: var(--text); overflow-wrap: anywhere; }
.crm-lead-card-v42 small { color: var(--muted); }
.crm-lead-card-v42__actions { display: flex; justify-content: flex-end; }
.crm-modal-v42[hidden] { display: none !important; }
.crm-modal-v42 {
  position: fixed;
  inset: 0;
  z-index: 2200;
  display: grid;
  place-items: center;
  padding: 18px;
}
.crm-modal-v42__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.56);
  backdrop-filter: blur(2px);
}
.crm-modal-v42__dialog {
  position: relative;
  z-index: 1;
  width: min(1040px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  overflow: auto;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(12,24,40,.98), rgba(6,12,22,.99));
  box-shadow: 0 32px 90px rgba(0,0,0,.48);
  padding: 18px;
}
.crm-modal-v42__head,
.crm-modal-v42__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.crm-modal-v42__head { padding-right: 46px; margin-bottom: 14px; }
.crm-modal-v42__head h2 { margin: 2px 0 6px; }
.crm-form-v42 { display: grid; gap: 14px; }
.crm-form-grid-v42 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.crm-form-grid-v42 .full { grid-column: 1 / -1; }
.crm-modal-v42__foot { justify-content: flex-start; margin-top: 4px; }
.crm-notes-v42 { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(148,163,184,.12); }
html.crm-modal-open { overflow: hidden; }
.users-split-v42 { grid-template-columns: minmax(270px,.36fr) minmax(0,1fr); }
.users-detail-v42 { display: grid; gap: 16px; }
.user-main-grid-v42 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.permission-board-v42 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  padding-top: 4px;
}
.permission-board-v42__head { grid-column: 1 / -1; }
.permission-board-v42__head h3 { margin: 0 0 4px; }
.permission-column-v42 {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 310px;
  padding: 12px;
  border: 1px dashed rgba(148,163,184,.22);
  border-radius: 18px;
  background: rgba(7,14,25,.52);
}
.permission-column-v42.is-selected {
  border-style: solid;
  border-color: rgba(57,189,255,.25);
  background: linear-gradient(180deg, rgba(24,86,128,.25), rgba(7,14,25,.58));
}
.permission-column-v42 > strong {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 4px 0 8px;
  color: var(--text);
  background: inherit;
}
.permission-item-v42 {
  width: 100%;
  display: grid;
  gap: 2px;
  text-align: left;
  padding: 10px 11px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  cursor: grab;
}
.permission-item-v42:active { cursor: grabbing; }
.permission-item-v42 span { font-weight: 800; }
.permission-item-v42 small { color: var(--muted); }
.permission-column-v42.is-over {
  border-color: rgba(57,189,255,.68);
  box-shadow: 0 0 0 3px rgba(57,189,255,.10);
}
.permission-hidden-v42 { display: none; }
@media (max-width: 980px) {
  .crm-board-v42__head { display: grid; }
  .crm-form-grid-v42 { grid-template-columns: 1fr 1fr; }
  .users-split-v42 { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .crm-filter-v42,
  .crm-lead-card-v42,
  .permission-board-v42,
  .user-main-grid-v42,
  .crm-form-grid-v42 { grid-template-columns: 1fr; }
  .crm-form-grid-v42 .full,
  .permission-board-v42__head { grid-column: auto; }
  .crm-lead-card-v42__actions,
  .crm-lead-card-v42__actions .btn { width: 100%; }
  .crm-modal-v42 { padding: 9px; }
  .crm-modal-v42__dialog { width: calc(100vw - 18px); max-height: calc(100dvh - 18px); padding: 14px; border-radius: 18px; }
  .crm-modal-v42__head,
  .crm-modal-v42__foot { align-items: stretch; flex-direction: column; }
  .crm-modal-v42__foot .btn { width: 100%; }
}

/* === v4.3 install / admin security === */
.admin-ip-events-v43 h4 { margin: 8px 0 10px; }
.admin-mini-list-v43 { display: grid; gap: 8px; max-height: 280px; overflow: auto; }
.admin-mini-list-v43 > div { display: grid; gap: 3px; padding: 10px 12px; border: 1px solid rgba(148,163,184,.14); border-radius: 14px; background: rgba(8,16,28,.42); }
.admin-mini-list-v43 strong { font-size: .95rem; }
.admin-mini-list-v43 span, .admin-mini-list-v43 small { color: var(--muted); font-size: .84rem; overflow-wrap: anywhere; }


/* === v4.4 Telegram webhook manager === */
.telegram-admin-v44 {
  display: grid;
  gap: 16px;
}
.telegram-grid-v44 textarea {
  min-height: 70px;
}
.telegram-actions-v44 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.telegram-actions-v44 .btn {
  min-height: 40px;
}
.telegram-actions-v44 .danger-soft {
  border-color: rgba(248,113,113,.3);
  color: #fecaca;
}
.telegram-result-v44 {
  display: grid;
  gap: 10px;
}
.telegram-result-v44 pre {
  max-height: 360px;
  overflow: auto;
  margin: 0;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(2,8,16,.72);
  white-space: pre-wrap;
  word-break: break-word;
}
.telegram-help-v44 code {
  white-space: nowrap;
}
@media (max-width: 760px) {
  .telegram-actions-v44 {
    display: grid;
  }
  .telegram-actions-v44 .btn {
    width: 100%;
  }
}

/* === v4.5 admin sidebar overflow fix === */
:root { --admin-sidebar-w: 232px; }
body.admin-area .admin-sidebar-v12 {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  overflow: hidden !important;
  padding: 12px 10px !important;
}
body.admin-area .admin-sidebar__brand {
  flex: none !important;
  margin: 0 !important;
  padding: 7px 9px 9px !important;
}
body.admin-area .admin-sidebar__brand strong { font-size: 1.04rem !important; }
body.admin-area .admin-sidebar__brand span { font-size: .78rem !important; }
body.admin-area .admin-sidebar__nav-main {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 3px !important;
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  scrollbar-width: thin;
}
body.admin-area .admin-sidebar__nav-main::-webkit-scrollbar { width: 6px; }
body.admin-area .admin-sidebar__nav-main::-webkit-scrollbar-thumb { background: rgba(148,163,184,.28); border-radius: 999px; }
body.admin-area .admin-sidebar__group {
  display: block;
  margin: 7px 7px 2px;
  color: rgba(148,163,184,.74);
  font-size: .72rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.admin-area .admin-sidebar__nav-main .admin-sidebar__group:first-child { margin-top: 0; }
body.admin-area .admin-sidebar__nav-main a {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 11px !important;
}
body.admin-area .admin-sidebar__nav-main a span {
  font-size: .95rem !important;
  line-height: 1.05 !important;
}
body.admin-area .admin-sidebar__bottom {
  display: grid;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(148,163,184,.13);
  background: linear-gradient(180deg, rgba(8,15,27,0), rgba(8,15,27,.96) 18%, rgba(8,15,27,.98));
}
body.admin-area .admin-sidebar__nav-system {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  overflow: visible !important;
}
body.admin-area .admin-sidebar__nav-system a {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.025);
  border-color: rgba(148,163,184,.10);
}
body.admin-area .admin-sidebar__nav-system a span {
  font-size: .93rem !important;
  line-height: 1.05 !important;
}
body.admin-area .admin-sidebar__nav-system a[aria-current="page"] {
  background: rgba(39,183,255,.11) !important;
  border-color: rgba(39,183,255,.28) !important;
}
body.admin-area .admin-sidebar__meta-v16 {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body.admin-area .admin-live-stats-v16 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
}
body.admin-area .admin-live-stats-v16 span {
  padding: 6px 5px !important;
  border-radius: 10px !important;
}
body.admin-area .admin-live-stats-v16 small { font-size: .65rem !important; }
body.admin-area .admin-live-stats-v16 strong { font-size: .86rem !important; }
body.admin-area .admin-sidebar__meta-v16 > a {
  padding: 7px !important;
  border-radius: 10px !important;
  font-size: .88rem !important;
}
@media (max-height: 740px) and (min-width: 981px) {
  body.admin-area .admin-sidebar-v12 { padding: 8px 8px !important; gap: 6px !important; }
  body.admin-area .admin-sidebar__brand span { display: none !important; }
  body.admin-area .admin-sidebar__group { margin-top: 5px; font-size: .66rem; }
  body.admin-area .admin-sidebar__nav-main a,
  body.admin-area .admin-sidebar__nav-system a { min-height: 30px !important; padding: 6px 9px !important; }
  body.admin-area .admin-sidebar__nav-main a span,
  body.admin-area .admin-sidebar__nav-system a span { font-size: .89rem !important; }
  body.admin-area .admin-live-stats-v16 { display: none !important; }
}
@media (max-width: 980px) {
  body.admin-area .admin-sidebar-v12 {
    width: min(290px, 86vw) !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
  }
  body.admin-area .admin-sidebar__nav-main { overflow-y: auto !important; }
  body.admin-area .admin-sidebar__bottom { position: relative; }
}


/* === v4.6 chat timestamps + admin popups === */
.admin-chat-log-v36 .chat-msg,
.chat-widget-v15 .chat-msg {
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
}
.admin-chat-log-v36 .chat-msg__text,
.chat-widget-v15 .chat-msg__text {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.admin-chat-log-v36 .chat-msg__time,
.chat-widget-v15 .chat-msg__time {
  display: block;
  margin-top: 2px;
  color: rgba(159, 177, 200, .82);
  font-size: .74rem;
  line-height: 1.15;
  white-space: nowrap;
}
.admin-chat-log-v36 .chat-msg--visitor .chat-msg__time,
.chat-widget-v15 .chat-msg--visitor .chat-msg__time {
  justify-self: end;
}
.admin-chat-log-v36 .chat-msg--admin .chat-msg__time,
.chat-widget-v15 .chat-msg--admin .chat-msg__time,
.admin-chat-log-v36 .chat-msg--system .chat-msg__time,
.chat-widget-v15 .chat-msg--system .chat-msg__time {
  justify-self: start;
}
.ic-admin-toast-stack {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: grid;
  gap: 10px;
  width: min(360px, calc(100vw - 32px));
  pointer-events: none;
}
.ic-admin-toast {
  pointer-events: auto;
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border: 1px solid rgba(57,189,255,.26);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(18, 52, 78, .98), rgba(7, 15, 28, .98));
  color: var(--text, #e6edf7);
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(0,0,0,.36);
  transform: translateY(0);
  opacity: 1;
  transition: opacity .22s ease, transform .22s ease;
}
.ic-admin-toast strong { font-size: .98rem; }
.ic-admin-toast span { color: var(--muted, #9fb1c8); font-size: .9rem; line-height: 1.35; }
.ic-admin-toast.is-hide { opacity: 0; transform: translateY(8px); }
@media (max-width: 760px) {
  .ic-admin-toast-stack { left: 12px; right: 12px; bottom: 12px; width: auto; }
}

/* === v4.8: settings cleanup + local import/export blocks === */
#settings-tab-security:checked ~ .settings-tabs-v15 label[for="settings-tab-security"] {
  color: #06111d;
  background: var(--accent);
}
#settings-tab-security:checked ~ .settings-panels-v15 .settings-panel-v15--security {
  display: block;
}
.settings-tabs-v48 {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
  overflow: hidden !important;
}
.settings-tabs-v48 label {
  min-width: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline: 6px !important;
  font-size: clamp(.74rem, .74vw, .88rem) !important;
}
.settings-card-v48 .settings-grid-v15 textarea[name="admin_ip_whitelist"] {
  min-height: 120px !important;
  max-height: 220px !important;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}
.telegram-actions-v48,
.import-form-inline-v48 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  align-items: end;
}
.import-inline-v48 {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}
.import-inline-v48 .editor-card-v30__head {
  margin-bottom: 0;
}
.import-form-inline-v48 label.full {
  grid-column: 1 / -1;
}
.import-form-inline-v48 input,
.import-form-inline-v48 select {
  width: 100%;
}
.admin-ip-events-v48 .admin-mini-list-v43 {
  max-height: 260px;
  overflow: auto;
  padding-right: 4px;
}
@media (max-width: 1180px) {
  .settings-tabs-v48 { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  .settings-tabs-v48 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .import-form-inline-v48, .telegram-actions-v48 { grid-template-columns: 1fr; }
}


/* === v4.9 cleaner copy + settings tabs one-row === */
body.admin-area .settings-tabs-v48 {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}
body.admin-area .settings-tabs-v48 label {
  min-width: 0 !important;
  padding: 10px 12px !important;
  font-size: .92rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
}
body.admin-area .admin-content .muted {
  line-height: 1.45;
}
@media (max-width: 960px) {
  body.admin-area .settings-tabs-v48 {
    display: flex !important;
    overflow-x: auto !important;
    scrollbar-width: thin;
  }
  body.admin-area .settings-tabs-v48 label {
    flex: 0 0 auto;
    min-width: 108px !important;
  }
}

/* === v5.0 clean import file picker === */
.file-picker-v50 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
}
.file-picker-v50 input[type="file"] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.file-picker-v50__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(43, 181, 255, .96), rgba(28, 156, 226, .96));
  color: #06111d;
  font-weight: 850;
  letter-spacing: .01em;
  border: 1px solid rgba(125, 211, 252, .35);
  box-shadow: 0 10px 24px rgba(14, 165, 233, .16), inset 0 1px 0 rgba(255,255,255,.28);
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.file-picker-v50:focus-within .file-picker-v50__button,
.file-picker-v50:hover .file-picker-v50__button {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(14, 165, 233, .22), inset 0 1px 0 rgba(255,255,255,.3);
}
.file-picker-v50__name {
  min-width: 0;
  color: var(--muted);
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .file-picker-v50 { align-items: stretch; flex-direction: column; }
  .file-picker-v50__button { width: 100%; }
}

/* === v5.0 public cases side card cleaned === */
.case-side-cards-v50 {
  display: grid;
  gap: 10px;
  margin: 18px 0;
}
.case-side-cards-v50 > div {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border-radius: 15px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(6, 15, 28, .45);
}
.case-side-cards-v50 strong {
  color: var(--text);
  font-size: 1.02rem;
}
.case-side-cards-v50 span {
  color: var(--muted);
  line-height: 1.45;
}

/* === v5.1 real CRM controls: compact import/export, filters, bulk actions === */
.crm-board-v51 { display: grid; gap: 14px; }
.crm-board-v51__head { gap: 14px; }
.crm-head-actions-v51 { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; align-items: center; }
.crm-stats-v51 { grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 8px; }
.crm-stats-v51 .crm-stat-v40 { padding: 10px 12px; }
.crm-stats-v51 .crm-stat-v40 strong { font-size: 1.15rem; }
.crm-filter-v51 {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(120px, .7fr) minmax(150px, .9fr) minmax(130px, .8fr) minmax(130px, .8fr) minmax(120px, .7fr) auto auto;
  gap: 8px;
  align-items: end;
}
.crm-filter-v51 input,
.crm-filter-v51 select,
.crm-bulkbar-v51 input,
.crm-bulkbar-v51 select {
  min-width: 0;
  width: 100%;
}
.crm-bulkbar-v51 {
  display: grid;
  grid-template-columns: max-content minmax(170px,.8fr) minmax(130px,.7fr) minmax(160px,.8fr) minmax(130px,.7fr) auto;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  background: rgba(7, 14, 25, .42);
}
.crm-check-v51 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  white-space: nowrap;
}
.crm-check-v51 input,
.crm-card-check-v51 input {
  accent-color: #29b6f6;
}
.crm-lead-cards-v51 { gap: 10px; }
.crm-lead-card-v51 {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  padding: 13px 14px;
}
.crm-card-check-v51 {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(8,17,30,.42);
  border: 1px solid rgba(148,163,184,.14);
  cursor: pointer;
}
.crm-card-check-v51 input { width: 16px; height: 16px; }
.crm-lead-card-v51__main h3 { font-size: 1.08rem; }
.crm-import-dialog-v51 { max-width: 720px; }
.crm-import-form-v51 { display: grid; grid-template-columns: minmax(190px,.55fr) minmax(0,1fr); gap: 12px; }
.crm-import-form-v51 .full,
.crm-import-form-v51 .crm-modal-v42__foot { grid-column: 1 / -1; }
@media (max-width: 1180px) {
  .crm-filter-v51 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .crm-bulkbar-v51 { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .crm-board-v51__head, .crm-head-actions-v51 { display: grid; justify-content: stretch; }
  .crm-head-actions-v51 .btn { width: 100%; }
  .crm-filter-v51,
  .crm-bulkbar-v51,
  .crm-import-form-v51 { grid-template-columns: 1fr; }
  .crm-lead-card-v51 { grid-template-columns: 34px minmax(0,1fr); }
  .crm-lead-card-v51 .crm-lead-card-v42__actions { grid-column: 1 / -1; justify-content: stretch; }
  .crm-lead-card-v51 .crm-lead-card-v42__actions .btn { width: 100%; }
}

/* === v5.2 cleanup: compact case card, icon chat button, less museum copy === */
.cases-layout-v10 {
  grid-template-columns: 1fr !important;
}
.cases-format,
.cases-format-v52 {
  position: static !important;
  top: auto !important;
}
.cases-format-v52 {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  gap: 14px;
  align-items: center;
  padding: clamp(16px, 2vw, 22px) !important;
}
.cases-format-v52 h2 {
  margin: 0 0 6px;
  font-size: clamp(24px, 2.8vw, 34px);
}
.cases-format-v52 p {
  margin: 0;
  max-width: 58ch;
}
.case-side-cards-v52 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.case-side-cards-v52 div {
  padding: 12px 13px;
  border: 1px solid rgba(148,163,184,.15);
  border-radius: 14px;
  background: rgba(8,16,28,.42);
}
.case-side-cards-v52 strong,
.case-side-cards-v52 span {
  display: block;
}
.case-side-cards-v52 strong {
  font-size: 1rem;
}
.case-side-cards-v52 span {
  color: var(--muted);
  margin-top: 3px;
  line-height: 1.35;
}

.proof-v52 .proof-v13__card {
  min-height: 0 !important;
  gap: 10px !important;
}
.proof-v52 .proof-v13__card h2 {
  margin: 0;
}
.proof-v52 .proof-v13__card p {
  margin: 0;
}

.chat-button-v52 {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
}
.chat-button-v52 svg {
  width: 24px;
  height: 24px;
  display: block;
  fill: currentColor;
}
.chat-widget-v15 .chat-panel-v15 {
  bottom: 66px;
}

.site-footer .footer-legal {
  display: none !important;
}

@media (max-width: 860px) {
  .cases-format-v52 {
    grid-template-columns: 1fr;
  }
  .case-side-cards-v52 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .cases-format-v52 {
    padding: 16px !important;
  }
  .case-side-cards-v52 div {
    padding: 11px 12px;
  }
  .chat-button-v52 {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
  }
}

/* === v5.3: Android 7 / Material-inspired refresh + normalized collapsible admin cards === */
:root {
  --bg: #0e1621;
  --bg-soft: #121f2c;
  --surface: #172638;
  --surface-2: #1e3448;
  --surface-3: #122030;
  --border: rgba(184, 205, 225, .16);
  --border-strong: rgba(184, 205, 225, .30);
  --text: #eef6fb;
  --muted: #a9bbcc;
  --accent: #64b5f6;
  --accent-2: #80cbc4;
  --primary: #64b5f6;
  --primary-hover: #90caf9;
  --success: #9ccc65;
  --danger: #ef9a9a;
  --radius: 18px;
  --shadow: 0 18px 44px rgba(4, 10, 18, .28), 0 2px 8px rgba(0, 0, 0, .18);
  --shadow-raised: 0 24px 64px rgba(4, 10, 18, .38), 0 6px 18px rgba(0, 0, 0, .22);
  --material-ease: cubic-bezier(.2, .8, .2, 1);
}

html { background: var(--bg); }
body {
  background:
    radial-gradient(900px 420px at 12% -6%, rgba(100, 181, 246, .16), transparent 62%),
    radial-gradient(720px 420px at 96% 10%, rgba(128, 203, 196, .10), transparent 60%),
    linear-gradient(180deg, #0e1621 0%, #101b28 45%, #0d1520 100%) !important;
}
body:not(.admin-area) .section,
body:not(.admin-area) .hero,
body:not(.admin-area) .section-v10,
body:not(.admin-area) .section-v13 {
  background: transparent !important;
}
body:not(.admin-area) .section--soft,
body:not(.admin-area) .section-v10.section--soft {
  background: linear-gradient(180deg, rgba(18,31,44,.58), rgba(14,22,33,.72)) !important;
}

.site-header {
  background: rgba(18, 31, 44, .74) !important;
  backdrop-filter: blur(14px) saturate(1.18);
  box-shadow: 0 8px 26px rgba(0,0,0,.16);
}

.panel,
.card,
.s-card,
.service-card-v13,
.price-card-v13,
.request-v13__card,
.proof-v13__card,
.process-card-v28,
.case-post,
.cases-format-v52,
.crm-lead-card-v42,
.admin-list-item,
.content-editor-card-v30,
.case-admin-row-v35,
.admin-stat {
  background: linear-gradient(180deg, rgba(30, 52, 72, .90), rgba(18, 32, 48, .94)) !important;
  border-color: rgba(184,205,225,.17) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow) !important;
  transition:
    transform .22s var(--material-ease),
    box-shadow .22s var(--material-ease),
    border-color .22s var(--material-ease),
    background .22s var(--material-ease),
    max-height .26s var(--material-ease),
    height .26s var(--material-ease),
    opacity .18s ease;
}

body:not(.admin-area) .service-card-v13,
body:not(.admin-area) .price-card-v13,
body:not(.admin-area) .request-v13__card,
body:not(.admin-area) .proof-v13__card,
body:not(.admin-area) .s-card,
body:not(.admin-area) .case-post {
  min-height: 188px;
}

body:not(.admin-area) .service-card-v13:hover,
body:not(.admin-area) .price-card-v13:hover,
body:not(.admin-area) .request-v13__card:hover,
body:not(.admin-area) .proof-v13__card:hover,
body:not(.admin-area) .s-card:hover,
body:not(.admin-area) .case-post:hover,
body.admin-area .admin-stat:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-raised) !important;
  border-color: rgba(144, 202, 249, .34) !important;
}

body:not(.admin-area) .service-grid-v13,
body:not(.admin-area) .price-grid-v13,
body:not(.admin-area) .proof-v13__grid,
body:not(.admin-area) .request-v13__grid,
body:not(.admin-area) .service-groups--links {
  align-items: stretch;
}
body:not(.admin-area) .service-grid-v13 > *,
body:not(.admin-area) .price-grid-v13 > *,
body:not(.admin-area) .proof-v13__grid > *,
body:not(.admin-area) .request-v13__grid > *,
body:not(.admin-area) .service-groups--links > * {
  height: 100%;
}

.btn,
button,
.site-nav a,
.file-picker-v50__button,
.chat-toggle-v52,
.chat-toggle,
[data-crm-modal-open],
[data-case-modal-open] {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition:
    transform .18s var(--material-ease),
    box-shadow .18s var(--material-ease),
    background .18s var(--material-ease),
    border-color .18s var(--material-ease),
    opacity .18s ease !important;
}
.btn,
button.btn,
.file-picker-v50__button {
  border-radius: 14px !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.16);
}
.btn:hover,
button:hover,
.file-picker-v50__button:hover,
.site-nav a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,.22);
}
.btn:active,
button:active,
.file-picker-v50__button:active,
.site-nav a:active {
  transform: translateY(1px) scale(.985);
  box-shadow: 0 4px 10px rgba(0,0,0,.20);
}
.btn.primary {
  background: linear-gradient(180deg, #90caf9, #64b5f6) !important;
  color: #07131d !important;
}
.btn.secondary {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(184,205,225,.20) !important;
}
.btn.secondary:hover {
  background: rgba(100,181,246,.10) !important;
  border-color: rgba(144,202,249,.42) !important;
}
.ic-ripple {
  position: absolute;
  border-radius: 999px;
  transform: translate(-50%, -50%) scale(0);
  background: rgba(255,255,255,.30);
  pointer-events: none;
  width: 20px;
  height: 20px;
  animation: icRipple .58s var(--material-ease) forwards;
}
@keyframes icRipple {
  to { transform: translate(-50%, -50%) scale(18); opacity: 0; }
}

.badge,
.status-pill,
.workflow-num,
.process-card-v28 b,
.pricing-card-v21__num,
.service-editor-card-v30__num,
.crm-lead-card-v42__top span {
  background: rgba(100,181,246,.14) !important;
  border-color: rgba(100,181,246,.32) !important;
  color: #d7edff !important;
}

input,
select,
textarea {
  border-radius: 14px !important;
  border-color: rgba(184,205,225,.18) !important;
  background: rgba(9, 17, 27, .54) !important;
  transition: border-color .16s var(--material-ease), box-shadow .16s var(--material-ease), background .16s var(--material-ease);
}
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(144, 202, 249, .70) !important;
  box-shadow: 0 0 0 4px rgba(100,181,246,.14) !important;
  outline: none !important;
}

/* Admin: normalized collapsible cards. Click card background to expand, focus fields expands too. */
body.admin-area .ic-fold-card {
  --ic-fold-h: 136px;
  position: relative !important;
  min-height: var(--ic-fold-h) !important;
  max-height: 1200px;
  isolation: isolate;
  cursor: pointer;
  overflow: hidden !important;
}
body.admin-area .ic-fold-card:not(.is-expanded) {
  height: var(--ic-fold-h) !important;
  max-height: var(--ic-fold-h) !important;
  align-content: start !important;
}
body.admin-area .ic-fold-card.is-expanded {
  height: auto !important;
  max-height: none !important;
  z-index: 6;
  cursor: default;
  box-shadow: var(--shadow-raised) !important;
  border-color: rgba(144,202,249,.38) !important;
}
body.admin-area .ic-fold-card:not(.is-expanded)::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 46px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(18,32,48,0), rgba(18,32,48,.96));
}
body.admin-area .ic-fold-card .ic-fold-indicator {
  position: absolute;
  z-index: 4;
  right: 12px;
  top: 12px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #d7edff;
  background: rgba(100,181,246,.12);
  border: 1px solid rgba(100,181,246,.26);
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
  transition: transform .22s var(--material-ease), background .22s var(--material-ease);
}
body.admin-area .ic-fold-card .ic-fold-indicator::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-1px,-2px);
}
body.admin-area .ic-fold-card.is-expanded .ic-fold-indicator {
  transform: rotate(180deg);
  background: rgba(128,203,196,.16);
}
body.admin-area .ic-fold-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-raised) !important;
}
body.admin-area .ic-fold-card:focus-visible {
  outline: 2px solid rgba(144,202,249,.84);
  outline-offset: 3px;
}
body.admin-area .ic-fold-card textarea {
  max-height: 340px;
}
body.admin-area .ic-fold-card:not(.is-expanded) textarea,
body.admin-area .ic-fold-card:not(.is-expanded) .admin-message,
body.admin-area .ic-fold-card:not(.is-expanded) p {
  overflow: hidden;
}

body.admin-area [data-pricing-item].ic-fold-card,
body.admin-area [data-service-item].ic-fold-card {
  --ic-fold-h: 150px;
}
body.admin-area .crm-lead-card-v42.ic-fold-card,
body.admin-area .case-admin-row-v35.ic-fold-card,
body.admin-area .admin-review-item-v13.ic-fold-card,
body.admin-area .admin-list-item.ic-fold-card {
  --ic-fold-h: 132px;
}

body.admin-area .content-editor-grid-v30,
body.admin-area .service-editor-v30,
body.admin-area .pricing-editor-v21,
body.admin-area .crm-lead-cards-v42,
body.admin-area .case-card-list-v35,
body.admin-area .admin-card-list-v13,
body.admin-area .admin-list-mobile {
  align-items: stretch;
}
body.admin-area .content-editor-grid-v30 > .ic-fold-card,
body.admin-area .service-editor-v30 > .ic-fold-card,
body.admin-area .pricing-editor-v21 > .ic-fold-card,
body.admin-area .crm-lead-cards-v42 > .ic-fold-card,
body.admin-area .case-card-list-v35 > .ic-fold-card,
body.admin-area .admin-card-list-v13 > .ic-fold-card,
body.admin-area .admin-list-mobile > .ic-fold-card {
  width: 100%;
}

body.admin-area .admin-topbar-v12,
body.admin-area .settings-card-v15,
body.admin-area .crm-board-v42,
body.admin-area .editor-card-v30,
body.admin-area .case-workspace-v35 {
  background: linear-gradient(180deg, rgba(30,52,72,.72), rgba(18,32,48,.86)) !important;
  box-shadow: var(--shadow) !important;
}
body.admin-area .admin-sidebar-v12 {
  background: linear-gradient(180deg, rgba(22,35,50,.97), rgba(14,24,36,.98)) !important;
}
body.admin-area .admin-sidebar__nav a:hover,
body.admin-area .admin-sidebar__nav a[aria-current="page"] {
  background: rgba(100,181,246,.13) !important;
  border-color: rgba(100,181,246,.30) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

.chat-toggle-v52,
.chat-toggle {
  box-shadow: 0 12px 26px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.05) inset !important;
}
.chat-toggle-v52:hover,
.chat-toggle:hover { transform: translateY(-3px) scale(1.03); }

@media (max-width: 760px) {
  body:not(.admin-area) .service-card-v13,
  body:not(.admin-area) .price-card-v13,
  body:not(.admin-area) .request-v13__card,
  body:not(.admin-area) .proof-v13__card,
  body:not(.admin-area) .s-card,
  body:not(.admin-area) .case-post {
    min-height: auto;
  }
  body.admin-area .ic-fold-card { --ic-fold-h: 122px; }
  body.admin-area [data-pricing-item].ic-fold-card,
  body.admin-area [data-service-item].ic-fold-card { --ic-fold-h: 168px; }
}


/* === v5.4: consistent admin surfaces + editable hero polish === */
body.admin-area {
  background:
    radial-gradient(900px 460px at 10% -10%, rgba(100,181,246,.08), transparent 62%),
    linear-gradient(180deg, #0b1521 0%, #08111c 100%) !important;
}
body.admin-area .admin-shell-v12,
body.admin-area .admin-content-v12 {
  background: transparent !important;
}
body.admin-area .admin-topbar-v12 {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(184,205,225,.10) !important;
  border-radius: 0 !important;
}
body.admin-area .admin-sidebar-v12 {
  background: rgba(10, 20, 32, .94) !important;
  border-right: 1px solid rgba(184,205,225,.11) !important;
  box-shadow: none !important;
}
body.admin-area .admin-sidebar__nav a,
body.admin-area .admin-sidebar__meta,
body.admin-area .admin-live-stats-v16 span {
  background: rgba(8, 16, 27, .42) !important;
  border-color: rgba(184,205,225,.11) !important;
}
body.admin-area .admin-sidebar__nav a:hover,
body.admin-area .admin-sidebar__nav a[aria-current="page"] {
  background: rgba(100,181,246,.12) !important;
}
body.admin-area .panel,
body.admin-area .admin-card,
body.admin-area .settings-card-v15,
body.admin-area .crm-board-v42,
body.admin-area .editor-card-v30,
body.admin-area .case-workspace-v35,
body.admin-area .admin-list-item,
body.admin-area .admin-review-item-v13,
body.admin-area .case-admin-row-v35,
body.admin-area .crm-lead-card-v42 {
  background: linear-gradient(180deg, rgba(19, 36, 54, .92), rgba(13, 25, 40, .96)) !important;
  border-color: rgba(184,205,225,.13) !important;
}
body.admin-area .panel::after {
  opacity: .45;
}
body.admin-area .ic-fold-card:not(.is-expanded)::before {
  background: linear-gradient(180deg, rgba(13,25,40,0), rgba(13,25,40,.97)) !important;
}
body.admin-area .settings-card-v15__head,
body.admin-area .settings-card-v15__foot {
  background: transparent !important;
}
body.admin-area .settings-tabs-v15 {
  background: rgba(8,16,27,.42) !important;
}
body.admin-area .settings-tabs-v15 label {
  white-space: nowrap;
}
body:not(.admin-area) .hero-v13__copy h1 {
  text-wrap: balance;
}

/* === v5.5: CRM checkbox alignment fix === */
body.admin-area .crm-bulkbar-v51 .crm-check-v51,
body.admin-area .crm-lead-card-v51 .crm-card-check-v51 {
  position: relative !important;
  display: inline-grid !important;
  grid-template-columns: 22px auto;
  align-items: center !important;
  justify-content: start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  cursor: pointer;
  user-select: none;
}

body.admin-area .crm-lead-card-v51 .crm-card-check-v51 {
  grid-template-columns: 22px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  place-items: center !important;
  align-self: center !important;
  justify-self: start !important;
  border-radius: 12px !important;
  background: rgba(8, 17, 30, .38) !important;
  border: 1px solid rgba(184, 205, 225, .14) !important;
  box-shadow: none !important;
}

body.admin-area .crm-check-v51 input[type="checkbox"],
body.admin-area .crm-card-check-v51 input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  inset: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 7px !important;
  border: 1px solid rgba(184, 205, 225, .35) !important;
  background: linear-gradient(180deg, rgba(9, 17, 27, .74), rgba(8, 15, 25, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  transform: none !important;
  transition: background .16s var(--material-ease), border-color .16s var(--material-ease), box-shadow .16s var(--material-ease), transform .12s var(--material-ease) !important;
  cursor: pointer;
  vertical-align: middle;
  accent-color: unset !important;
}

body.admin-area .crm-check-v51 input[type="checkbox"]::after,
body.admin-area .crm-card-check-v51 input[type="checkbox"]::after {
  content: "";
  width: 6px;
  height: 11px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(45deg) translate(-1px, -1px) scale(.8);
  opacity: 0;
  transition: opacity .12s ease, transform .12s var(--material-ease), border-color .12s ease;
}

body.admin-area .crm-check-v51 input[type="checkbox"]:checked,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:checked {
  border-color: rgba(100, 181, 246, .88) !important;
  background: linear-gradient(180deg, rgba(144, 202, 249, .95), rgba(100, 181, 246, .95)) !important;
  box-shadow: 0 0 0 3px rgba(100, 181, 246, .14), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

body.admin-area .crm-check-v51 input[type="checkbox"]:checked::after,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:checked::after {
  border-color: #07131d;
  opacity: 1;
  transform: rotate(45deg) translate(-1px, -1px) scale(1);
}

body.admin-area .crm-check-v51 input[type="checkbox"]:focus-visible,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(100, 181, 246, .22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.admin-area .crm-check-v51 input[type="checkbox"]:active,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:active {
  transform: scale(.92) !important;
}

body.admin-area .crm-card-check-v51 > span {
  display: none !important;
}

body.admin-area .crm-lead-card-v51 {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  column-gap: 12px !important;
}

body.admin-area .crm-lead-card-v51.ic-fold-card .crm-card-check-v51 {
  z-index: 5;
}

body.admin-area .crm-lead-card-v51.ic-fold-card .ic-fold-indicator {
  right: 10px;
  top: 10px;
}

body.admin-area .crm-lead-card-v51 .crm-lead-card-v42__actions {
  padding-right: 34px;
}

@media (max-width: 760px) {
  body.admin-area .crm-lead-card-v51 {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-areas:
      "check main"
      "actions actions" !important;
  }
  body.admin-area .crm-lead-card-v51 .crm-card-check-v51 { grid-area: check; }
  body.admin-area .crm-lead-card-v51 .crm-lead-card-v51__main { grid-area: main; }
  body.admin-area .crm-lead-card-v51 .crm-lead-card-v42__actions { grid-area: actions; padding-right: 0; }
}

/* === v5.6 chat ownership, access and permission presets === */
.chat-access-v56 {
  margin: 10px 0 14px;
  border: 1px solid rgba(94, 149, 196, .18);
  border-radius: 16px;
  background: rgba(15, 31, 48, .42);
  overflow: hidden;
}
.chat-access-v56 summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 800;
  color: var(--text);
}
.chat-access-form-v56 {
  display: grid;
  gap: 12px;
  padding: 0 14px 14px;
}
.chat-access-form-v56 label {
  display: grid;
  gap: 6px;
}
.chat-access-users-v56 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}
.chat-access-users-v56 label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}
.chat-access-users-v56 input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  accent-color: var(--accent);
}
.status-pill.status-new {
  background: rgba(77, 208, 225, .18);
  color: #e0fbff;
  border-color: rgba(77, 208, 225, .28);
}
.permission-presets-v56 {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px !important;
}
.permission-presets-v56__buttons,
.permission-presets-v56__save {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.permission-presets-v56__buttons .btn,
.permission-presets-v56__save .btn {
  min-height: 36px;
  padding: 0 12px;
}
.permission-presets-v56__save input {
  min-width: min(280px, 100%);
  flex: 1 1 220px;
}
body.admin-area .admin-chat-item-v36 small {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 760px) {
  .chat-access-users-v56 { grid-template-columns: 1fr; }
  .permission-presets-v56__buttons .btn,
  .permission-presets-v56__save .btn { width: 100%; }
}


/* === v5.8 case delete controls === */
.case-workspace-v35__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.case-workspace-v35__actions form,
.case-delete-form-v58 {
  margin: 0;
  display: inline-flex;
}
.btn.danger-soft,
.danger-soft {
  border-color: rgba(239, 154, 154, .45) !important;
  color: #ffcdd2 !important;
  background: rgba(239, 154, 154, .08) !important;
}
.btn.danger-soft:hover,
.danger-soft:hover {
  border-color: rgba(239, 154, 154, .72) !important;
  background: rgba(239, 154, 154, .14) !important;
}
@media (max-width: 760px) {
  .case-workspace-v35__actions,
  .case-admin-row-v35__actions {
    justify-content: stretch;
  }
  .case-workspace-v35__actions .btn,
  .case-delete-form-v58,
  .case-delete-form-v58 .btn {
    width: 100%;
  }
}


/* === v6.0 CRM checkbox final cleanup: one checkmark only === */
body.admin-area .crm-check-v51,
body.admin-area .crm-card-check-v51 {
  position: relative !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"],
body.admin-area .crm-card-check-v51 input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
}
body.admin-area .crm-check-v51::before,
body.admin-area .crm-card-check-v51 > span {
  content: "" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(85, 103, 120, .34) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(225,236,242,.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 2px 6px rgba(20,40,60,.08) !important;
  transition: background .16s var(--material-ease), border-color .16s var(--material-ease), box-shadow .16s var(--material-ease), transform .12s var(--material-ease) !important;
}
body.admin-area .crm-card-check-v51 > span {
  display: inline-grid !important;
}
body.admin-area .crm-check-v51::after,
body.admin-area .crm-card-check-v51 > span::after {
  content: "" !important;
  width: 6px !important;
  height: 11px !important;
  border-right: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(.75) !important;
  opacity: 0 !important;
  transition: opacity .12s ease, transform .12s var(--material-ease), border-color .12s ease !important;
}
body.admin-area .crm-check-v51:has(input[type="checkbox"]:checked)::before,
body.admin-area .crm-card-check-v51:has(input[type="checkbox"]:checked) > span {
  border-color: rgba(52, 199, 89, .78) !important;
  background: linear-gradient(180deg, #7ee39b, #34c759) !important;
  box-shadow: 0 0 0 4px rgba(52,199,89,.15), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
body.admin-area .crm-check-v51:has(input[type="checkbox"]:checked)::after,
body.admin-area .crm-card-check-v51:has(input[type="checkbox"]:checked) > span::after {
  border-color: #fff !important;
  opacity: 1 !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(1) !important;
}
body.admin-area .crm-check-v51:has(input[type="checkbox"]:focus-visible)::before,
body.admin-area .crm-card-check-v51:has(input[type="checkbox"]:focus-visible) > span {
  box-shadow: 0 0 0 4px rgba(100,181,246,.22), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
body.admin-area .crm-check-v51:active::before,
body.admin-area .crm-card-check-v51:active > span {
  transform: scale(.92) !important;
}
body.admin-area .crm-check-v51 { grid-template-columns: 22px auto !important; }
body.admin-area .crm-check-v51::before { grid-column: 1; grid-row: 1; }
body.admin-area .crm-check-v51::after { grid-column: 1; grid-row: 1; justify-self: center; align-self: center; }
body.admin-area .crm-check-v51 > span { grid-column: 2; }

/* === v6.0 leads status ribbons and unopened markers === */
.leads-board-v60 { align-items: start; }
.leads-list-panel-v60 { overflow: hidden; }
.leads-cards-v60 {
  display: none;
  gap: 10px;
}
.lead-card-v60 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 82px;
  padding: 14px 14px 14px 22px;
  border: 1px solid rgba(82,99,115,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 7px 18px rgba(18, 38, 58, .08);
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: transform .16s var(--material-ease), box-shadow .16s var(--material-ease), border-color .16s var(--material-ease), background .16s var(--material-ease);
}
.lead-card-v60:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(18,38,58,.12); }
.lead-card-v60.is-active { border-color: rgba(100,181,246,.42); box-shadow: 0 0 0 4px rgba(100,181,246,.12), 0 12px 24px rgba(18,38,58,.12); }
.lead-card-v60::before,
.lead-row-v60 td:first-child::before,
.lead-detail-ribbon-v60 {
  background: var(--lead-status-color, #90a4ae);
}
.lead-card-v60::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
}
.lead-card-v60__body { display: grid; gap: 5px; min-width: 0; }
.lead-card-v60__body strong,
.lead-card-v60__body span,
.lead-card-v60__body small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-card-v60__body small { color: rgba(61,76,91,.72); }
.lead-ribbon-v60 {
  position: absolute;
  top: 10px;
  right: -32px;
  width: 116px;
  height: 22px;
  display: grid;
  place-items: center;
  transform: rotate(35deg);
  background: var(--lead-status-color, #90a4ae);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  box-shadow: 0 6px 12px rgba(10,20,30,.16);
}
.lead-ribbon-v60 span { transform: translateY(-.5px); }
.lead-new-dot-v60 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffb300;
  box-shadow: 0 0 0 5px rgba(255,179,0,.14), 0 0 14px rgba(255,179,0,.42);
}
.lead-card-v60.is-unopened { background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,225,.72)); border-color: rgba(255,179,0,.28); }
.lead-row-v60 { position: relative; }
.lead-row-v60 td:first-child { position: relative; padding-left: 16px; white-space: nowrap; }
.lead-row-v60 td:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 5px;
  border-radius: 999px;
}
.lead-row-v60.is-unopened td { background: rgba(255, 248, 225, .45); }
.lead-new-badge-v60 {
  display: inline-flex;
  margin-left: 7px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255,179,0,.16);
  color: #8a5b00;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.lead-detail-v60 { position: relative; overflow: hidden; }
.lead-detail-ribbon-v60 {
  position: absolute;
  top: 18px;
  right: -34px;
  width: 132px;
  height: 28px;
  display: grid;
  place-items: center;
  transform: rotate(35deg);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(10,20,30,.18);
}
.status-new { --lead-status-color: #42a5f5; }
.status-in_progress { --lead-status-color: #ffb300; }
.status-done { --lead-status-color: #43a047; }
.status-spam { --lead-status-color: #ef5350; }
@media (max-width: 900px) {
  .leads-cards-v60 { display: grid; }
  .leads-table-wrap-v60 { display: none; }
}


/* === v6.1 emergency fix: leads visible + single CRM checkbox === */
body.admin-area .leads-cards-v60 {
  display: grid !important;
  gap: 10px !important;
}
body.admin-area .leads-table-wrap-v60,
body.admin-area .leads-table-v60 {
  display: none !important;
}
body.admin-area .lead-card-empty-v61 {
  grid-template-columns: 1fr !important;
  min-height: 74px !important;
  pointer-events: none;
  opacity: .82;
}
body.admin-area .lead-card-empty-v61::before,
body.admin-area .lead-card-empty-v61 .lead-ribbon-v60,
body.admin-area .lead-card-empty-v61 .lead-new-dot-v60 {
  display: none !important;
}

body.admin-area .crm-check-v51::before,
body.admin-area .crm-check-v51::after,
body.admin-area .crm-card-check-v51::before,
body.admin-area .crm-card-check-v51::after,
body.admin-area .crm-card-check-v51 > span,
body.admin-area .crm-card-check-v51 > span::before,
body.admin-area .crm-card-check-v51 > span::after {
  content: none !important;
  display: none !important;
}
body.admin-area .crm-check-v51 > span {
  display: inline !important;
  grid-column: auto !important;
  color: inherit !important;
}
body.admin-area .crm-card-check-v51 {
  display: grid !important;
  grid-template-columns: 22px !important;
  place-items: center !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"],
body.admin-area .crm-card-check-v51 input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 7px !important;
  border: 1px solid rgba(100,181,246,.35) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(225,236,245,.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 2px 7px rgba(20,40,60,.10) !important;
  transform: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]::after,
body.admin-area .crm-card-check-v51 input[type="checkbox"]::after {
  content: "" !important;
  display: block !important;
  width: 6px !important;
  height: 11px !important;
  border-right: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(.75) !important;
  opacity: 0 !important;
  transition: opacity .12s ease, transform .12s var(--material-ease), border-color .12s ease !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]:checked,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:checked {
  border-color: rgba(52,199,89,.82) !important;
  background: linear-gradient(180deg, #7ee39b, #34c759) !important;
  box-shadow: 0 0 0 4px rgba(52,199,89,.15), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]:checked::after,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:checked::after {
  border-color: #fff !important;
  opacity: 1 !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(1) !important;
}


/* === v6.2 hotfix: dark lead cards, real single CRM checkbox, case import modal === */
body.admin-area .lead-card-v60 {
  background: linear-gradient(180deg, rgba(22,52,75,.92), rgba(13,27,43,.96)) !important;
  border-color: rgba(100,181,246,.18) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
  color: var(--text) !important;
}
body.admin-area .lead-card-v60.is-unopened {
  background: linear-gradient(180deg, rgba(25,62,90,.98), rgba(13,32,52,.96)) !important;
  border-color: rgba(255,179,0,.30) !important;
}
body.admin-area .lead-card-v60__body strong,
body.admin-area .lead-card-v60__body span {
  color: var(--text) !important;
}
body.admin-area .lead-card-v60__body small {
  color: var(--muted) !important;
}
body.admin-area .lead-new-badge-v60 {
  color: #ffd58a !important;
  background: rgba(255,179,0,.12) !important;
}
body.admin-area .lead-card-v60:hover {
  box-shadow: 0 16px 30px rgba(0,0,0,.22) !important;
}
body.admin-area .lead-card-v60.is-active {
  box-shadow: 0 0 0 4px rgba(100,181,246,.13), 0 16px 30px rgba(0,0,0,.22) !important;
}

body.admin-area .crm-check-v51::before,
body.admin-area .crm-check-v51::after,
body.admin-area .crm-card-check-v51::before,
body.admin-area .crm-card-check-v51::after,
body.admin-area .crm-card-check-v51 > span,
body.admin-area .crm-card-check-v51 > span::before,
body.admin-area .crm-card-check-v51 > span::after {
  content: none !important;
  display: none !important;
}
body.admin-area .crm-check-v51,
body.admin-area .crm-card-check-v51 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.admin-area .crm-card-check-v51 {
  inline-size: 34px !important;
  block-size: 34px !important;
  border-radius: 12px !important;
  background: rgba(7,17,31,.36) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"],
body.admin-area .crm-card-check-v51 input[type="checkbox"] {
  all: unset !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  inline-size: 22px !important;
  block-size: 22px !important;
  min-inline-size: 22px !important;
  min-block-size: 22px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(148,163,184,.42) !important;
  background: linear-gradient(180deg, rgba(232,242,250,.92), rgba(182,199,212,.90)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 2px 7px rgba(0,0,0,.20) !important;
  cursor: pointer !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]::after,
body.admin-area .crm-card-check-v51 input[type="checkbox"]::after {
  content: "" !important;
  display: block !important;
  width: 6px !important;
  height: 11px !important;
  border-right: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(.7) !important;
  opacity: 0 !important;
  transition: opacity .12s ease, transform .12s var(--material-ease), border-color .12s ease !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]:checked,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:checked {
  border-color: rgba(52,199,89,.85) !important;
  background: linear-gradient(180deg, #7ee39b, #34c759) !important;
  box-shadow: 0 0 0 4px rgba(52,199,89,.14), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]:checked::after,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:checked::after {
  border-color: #fff !important;
  opacity: 1 !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(1) !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]:focus-visible,
body.admin-area .crm-card-check-v51 input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(100,181,246,.8) !important;
  outline-offset: 2px !important;
}
body.admin-area .crm-check-v51 > span {
  display: inline !important;
  color: var(--muted) !important;
}
.case-import-dialog-v62 { max-width: 700px; }
.case-import-form-v62 { display: grid; grid-template-columns: minmax(180px,.44fr) minmax(0,1fr); gap: 12px; }
.case-import-form-v62 .full { grid-column: 1 / -1; }
@media (max-width: 760px) {
  .case-import-form-v62 { grid-template-columns: 1fr; }
}


/* === v6.3 performance + stable import/fold/CRM controls === */
/* Keep movement subtle in admin lists: no vertical twitching while scrolling. */
body.admin-area .ic-fold-card,
body.admin-area .admin-list-item,
body.admin-area .crm-lead-card-v42,
body.admin-area .case-admin-row-v35,
body.admin-area .admin-review-item-v13,
body.admin-area [data-pricing-item],
body.admin-area [data-service-item] {
  transform: none !important;
  will-change: auto !important;
  transition:
    border-color .14s var(--material-ease),
    background-color .14s var(--material-ease),
    box-shadow .14s var(--material-ease),
    opacity .14s ease !important;
}
body.admin-area .ic-fold-card:hover,
body.admin-area .admin-list-item:hover,
body.admin-area .crm-lead-card-v42:hover,
body.admin-area .case-admin-row-v35:hover,
body.admin-area .admin-review-item-v13:hover {
  transform: none !important;
}
body.admin-area .ic-fold-card:not(.is-expanded) {
  contain: layout paint;
}
body.admin-area .ic-fold-card.is-expanded {
  contain: none;
}
body.admin-area .ic-fold-card .ic-fold-indicator {
  transition: transform .14s var(--material-ease), background-color .14s var(--material-ease), border-color .14s var(--material-ease) !important;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* File chooser: one clickable surface, no double native dialog from label + JS. */
.file-picker-v50 {
  position: relative !important;
  cursor: pointer;
  user-select: none;
}
.file-picker-v50 input[type="file"] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  inset-inline-start: 0 !important;
  inset-block-start: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.file-picker-v50__button {
  pointer-events: none;
}
.file-picker-v50__name {
  pointer-events: none;
}

/* CRM checkbox: one real visual layer, white tick, no native + fake duplication. */
body.admin-area .crm-check-v51,
body.admin-area .crm-card-check-v51 {
  position: relative !important;
  display: inline-grid !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  user-select: none !important;
}
body.admin-area .crm-check-v51 {
  grid-template-columns: 22px minmax(0, auto) !important;
  width: auto !important;
  height: auto !important;
}
body.admin-area .crm-card-check-v51 {
  grid-template-columns: 22px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 12px !important;
  background: rgba(7,17,31,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  place-items: center !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"],
body.admin-area .crm-card-check-v51 input[type="checkbox"] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.admin-area .crm-check-v51 input[type="checkbox"]::before,
body.admin-area .crm-check-v51 input[type="checkbox"]::after,
body.admin-area .crm-card-check-v51 input[type="checkbox"]::before,
body.admin-area .crm-card-check-v51 input[type="checkbox"]::after,
body.admin-area .crm-card-check-v51 > span,
body.admin-area .crm-card-check-v51 > span::before,
body.admin-area .crm-card-check-v51 > span::after {
  content: none !important;
  display: none !important;
}
body.admin-area .crm-check-v51::before,
body.admin-area .crm-card-check-v51::before {
  content: "" !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  inline-size: 22px !important;
  block-size: 22px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(148,163,184,.42) !important;
  background: linear-gradient(180deg, rgba(236,245,252,.96), rgba(172,192,207,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.66), 0 2px 7px rgba(0,0,0,.18) !important;
}
body.admin-area .crm-check-v51::after,
body.admin-area .crm-card-check-v51::after {
  content: "" !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  inline-size: 6px !important;
  block-size: 11px !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(.72) !important;
  opacity: 0 !important;
  transition: opacity .10s ease, transform .10s var(--material-ease) !important;
}
body.admin-area .crm-check-v51:has(input[type="checkbox"]:checked)::before,
body.admin-area .crm-card-check-v51:has(input[type="checkbox"]:checked)::before {
  border-color: rgba(52,199,89,.86) !important;
  background: linear-gradient(180deg, #7ee39b, #34c759) !important;
  box-shadow: 0 0 0 4px rgba(52,199,89,.13), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
body.admin-area .crm-check-v51:has(input[type="checkbox"]:checked)::after,
body.admin-area .crm-card-check-v51:has(input[type="checkbox"]:checked)::after {
  opacity: 1 !important;
  transform: rotate(45deg) translate(-1px, -1px) scale(1) !important;
}
body.admin-area .crm-check-v51:has(input[type="checkbox"]:focus-visible)::before,
body.admin-area .crm-card-check-v51:has(input[type="checkbox"]:focus-visible)::before {
  outline: 2px solid rgba(100,181,246,.85) !important;
  outline-offset: 2px !important;
}
body.admin-area .crm-check-v51 > span {
  grid-column: 2 !important;
  display: inline !important;
  color: var(--muted) !important;
  line-height: 1.25 !important;
}

/* Cheaper hover: keep dynamics on buttons but avoid repaint storms on long lists. */
body.admin-area .admin-card-list-v13 .btn:hover,
body.admin-area .admin-list-mobile .btn:hover,
body.admin-area .crm-lead-cards-v42 .btn:hover,
body.admin-area .case-card-list-v35 .btn:hover {
  transform: none !important;
}


/* === v6.4 pricing page, selected home prices, larger logo === */
.brand-mark { height: 30px !important; }
@media (max-width: 760px) { .brand-mark { height: 26px !important; } }
.price-grid-v64 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.payment-strip-v64 {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px !important;
  min-height: 0 !important;
}
.payment-strip-v64 strong { font-size: .98rem; }
.payment-strip-v64 span { color: var(--muted); font-weight: 700; letter-spacing: .01em; }
.pricing-page-v64 h1 { margin: 0 0 10px; font-size: clamp(34px, 4vw, 58px); line-height: 1.02; }
.pricing-page-head-v64 { align-items: end; }
.pricing-table-v64 { margin-top: 16px; padding: 0 !important; overflow: hidden; }
.pricing-table-v64__row {
  display: grid;
  grid-template-columns: minmax(190px, .9fr) minmax(150px, .42fr) minmax(260px, 1.4fr);
  gap: 16px;
  align-items: start;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(184,205,225,.12);
}
.pricing-table-v64__row:last-child { border-bottom: 0; }
.pricing-table-v64__head {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(100,181,246,.08);
}
.pricing-table-v64__row strong { font-size: 1.05rem; line-height: 1.25; }
.pricing-table-v64__row b { color: var(--text); font-size: 1.12rem; line-height: 1.2; }
.pricing-table-v64__row p { margin: 0; color: var(--muted); line-height: 1.45; }
body.admin-area .pricing-home-check-v64 {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-height: 42px;
  padding-top: 22px;
  white-space: nowrap;
}
body.admin-area .pricing-home-check-v64 input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  accent-color: var(--accent);
}
body.admin-area .pricing-home-check-v64 span { margin: 0 !important; font-weight: 750; color: var(--muted); }
@media (max-width: 1180px) { .price-grid-v64 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) {
  .price-grid-v64 { grid-template-columns: 1fr !important; }
  .payment-strip-v64 { align-items: flex-start; flex-direction: column; }
  .pricing-table-v64__head { display: none; }
  .pricing-table-v64__row { grid-template-columns: 1fr; gap: 8px; padding: 15px; }
}

/* === v6.5 release cleanup: editable service pages, project channels, lean cases === */
/* Public channels */
.channel-grid-v65 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.channel-card-v65 {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  color: inherit;
  text-decoration: none !important;
  min-height: 116px;
  padding: 18px !important;
  background: linear-gradient(180deg, rgba(30,57,82,.94), rgba(15,29,47,.98)) !important;
  border-color: rgba(126,203,255,.20) !important;
}
.channel-card-v65:hover { border-color: rgba(126,203,255,.48) !important; box-shadow: 0 14px 36px rgba(0,0,0,.22); }
.channel-card-v65 h2,
.channel-card-v65 h3 { margin: 0 0 5px; line-height: 1.12; }
.channel-card-v65 p { margin: 0; }
.channel-card-v65 > strong { color: var(--accent); font-size: .92rem; }
.channel-icon-v65 {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  font-weight: 900;
  font-size: 1.35rem;
  color: #eaf7ff;
  background: radial-gradient(circle at 30% 20%, rgba(137,214,255,.95), rgba(37,136,218,.42) 55%, rgba(21,52,84,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 10px 26px rgba(0,0,0,.18);
}
.channel-grid-home-v65 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.channels-link-v65 .panel { display: flex; align-items: center; justify-content: space-between; gap: 16px; }

/* Dynamic service details */
.service-detail-grid-v65 { align-items: stretch; }
.service-detail-panel-v65 { min-height: 260px; }
.service-checks-v65 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-page-fields-v65 {
  margin-top: 8px;
  padding: 14px;
  border: 1px solid rgba(184,205,225,.12);
  border-radius: 18px;
  background: rgba(8,20,34,.34);
}
.service-page-fields-v65 h3 { margin: 0 0 12px; font-size: 1.05rem; }
.service-page-grid-v65 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.service-page-grid-v65 .full { grid-column: 1 / -1; }
.services-editor-v65 code { color: var(--accent); }
.services-editor-list-v65 .service-editor-card-v65 { align-content: start; }

/* Cases: fewer paints, no expensive sticky/fold behavior on public feed. */
.cases-layout-v65 {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.cases-format-v65 { position: static !important; top: auto !important; align-self: start; }
.case-feed-v65 { display: grid; gap: 14px; }
.case-post-v65 {
  min-height: 0;
  content-visibility: auto;
  contain-intrinsic-size: 280px;
  transition: border-color .14s ease, background-color .14s ease !important;
}
.case-post-v65:hover { transform: none !important; }
.case-summary-v65 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.case-pagination-v65 { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 10px; color: var(--muted); }

/* Security/cleanup visual consistency: avoid stray bright panels after theme changes. */
body:not(.admin-area) .panel,
body:not(.admin-area) .price-card-v13,
body:not(.admin-area) .service-card-v13,
body:not(.admin-area) .case-post {
  backface-visibility: hidden;
}

@media (max-width: 1000px) {
  .channel-grid-v65 { grid-template-columns: 1fr; }
  .cases-layout-v65 { grid-template-columns: 1fr; }
  .case-side-cards-v65 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .channel-card-v65 { grid-template-columns: 46px minmax(0,1fr); }
  .channel-card-v65 > strong { grid-column: 2; }
  .channel-icon-v65 { width: 46px; height: 46px; border-radius: 15px; }
  .channels-link-v65 .panel { display: grid; }
  .service-page-grid-v65, .service-checks-v65, .case-summary-v65 { grid-template-columns: 1fr; }
  .case-side-cards-v65 { grid-template-columns: 1fr; }
}

/* === v6.6 admin service cards layout hotfix === */
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) {
  --ic-fold-h: 118px;
  display: grid !important;
  grid-template-columns: 52px minmax(120px, .9fr) minmax(220px, 2fr) minmax(180px, 1.1fr) auto 28px;
  gap: 12px 14px !important;
  align-items: end !important;
  padding: 16px 52px 16px 18px !important;
}
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > .service-editor-card-v30__num {
  grid-column: 1;
  align-self: center;
  position: static !important;
}
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label {
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
}
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(1) { grid-column: 2; }
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(2) { display: none !important; }
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(3) { grid-column: 3; }
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(4) { grid-column: 4; }
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > .service-editor-card-v30__tools {
  grid-column: 5;
  align-self: end;
  margin: 0 !important;
}
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label.full,
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > .service-page-fields-v65 {
  display: none !important;
}
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) input,
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) textarea,
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) select {
  min-width: 0 !important;
  max-width: 100% !important;
}
body.admin-area [data-service-item].ic-fold-card.is-expanded {
  display: grid !important;
  grid-template-columns: 48px minmax(120px, .7fr) minmax(120px, .7fr) minmax(220px, 1.4fr) minmax(170px, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
}
body.admin-area [data-service-item].ic-fold-card.is-expanded > label.full,
body.admin-area [data-service-item].ic-fold-card.is-expanded > .service-page-fields-v65 {
  grid-column: 1 / -1 !important;
}
body.admin-area .service-page-fields-v65 {
  overflow: visible !important;
}
body.admin-area .service-page-grid-v65 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body.admin-area .service-page-grid-v65 .full {
  grid-column: 1 / -1 !important;
}
body.admin-area .service-page-grid-v65 textarea,
body.admin-area .service-editor-card-v30 textarea {
  width: 100% !important;
  min-width: 0 !important;
  resize: vertical;
}
@media (max-width: 900px) {
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded),
  body.admin-area [data-service-item].ic-fold-card.is-expanded {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    --ic-fold-h: 150px;
  }
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(1) { display:none !important; }
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(3),
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(4) { grid-column: 2 !important; }
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > .service-editor-card-v30__tools { display:none !important; }
  body.admin-area .service-page-grid-v65 { grid-template-columns: 1fr !important; }
}


/* === v6.7: admin service editor hard layout fix + real channel avatars === */
.channel-card-v65[data-channel="base"] { border-color: rgba(157, 63, 255, .30) !important; }
.channel-card-v65[data-channel="chat"] { border-color: rgba(255, 204, 0, .30) !important; }
.channel-card-v65[data-channel="announcements"] { border-color: rgba(255, 42, 64, .30) !important; }
.channel-icon-v65 {
  overflow: hidden;
  padding: 0;
}
.channel-icon-v65 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

body.admin-area [data-service-item].service-editor-card-v30.content-editor-card-v30 {
  display: grid !important;
  grid-template-columns: 48px minmax(130px, .8fr) minmax(100px, .5fr) minmax(320px, 1.75fr) minmax(220px, 1fr) auto !important;
  grid-template-areas:
    "num id label title slug tools"
    "desc desc desc desc desc desc"
    "page page page page page page" !important;
  gap: 14px 16px !important;
  align-items: start !important;
  padding: 16px 18px !important;
}
body.admin-area [data-service-item].service-editor-card-v30 > .service-editor-card-v30__num {
  grid-area: num !important;
  align-self: start !important;
  position: static !important;
}
body.admin-area [data-service-item].service-editor-card-v30 > label:nth-of-type(1) { grid-area: id !important; }
body.admin-area [data-service-item].service-editor-card-v30 > label:nth-of-type(2) { grid-area: label !important; display: grid !important; }
body.admin-area [data-service-item].service-editor-card-v30 > label:nth-of-type(3) { grid-area: title !important; }
body.admin-area [data-service-item].service-editor-card-v30 > label:nth-of-type(4) { grid-area: slug !important; }
body.admin-area [data-service-item].service-editor-card-v30 > label.full {
  grid-area: desc !important;
  grid-column: auto !important;
  width: 100% !important;
}
body.admin-area [data-service-item].service-editor-card-v30 > .service-editor-card-v30__tools {
  grid-area: tools !important;
  align-self: end !important;
  justify-self: stretch !important;
}
body.admin-area [data-service-item].service-editor-card-v30 > .service-editor-card-v30__tools .btn { width: 100%; }
body.admin-area [data-service-item].service-editor-card-v30 > .service-page-fields-v65 {
  grid-area: page !important;
  grid-column: auto !important;
  width: 100% !important;
  margin-top: 2px !important;
}

body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) {
  --ic-fold-h: 118px;
  grid-template-columns: 48px minmax(130px, .8fr) minmax(100px, .5fr) minmax(320px, 1.75fr) minmax(220px, 1fr) auto 28px !important;
  grid-template-areas: "num id label title slug tools ." !important;
  align-items: end !important;
  padding: 16px 52px 16px 18px !important;
}
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label.full,
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > .service-page-fields-v65 {
  display: none !important;
}
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(1),
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(2),
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(3),
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label:nth-of-type(4),
body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > .service-editor-card-v30__tools {
  display: grid !important;
  min-width: 0 !important;
  width: auto !important;
  grid-column: auto !important;
}

body.admin-area [data-service-item].ic-fold-card.is-expanded {
  grid-template-columns: 48px minmax(130px, .8fr) minmax(100px, .5fr) minmax(320px, 1.75fr) minmax(220px, 1fr) auto !important;
  grid-template-areas:
    "num id label title slug tools"
    "desc desc desc desc desc desc"
    "page page page page page page" !important;
  align-items: start !important;
  gap: 14px 16px !important;
}

body.admin-area [data-service-item] .service-page-grid-v65 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}
body.admin-area [data-service-item] .service-page-grid-v65 > label {
  grid-area: auto !important;
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
  display: grid !important;
  align-self: stretch !important;
}
body.admin-area [data-service-item] .service-page-grid-v65 > label.full {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
body.admin-area [data-service-item] .service-page-grid-v65 > label > input,
body.admin-area [data-service-item] .service-page-grid-v65 > label > textarea {
  width: 100% !important;
  max-width: 100% !important;
}
body.admin-area [data-service-item] .service-page-grid-v65 > label > textarea {
  min-height: 112px !important;
  max-height: 420px !important;
}

@media (max-width: 1180px) {
  body.admin-area [data-service-item].service-editor-card-v30.content-editor-card-v30,
  body.admin-area [data-service-item].ic-fold-card.is-expanded {
    grid-template-columns: 44px minmax(110px, .7fr) minmax(90px, .45fr) minmax(0, 1.5fr) minmax(170px, .9fr) auto !important;
  }
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) {
    grid-template-columns: 44px minmax(110px, .7fr) minmax(90px, .45fr) minmax(0, 1.5fr) minmax(170px, .9fr) auto 28px !important;
  }
  body.admin-area [data-service-item] .service-page-grid-v65 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  body.admin-area [data-service-item].service-editor-card-v30.content-editor-card-v30,
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded),
  body.admin-area [data-service-item].ic-fold-card.is-expanded {
    --ic-fold-h: 168px;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-areas:
      "num title"
      "id label"
      "slug tools"
      "desc desc"
      "page page" !important;
    align-items: start !important;
  }
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > label.full,
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded) > .service-page-fields-v65 { display: none !important; }
  body.admin-area [data-service-item] .service-page-grid-v65 { grid-template-columns: 1fr !important; }
}
@media (max-width: 620px) {
  body.admin-area [data-service-item].service-editor-card-v30.content-editor-card-v30,
  body.admin-area [data-service-item].ic-fold-card:not(.is-expanded),
  body.admin-area [data-service-item].ic-fold-card.is-expanded {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "id"
      "label"
      "title"
      "slug"
      "tools"
      "desc"
      "page" !important;
    padding: 14px !important;
  }
}

/* === v6.8: iOS-style boolean toggles + pricing home layout fix === */
body.admin-area .ic-toggle-v68 {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
  cursor: pointer !important;
  user-select: none !important;
}
body.admin-area .ic-toggle-v68 input[type="checkbox"] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.admin-area .ic-toggle-v68__track {
  position: relative !important;
  flex: 0 0 54px !important;
  width: 54px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: rgba(89,106,124,.42) !important;
  border: 1px solid rgba(184,205,225,.18) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.28), 0 8px 18px rgba(0,0,0,.14) !important;
  transition: background .18s var(--material-ease), border-color .18s var(--material-ease), box-shadow .18s var(--material-ease) !important;
}
body.admin-area .ic-toggle-v68__track::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 3px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff, #dce9f4) !important;
  box-shadow: 0 3px 9px rgba(0,0,0,.32) !important;
  transition: transform .18s var(--material-ease) !important;
}
body.admin-area .ic-toggle-v68 input[type="checkbox"]:checked + .ic-toggle-v68__track {
  background: linear-gradient(180deg, rgba(112,201,255,.96), rgba(48,148,226,.96)) !important;
  border-color: rgba(126,203,255,.88) !important;
  box-shadow: 0 0 0 4px rgba(100,181,246,.13), inset 0 1px 2px rgba(255,255,255,.18) !important;
}
body.admin-area .ic-toggle-v68 input[type="checkbox"]:checked + .ic-toggle-v68__track::before {
  transform: translateX(24px) !important;
}
body.admin-area .ic-toggle-v68 input[type="checkbox"]:focus-visible + .ic-toggle-v68__track {
  outline: 2px solid rgba(144,202,249,.84) !important;
  outline-offset: 3px !important;
}
body.admin-area .ic-toggle-v68__text {
  min-width: 0 !important;
  color: var(--text) !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
}
body.admin-area .settings-toggle-v68 {
  min-height: 58px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(184,205,225,.14) !important;
  border-radius: 16px !important;
  background: rgba(7,14,25,.42) !important;
}
body.admin-area .settings-toggle-v68 .ic-toggle-v68__text {
  color: var(--muted) !important;
}
body.admin-area .settings-toggle-v68:has(input[type="checkbox"]:checked) {
  border-color: rgba(126,203,255,.28) !important;
  background: rgba(100,181,246,.08) !important;
}

body.admin-area .pricing-card-v21.content-editor-card-v30 {
  display: grid !important;
  grid-template-columns: 52px minmax(130px,.38fr) minmax(260px,1fr) minmax(180px,.42fr) minmax(150px,.28fr) auto !important;
  grid-template-areas:
    "num id title title home tools"
    "desc desc desc price price tools" !important;
  gap: 14px 16px !important;
  align-items: start !important;
}
body.admin-area .pricing-card-v21 > .pricing-card-v21__num { grid-area: num !important; }
body.admin-area .pricing-card-v21 > label:nth-of-type(1) { grid-area: id !important; padding-left: 0 !important; }
body.admin-area .pricing-card-v21 > label:nth-of-type(2) { grid-area: title !important; }
body.admin-area .pricing-card-v21 > label:nth-of-type(3) { grid-area: price !important; align-self: start !important; }
body.admin-area .pricing-card-v21 > label:nth-of-type(4) { grid-area: home !important; align-self: end !important; }
body.admin-area .pricing-card-v21 > label.full { grid-area: desc !important; grid-column: auto !important; width: 100% !important; }
body.admin-area .pricing-card-v21 > .pricing-card-v21__tools { grid-area: tools !important; align-self: end !important; justify-self: stretch !important; padding-left: 0 !important; }
body.admin-area .pricing-card-v21 > .pricing-card-v21__tools .btn { width: 100% !important; }
body.admin-area .pricing-home-toggle-v68 {
  min-height: 42px !important;
  padding-top: 18px !important;
  white-space: nowrap !important;
}
body.admin-area .pricing-home-toggle-v68 .ic-toggle-v68__track {
  flex-basis: 48px !important;
  width: 48px !important;
  height: 28px !important;
}
body.admin-area .pricing-home-toggle-v68 .ic-toggle-v68__track::before {
  width: 22px !important;
  height: 22px !important;
}
body.admin-area .pricing-home-toggle-v68 input[type="checkbox"]:checked + .ic-toggle-v68__track::before {
  transform: translateX(20px) !important;
}
body.admin-area .pricing-home-toggle-v68 .ic-toggle-v68__text {
  color: var(--muted) !important;
  font-size: .92rem !important;
}

@media (max-width: 1180px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30 {
    grid-template-columns: 48px minmax(120px,.45fr) minmax(0,1fr) minmax(150px,.5fr) auto !important;
    grid-template-areas:
      "num id title home tools"
      "desc desc desc price tools" !important;
  }
}
@media (max-width: 900px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30 {
    grid-template-columns: 44px minmax(0,1fr) !important;
    grid-template-areas:
      "num title"
      "id home"
      "price tools"
      "desc desc" !important;
  }
}
@media (max-width: 620px) {
  body.admin-area .pricing-card-v21.content-editor-card-v30 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "id"
      "title"
      "price"
      "home"
      "tools"
      "desc" !important;
  }
  body.admin-area .pricing-home-toggle-v68 { padding-top: 0 !important; }
}


/* === v6.9 header cleanup: aligned logo, no subtitle, tighter mobile top strip === */
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.brand-mark {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px;
  object-fit: contain;
  display: block;
}
.logo {
  display: block;
  font-weight: 800;
  font-size: clamp(1.55rem, 1.16rem + .5vw, 1.9rem);
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.site-header .bar {
  min-height: 64px;
  padding: 12px 0 !important;
  align-items: center;
}
.payment-strip-v64 strong,
.payment-strip-v64 span {
  display: flex;
  align-items: center;
  line-height: 1.15;
}
@media (max-width: 760px) {
  .site-header .bar {
    min-height: 56px;
    flex-wrap: nowrap;
    row-gap: 0;
    column-gap: 12px;
    padding: 10px 0 !important;
  }
  .brand {
    gap: 10px;
    flex: 1 1 auto;
  }
  .brand-mark {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px;
  }
  .logo {
    font-size: 1.05rem;
  }
  .payment-strip-v64 {
    margin-top: 8px;
    padding: 12px 14px !important;
  }
}


/* === v7.0 static deploy hardening: hide old subtitle even if stale markup survives === */
.brand .tag,
.site-header .brand .tag {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.channel-card-v65__avatar img,
.channel-card-v65 img,
.channel-card__avatar img {
  display: block;
}


/* === v7.1 header wordmark + smoother cases list === */
.brand {
  gap: 0;
}
.brand-wordmark {
  display: block;
  width: min(248px, 34vw);
  height: auto;
  max-width: 100%;
}
.brand-mark,
.brand .logo {
  display: none !important;
}
@media (max-width: 760px) {
  .brand-wordmark {
    width: min(196px, 52vw);
  }
}

.cases-v71 .panel,
.cases-v71 .btn,
.cases-v71 .case-post {
  transition: none !important;
  will-change: auto !important;
}
.cases-shell-v71 {
  display: grid;
  gap: 18px;
}
.cases-intro-v71 {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 16px;
  align-items: start;
  box-shadow: 0 10px 26px rgba(4, 10, 18, .22) !important;
}
.cases-intro-v71__copy h2 {
  margin: 0 0 10px;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.06;
  text-wrap: balance;
}
.cases-intro-v71__copy .muted {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.6;
  max-width: 52ch;
}
.cases-stats-v71 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-content: start;
}
.cases-stats-v71 > div {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  background: rgba(8,16,28,.34);
}
.cases-stats-v71 strong,
.cases-stats-v71 span {
  display: block;
}
.cases-stats-v71 strong {
  font-size: clamp(1.55rem, 1.2rem + 1vw, 2rem);
  line-height: 1;
}
.cases-stats-v71 span {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.45;
}
.case-feed-v71 {
  display: grid;
  gap: 16px;
}
.case-post-v71 {
  min-height: 0;
  overflow: hidden;
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: 0 320px;
  box-shadow: 0 10px 24px rgba(4, 10, 18, .18) !important;
  transform: none !important;
}
.case-post-v71__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.case-post-v71__copy {
  min-width: 0;
  flex: 1 1 auto;
}
.case-post-v71 h2 {
  margin: 6px 0 10px;
  font-size: clamp(29px, 2.8vw, 38px);
  line-height: 1.08;
  letter-spacing: -.02em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.case-post-v71 h2 a {
  color: var(--text);
  text-decoration: none;
}
.case-post-v71 .muted {
  margin: 0;
  line-height: 1.6;
  max-width: none;
}
.case-post-v71__cta {
  flex: 0 0 auto;
  align-self: flex-start;
  white-space: nowrap;
}
.case-summary-v71 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.case-summary-v71 > div {
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 15px;
  background: rgba(9,18,31,.48);
}
.case-summary-v71 span {
  display: block;
  color: var(--accent);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.case-summary-v71 p {
  margin: 7px 0 0;
  line-height: 1.55;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cases-v71 .panel:hover,
.cases-v71 .btn:hover,
.cases-v71 .case-post:hover {
  transform: none !important;
}
@media (max-width: 1120px) {
  .cases-intro-v71 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  .case-post-v71__head {
    flex-direction: column;
    align-items: stretch;
  }
  .case-post-v71__cta {
    width: fit-content;
  }
  .case-summary-v71,
  .cases-stats-v71 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .cases-shell-v71 {
    gap: 14px;
  }
  .cases-intro-v71,
  .case-post-v71 {
    padding: 16px !important;
  }
  .case-post-v71 h2 {
    font-size: clamp(24px, 7.2vw, 31px);
  }
  .case-post-v71__cta {
    width: 100%;
    justify-content: center;
  }
}


/* === v7.2 header asset hardfix + brutally lighter cases page === */
.brand-wordmark {
  display: block;
  width: min(210px, 42vw);
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 760px) {
  .brand-wordmark {
    width: min(174px, 46vw);
  }
}

body.cases-page,
body.cases-page .section-v10,
body.cases-page .section--soft {
  background: #0e1824 !important;
}
body.cases-page .site-header {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(14,24,36,.96) !important;
  box-shadow: none !important;
}
body.cases-page .site-header .bar,
body.cases-page .site-nav a,
body.cases-page .btn,
body.cases-page .panel,
body.cases-page .case-post,
body.cases-page .case-post * {
  animation: none !important;
}
body.cases-page .btn,
body.cases-page .site-nav a,
body.cases-page .panel,
body.cases-page .case-post {
  transition: none !important;
  transform: none !important;
  filter: none !important;
}
body.cases-page .site-nav a,
body.cases-page .btn {
  box-shadow: none !important;
}
body.cases-page .section--soft {
  padding-top: 18px !important;
}
body.cases-page .cases-intro-v71,
body.cases-page .case-post-v71,
body.cases-page .case-summary-v71 > div,
body.cases-page .cases-stats-v71 > div {
  background: #15273a !important;
  box-shadow: none !important;
}
body.cases-page .cases-intro-v71,
body.cases-page .case-post-v71 {
  border-color: rgba(184,205,225,.12) !important;
}
body.cases-page .case-feed-v71 {
  gap: 12px;
}
body.cases-page .case-post-v71 {
  content-visibility: visible !important;
  contain: none !important;
  overflow-anchor: none;
}
body.cases-page .case-post-v71__head {
  gap: 14px;
}
body.cases-page .case-post-v71 h2 {
  font-size: clamp(24px, 2.4vw, 34px);
}
body.cases-page .case-summary-v71 p,
body.cases-page .case-post-v71 .muted {
  color: #b8c8d9 !important;
}


body.cases-page .site-header {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(14, 22, 33, .96) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.12) !important;
}
body.cases-page .section--soft {
  background: transparent !important;
}
body.cases-page .panel,
body.cases-page .case-post-v71,
body.cases-page .cases-intro-v71,
body.cases-page .cases-stats-v71 > div,
body.cases-page .case-summary-v71 > div {
  box-shadow: 0 4px 12px rgba(4, 10, 18, .12) !important;
  background: linear-gradient(180deg, rgba(24, 44, 62, .92), rgba(17, 30, 45, .96)) !important;
}
body.cases-page .btn,
body.cases-page .case-post,
body.cases-page .panel,
body.cases-page .site-nav a {
  transition: none !important;
  animation: none !important;
}
body.cases-page .btn:hover,
body.cases-page .case-post:hover,
body.cases-page .panel:hover,
body.cases-page .site-nav a:hover {
  transform: none !important;
  box-shadow: none !important;
}
body.cases-page .case-feed-v71 {
  gap: 12px;
}
body.cases-page .case-post-v71 {
  contain: layout paint !important;
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
  overflow: clip;
}
body.cases-page .case-post-v71__head {
  gap: 14px;
}
body.cases-page .case-post-v71 h2 {
  font-size: clamp(26px, 2.35vw, 34px);
}
body.cases-page .case-post-v71 .muted,
body.cases-page .case-summary-v71 p {
  line-height: 1.5;
}
body.cases-page .case-summary-v71 > div {
  background: rgba(9, 18, 31, .32) !important;
}
body.cases-page .cases-intro-v71,
body.cases-page .case-post-v71 {
  border-radius: 18px !important;
}
@media (max-width: 760px) {
  body.cases-page .cases-intro-v71,
  body.cases-page .case-post-v71 {
    padding: 14px !important;
  }
  body.cases-page .case-summary-v71 {
    gap: 10px;
  }
}


/* === v7.3 inline logo: no external image request, no broken alt text === */
.brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  font-size: 0 !important;
  color: transparent !important;
}
.brand-inline-logo {
  display: block;
  width: min(236px, 38vw);
  height: auto;
  max-width: 100%;
  overflow: visible;
}
.brand-wordmark,
img.brand-wordmark,
.brand-mark,
.brand .logo,
.brand .tag {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
}
@media (max-width: 760px) {
  .brand-inline-logo {
    width: min(186px, 50vw);
  }
}

/* === v7.3 cases: performance > декоративный цирк === */
body.cases-lite-v73 {
  background: #0d1722 !important;
}
body.cases-lite-v73::before,
body.cases-lite-v73::after,
body.cases-lite-v73 .hero::before,
body.cases-lite-v73 .hero::after,
body.cases-lite-v73 .section::before,
body.cases-lite-v73 .section::after,
body.cases-lite-v73 .section-v10::before,
body.cases-lite-v73 .section-v10::after {
  display: none !important;
  content: none !important;
}
body.cases-lite-v73 .site-header {
  position: static !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #0f1b28 !important;
  box-shadow: none !important;
}
body.cases-lite-v73,
body.cases-lite-v73 * {
  scroll-behavior: auto !important;
}
body.cases-lite-v73 * {
  animation: none !important;
  transition: none !important;
  filter: none !important;
  text-shadow: none !important;
}
body.cases-lite-v73 .panel,
body.cases-lite-v73 .case-post,
body.cases-lite-v73 .cases-intro-v71,
body.cases-lite-v73 .case-post-v71,
body.cases-lite-v73 .case-summary-v71 > div,
body.cases-lite-v73 .cases-stats-v71 > div,
body.cases-lite-v73 .btn,
body.cases-lite-v73 .site-nav a {
  box-shadow: none !important;
  transform: none !important;
}
body.cases-lite-v73 .section--soft,
body.cases-lite-v73 .section-v10,
body.cases-lite-v73 .page-compact-hero {
  background: #0d1722 !important;
}
body.cases-lite-v73 .cases-intro-v71,
body.cases-lite-v73 .case-post-v71 {
  background: #132335 !important;
  border: 1px solid rgba(184,205,225,.12) !important;
}
body.cases-lite-v73 .case-summary-v71 > div,
body.cases-lite-v73 .cases-stats-v71 > div {
  background: #101d2c !important;
  border-color: rgba(184,205,225,.10) !important;
}
body.cases-lite-v73 .case-post-v71 {
  content-visibility: auto !important;
  contain: layout style paint !important;
  contain-intrinsic-size: 280px !important;
}
body.cases-lite-v73 .case-feed-v71 {
  gap: 12px !important;
}
body.cases-lite-v73 .chat-toggle,
body.cases-lite-v73 .chat-toggle-v52,
body.cases-lite-v73 [data-chat-toggle],
body.cases-lite-v73 .chat-box,
body.cases-lite-v73 .chat-widget,
body.cases-lite-v73 .chat-panel {
  display: none !important;
}
body.cases-lite-v73 .case-post-v71 h2 {
  font-size: clamp(24px, 2.2vw, 32px) !important;
  line-height: 1.12 !important;
}
body.cases-lite-v73 .case-summary-v71 p {
  -webkit-line-clamp: 3 !important;
}
@media (max-width: 640px) {
  body.cases-lite-v73 .page-compact-hero,
  body.cases-lite-v73 .section--soft {
    padding-block: 18px !important;
  }
  body.cases-lite-v73 .cases-intro-v71,
  body.cases-lite-v73 .case-post-v71 {
    padding: 14px !important;
  }
}


/* === v7.4 deployment sanity marker === */
html::before { content: none !important; }
body.cases-lite-v73 .brand-inline-logo,
.brand-inline-logo { display:block; width:min(210px,42vw); height:auto; max-width:100%; }
@media (max-width:760px){ .brand-inline-logo{ width:min(174px,46vw); } }


/* === v7.5 final header logo: embedded generated wordmark, no external file, no ugly inline text === */
.brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
}
.brand-data-logo {
  display: block !important;
  width: min(214px, 34vw) !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  filter: brightness(1.08) contrast(1.08) drop-shadow(0 0 10px rgba(26, 188, 255, .12));
}
.site-header .brand {
  padding: 2px 0 !important;
}
.site-header .bar {
  gap: clamp(14px, 2vw, 24px);
}
.brand-inline-logo,
.brand-wordmark,
.brand-mark,
.brand .logo,
.brand .tag {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}
@media (max-width: 760px) {
  .brand-data-logo {
    width: min(176px, 46vw) !important;
  }
}


/* === v7.7 transparent header logo: no baked white background === */
.brand-data-logo {
  width: min(224px, 34vw) !important;
  height: auto !important;
  max-height: 62px !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: brightness(1.06) contrast(1.06) drop-shadow(0 0 8px rgba(30, 190, 255, .14)) !important;
}
.site-header .brand {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 760px) {
  .brand-data-logo {
    width: min(182px, 46vw) !important;
    max-height: 52px !important;
  }
}

/* === v7.8 modern darker UI + analytics/plugins/translation === */
:root {
  --bg: #050b13;
  --bg-2: #07111d;
  --panel: rgba(10, 22, 36, .86);
  --panel-2: rgba(13, 31, 50, .92);
  --border: rgba(116, 190, 255, .16);
  --text: #eaf4ff;
  --muted: #a8bbcc;
  --accent: #5ec8ff;
  --primary: #65c7ff;
  --primary-hover: #8bd8ff;
}
html { background: #050b13; }
body:not(.admin-area):not(.admin-login-page) {
  background:
    radial-gradient(900px 520px at 18% 0%, rgba(19, 129, 204, .16), transparent 64%),
    radial-gradient(900px 520px at 90% 12%, rgba(49, 206, 255, .10), transparent 58%),
    linear-gradient(180deg, #07111d 0%, #050b13 54%, #040911 100%) !important;
  color: var(--text);
}
body:not(.admin-area) .site-header {
  background: rgba(6, 14, 24, .88) !important;
  border-bottom: 1px solid rgba(116, 190, 255, .14) !important;
  backdrop-filter: blur(10px) saturate(1.08);
}
body:not(.admin-area) .panel,
body:not(.admin-area) .card,
body:not(.admin-area) .service-card-v13,
body:not(.admin-area) .price-card-v13,
body:not(.admin-area) .case-post,
body:not(.admin-area) .channel-card-v65 {
  background: linear-gradient(180deg, rgba(14, 34, 54, .84), rgba(8, 19, 32, .9)) !important;
  border-color: rgba(115, 196, 255, .15) !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28) !important;
}
body:not(.admin-area) .hero-title,
body:not(.admin-area) h1,
body:not(.admin-area) h2 {
  letter-spacing: -.035em;
}
body:not(.admin-area) .btn.secondary,
body:not(.admin-area) .site-nav a {
  background: rgba(8, 18, 30, .54);
  border-color: rgba(140, 206, 255, .17);
}
body:not(.admin-area) .section__eyebrow { color: #63c8ff; }
body:not(.admin-area) .muted,
body:not(.admin-area) p { color: #b8c8d9; }
.ic-lang-switcher {
  position: fixed;
  right: 18px;
  bottom: 92px;
  z-index: 70;
  display: inline-flex;
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(125, 205, 255, .18);
  border-radius: 999px;
  background: rgba(6, 14, 24, .82);
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}
.ic-lang-switcher button {
  border: 0;
  border-radius: 999px;
  padding: 7px 9px;
  background: transparent;
  color: #cfeaff;
  font: 800 .76rem/1 Inter, system-ui, sans-serif;
  cursor: pointer;
}
.ic-lang-switcher button:hover { background: rgba(94, 200, 255, .13); color: #fff; }
body.admin-area .ic-lang-switcher { display: none; }
.analytics-grid-v78 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.analytics-kpi-v78 { padding:18px !important; display:grid; gap:6px; }
.analytics-kpi-v78 span { color: var(--muted); font-weight:800; }
.analytics-kpi-v78 strong { font-size: clamp(1.65rem, 2vw, 2.25rem); line-height:1; }
.analytics-kpi-v78 small { color: var(--muted); }
.analytics-panel-v78 { margin-bottom:16px; }
.analytics-hour-bars-v78 { height:220px; display:grid; grid-template-columns:repeat(48,minmax(8px,1fr)); gap:5px; align-items:end; padding-top:10px; overflow-x:auto; }
.hour-cell-v78 { position:relative; min-width:10px; height:180px; border-radius:10px 10px 4px 4px; background:rgba(255,255,255,.035); display:flex; align-items:end; justify-content:center; overflow:hidden; }
.hour-cell-v78 span { position:absolute; bottom:18px; width:45%; border-radius:8px 8px 0 0; }
.hour-cell-v78 .views { left:12%; background:linear-gradient(180deg, #69cfff, #1976c8); min-height:3px; }
.hour-cell-v78 .clicks { right:12%; background:linear-gradient(180deg, #9af6d3, #22a47b); min-height:0; }
.hour-cell-v78 small { position:absolute; bottom:2px; left:0; right:0; text-align:center; color:var(--muted); font-size:.68rem; }
.analytics-two-v78 { display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.analytics-table-v78 td, .analytics-table-v78 th { vertical-align:top; }
.analytics-table-v78 code { white-space:nowrap; }
.plugin-upload-v78 { margin-bottom:16px; }
.admin-two-col-v78 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.addon-grid-v78 { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-top:12px; }
.addon-card-v78 { border:1px solid var(--border); border-radius:18px; padding:14px; background:rgba(5,13,24,.42); display:grid; gap:8px; }
.addon-card-v78 strong { font-size:1.05rem; }
.addon-card-v78 span { color:var(--accent); font-weight:800; font-size:.82rem; }
.addon-card-v78 p { margin:0; color:var(--muted); }
.addon-format-v78 { margin-top:12px; }
.addon-format-v78 pre { overflow:auto; padding:12px; border-radius:14px; background:#050b13; border:1px solid var(--border); }
@media (max-width: 1100px) { .analytics-grid-v78, .analytics-two-v78, .admin-two-col-v78 { grid-template-columns:1fr; } }
@media (max-width: 760px) { .analytics-hour-bars-v78 { grid-template-columns:repeat(48,12px); } .ic-lang-switcher { right:12px; bottom:78px; } }

/* === v7.9 slim header logo: thinner top bar === */
.site-header .bar {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  min-height: 0 !important;
}
.site-header .brand {
  padding: 0 !important;
  line-height: 0 !important;
}
.brand-data-logo {
  width: min(172px, 27vw) !important;
  max-height: 42px !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 760px) {
  .site-header .bar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .brand-data-logo {
    width: min(150px, 42vw) !important;
    max-height: 36px !important;
  }
}


/* v8.2: hide ugly Google Translate top toolbar injected above the page */
html.ic-hide-google-translate-bar,
html.ic-hide-google-translate-bar body,
html.translated-ltr,
html.translated-rtl,
body.translated-ltr,
body.translated-rtl {
  top: 0 !important;
  margin-top: 0 !important;
  position: static !important;
}
iframe.goog-te-banner-frame,
iframe.skiptranslate,
iframe[id*="goog"],
iframe[src*="translate.google"],
iframe[src*="translate.googleapis"],
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-xl07Ob-OEVmcd,
.VIpgJd-yAWNEb-L7lbkb {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -99999px !important;
  top: -99999px !important;
}
body > .skiptranslate:not(.ic-lang-switcher) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
}


/* === v8.3: language switcher below chat button === */
body:not(.admin-area) .chat-widget,
body:not(.admin-area) .chat-widget-v15 {
  right: 18px !important;
  bottom: 78px !important;
}
body:not(.admin-area) .ic-lang-switcher,
body:not(.admin-area) .ic-lang-switcher-plugin {
  right: 18px !important;
  bottom: 18px !important;
  z-index: 880 !important;
}
body:not(.admin-area) .chat-panel,
body:not(.admin-area) .chat-panel-v15 {
  bottom: 56px !important;
}
@media (max-width: 760px) {
  body:not(.admin-area) .chat-widget,
  body:not(.admin-area) .chat-widget-v15 {
    right: 12px !important;
    bottom: 74px !important;
  }
  body:not(.admin-area) .ic-lang-switcher,
  body:not(.admin-area) .ic-lang-switcher-plugin {
    right: 12px !important;
    bottom: 12px !important;
  }
  body:not(.admin-area) .chat-panel,
  body:not(.admin-area) .chat-panel-v15 {
    bottom: 54px !important;
  }
}


/* === v8.4: anti-flash gate for Google client-side translation === */
html.ic-translate-pending,
html.ic-translate-pending body {
  background: #07111e !important;
}
html.ic-translate-pending body {
  opacity: 0 !important;
  pointer-events: none !important;
}
html.ic-translate-ready body,
html:not(.ic-translate-pending) body {
  opacity: 1;
}

/* === v8.5 plugin settings/actions + admin polish === */
.addon-actions-v85,
.plugin-actions-v85 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
}
.plugin-settings-v85 {
  margin-bottom: 18px;
}
.plugin-settings-form-v85 {
  display: grid;
  gap: 14px;
}
.plugin-settings-form-v85 label small,
.toggle-row-v68 small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 500;
  line-height: 1.4;
}
.plugin-settings-form-v85 select,
.plugin-settings-form-v85 textarea,
.plugin-settings-form-v85 input[type="text"],
.plugin-settings-form-v85 input[type="password"] {
  width: 100%;
}


/* === v8.8 plugin manager: left list + right settings pane === */
.plugin-upload-v88 {
  margin-bottom: 16px;
}
.plugin-upload-form-v88 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}
.plugins-layout-v88 {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.plugins-list-panel-v88,
.addon-detail-v88 {
  min-width: 0;
}
.plugins-list-panel-v88 {
  position: sticky;
  top: 86px;
  max-height: calc(100vh - 110px);
  overflow: auto;
}
.plugins-list-head-v88 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.plugins-list-head-v88 h2,
.addon-detail-head-v88 h2 {
  margin: 0;
}
.addon-count-v88 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--border);
  color: var(--accent);
  font-weight: 900;
  background: rgba(32, 178, 255, .08);
}
.plugins-filter-v88 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.plugins-filter-v88 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid var(--border);
  color: var(--muted);
  text-decoration: none;
  font-size: .88rem;
  font-weight: 800;
  background: rgba(5,13,24,.36);
}
.plugins-filter-v88 a.is-active,
.plugins-filter-v88 a:hover {
  color: var(--text);
  border-color: rgba(45, 190, 255, .45);
  background: rgba(45, 190, 255, .12);
}
.plugins-list-v88 {
  display: grid;
  gap: 10px;
}
.addon-list-card-v88 {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(5, 13, 24, .42);
}
.addon-list-card-v88.is-selected {
  border-color: rgba(45, 190, 255, .58);
  box-shadow: 0 0 0 1px rgba(45,190,255,.16), 0 14px 34px rgba(0,0,0,.22);
  background: rgba(10, 25, 42, .72);
}
.addon-list-card-v88__main {
  display: grid;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}
.addon-list-card-v88 strong {
  font-size: 1.05rem;
  line-height: 1.2;
}
.addon-list-card-v88 small,
.addon-list-card-v88 p {
  color: var(--muted);
}
.addon-list-card-v88 p {
  margin: 0;
  line-height: 1.45;
}
.addon-kind-v88 {
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px solid var(--border);
  color: var(--accent);
  background: rgba(45,190,255,.08);
}
.addon-kind-v88--theme {
  color: #c9a8ff;
  background: rgba(168, 85, 247, .12);
  border-color: rgba(168, 85, 247, .24);
}
.addon-quick-actions-v88,
.addon-control-actions-v88,
.plugin-actions-v88 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.addon-quick-actions-v88 .btn,
.addon-control-actions-v88 .btn {
  min-height: 36px;
  padding: 8px 12px;
}
.addon-detail-v88 {
  display: grid;
  gap: 14px;
}
.addon-detail-head-v88 {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}
.addon-detail-head-v88 .muted {
  max-width: 72ch;
}
.addon-meta-v88 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.addon-meta-v88 > * {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(5,13,24,.38);
  color: var(--muted);
}
.addon-control-card-v88 {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(5, 13, 24, .36);
}
.addon-control-card-v88 h3 {
  margin: 0;
  font-size: 1.05rem;
}
.plugin-settings-form-v88 {
  display: grid;
  gap: 12px;
}
.plugin-settings-form-v88 label {
  display: grid;
  gap: 6px;
}
.plugin-settings-form-v88 label small {
  display: block;
  color: var(--muted);
  font-weight: 500;
  line-height: 1.45;
}
.plugin-settings-form-v88 select,
.plugin-settings-form-v88 textarea,
.plugin-settings-form-v88 input[type="text"],
.plugin-settings-form-v88 input[type="password"] {
  width: 100%;
}
.danger-btn-v88 {
  border-color: rgba(248, 113, 113, .34) !important;
  color: #fecaca !important;
}
.addon-empty-v88 {
  min-height: 280px;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 8px;
}
@media (max-width: 1180px) {
  .plugins-layout-v88 {
    grid-template-columns: 1fr;
  }
  .plugins-list-panel-v88 {
    position: static;
    max-height: none;
  }
}
@media (max-width: 720px) {
  .plugin-upload-form-v88 {
    grid-template-columns: 1fr;
  }
  .addon-quick-actions-v88 .btn,
  .addon-control-actions-v88 .btn,
  .addon-quick-actions-v88 form,
  .addon-control-actions-v88 form {
    width: 100%;
  }
  .addon-quick-actions-v88 .btn,
  .addon-control-actions-v88 .btn {
    justify-content: center;
  }
}


/* === v8.9 plugins manager compact cards + status ribbons === */
.plugins-layout-v88 {
  grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
  align-items: start;
}
.plugins-list-panel-v88 {
  position: static;
  top: auto;
  max-height: none;
  overflow: visible;
  align-self: start;
}
.plugins-list-v88 {
  gap: 12px;
}
.addon-list-card-v88 {
  position: relative;
  gap: 8px;
  padding: 12px 14px;
  min-height: 0;
  border-radius: 16px;
  overflow: hidden;
}
.addon-list-card-v88::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: rgba(45,190,255,.4);
}
.addon-list-card-v88.has-advanced-settings::before {
  background: rgba(245, 158, 11, .92);
}
.addon-list-card-v88.is-enabled::after,
.addon-list-card-v88.is-disabled::after {
  content: attr(data-state);
}
.addon-list-card-v88__main {
  gap: 8px;
}
.addon-list-badges-v89,
.addon-card-topline-v89 {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.addon-card-topline-v89 strong {
  flex: 1 1 220px;
}
.addon-list-card-v88 strong {
  font-size: 1rem;
  line-height: 1.15;
}
.addon-list-card-v88 small {
  font-size: .84rem;
  line-height: 1.35;
}
.addon-list-card-v88 p {
  font-size: .97rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.addon-status-ribbon-v89,
.addon-settings-marker-v89 {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid var(--border);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.addon-status-ribbon-v89.is-enabled {
  color: #dcfce7;
  background: rgba(34,197,94,.18);
  border-color: rgba(34,197,94,.38);
}
.addon-status-ribbon-v89.is-disabled {
  color: #fecaca;
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.34);
}
.addon-settings-marker-v89.is-advanced {
  color: #fde68a;
  background: rgba(245,158,11,.14);
  border-color: rgba(245,158,11,.32);
}
.addon-settings-marker-v89.is-basic {
  color: #bae6fd;
  background: rgba(45,190,255,.12);
  border-color: rgba(45,190,255,.28);
}
.addon-quick-actions-v88 {
  display: none !important;
}
.addon-detail-v88 {
  gap: 12px;
}
.addon-control-card-v88 {
  padding: 14px 16px;
}
@media (max-width: 1180px) {
  .plugins-layout-v88 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .addon-list-badges-v89,
  .addon-card-topline-v89 {
    align-items: flex-start;
  }
  .addon-settings-marker-v89,
  .addon-status-ribbon-v89 {
    width: fit-content;
  }
}

/* === v9.0 plugin settings API UI + compact bookmark cards === */
.plugins-list-panel-v88 {
  max-height: none !important;
  overflow: visible !important;
  padding: 14px !important;
}
.plugins-list-head-v88 {
  margin-bottom: 8px !important;
}
.plugins-list-head-v88 h2 {
  font-size: 1.45rem !important;
}
.plugins-filter-v88 {
  gap: 6px !important;
  margin-bottom: 10px !important;
}
.plugins-filter-v88 a {
  min-height: 29px !important;
  padding: 5px 9px !important;
  font-size: .78rem !important;
}
.plugins-list-v88 {
  gap: 8px !important;
}
.addon-list-card-v88 {
  position: relative !important;
  padding: 20px 10px 9px 13px !important;
  border-radius: 13px !important;
  min-height: 72px !important;
  gap: 4px !important;
  box-shadow: none !important;
  background: rgba(5, 13, 24, .34) !important;
}
.addon-list-card-v88.is-selected {
  background: rgba(10, 25, 42, .62) !important;
  box-shadow: 0 0 0 1px rgba(45,190,255,.13) !important;
}
.addon-list-card-v88::before {
  width: 3px !important;
}
.addon-list-card-v88__main {
  gap: 3px !important;
}
.addon-tabs-v90 {
  position: absolute;
  top: -1px;
  right: 10px;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  pointer-events: none;
}
.addon-tab-v90 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 20px;
  padding: 3px 8px 5px;
  font-size: .62rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
  color: #eaf7ff;
  border: 1px solid rgba(255,255,255,.12);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 6px 16px rgba(0,0,0,.22);
  clip-path: polygon(0 0, 100% 0, 100% 78%, 55% 100%, 50% 92%, 45% 100%, 0 78%);
}
.addon-tab-status-v90.is-enabled {
  background: linear-gradient(180deg, rgba(34,197,94,.95), rgba(21,128,61,.82));
}
.addon-tab-status-v90.is-disabled {
  background: linear-gradient(180deg, rgba(239,68,68,.95), rgba(153,27,27,.86));
}
.addon-tab-settings-v90.is-advanced {
  background: linear-gradient(180deg, rgba(245,158,11,.98), rgba(180,83,9,.9));
}
.addon-tab-settings-v90.is-basic {
  background: linear-gradient(180deg, rgba(14,165,233,.95), rgba(3,105,161,.86));
}
.addon-card-topline-v89 {
  padding-right: 104px;
  gap: 6px !important;
}
.addon-list-card-v88 strong {
  font-size: .93rem !important;
  line-height: 1.12 !important;
  letter-spacing: -.01em;
}
.addon-kind-v88 {
  padding: 3px 7px !important;
  font-size: .62rem !important;
  min-height: 21px;
}
.addon-list-card-v88 small {
  font-size: .72rem !important;
  line-height: 1.2 !important;
  opacity: .84;
}
.addon-list-card-v88 p {
  margin-top: 2px !important;
  font-size: .82rem !important;
  line-height: 1.28 !important;
  -webkit-line-clamp: 2 !important;
}
.addon-status-ribbon-v89,
.addon-settings-marker-v89 {
  display: none !important;
}
.addon-detail-v88 {
  padding: 16px !important;
}
.addon-detail-head-v88 {
  padding-bottom: 10px !important;
}
.addon-detail-head-v88 h2 {
  font-size: clamp(1.7rem, 2.2vw, 2.3rem) !important;
}
.addon-meta-v88 {
  margin-top: 8px !important;
}
.addon-meta-v88 > * {
  min-height: 26px !important;
  padding: 4px 8px !important;
  font-size: .78rem !important;
}
.addon-control-card-v88 {
  padding: 12px !important;
  border-radius: 14px !important;
  gap: 9px !important;
}
.addon-control-card-v88 h3 {
  font-size: .98rem !important;
}
.plugin-settings-compact-v90 {
  display: grid !important;
  gap: 8px !important;
}
.setting-row-v90 {
  display: grid;
  grid-template-columns: minmax(180px, .85fr) minmax(220px, 1.15fr);
  gap: 12px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(148,163,184,.13);
  border-radius: 13px;
  background: rgba(5, 13, 24, .28);
}
.setting-row-v90__text {
  min-width: 0;
}
.setting-row-v90__text strong {
  display: block;
  font-size: .88rem;
  line-height: 1.15;
}
.setting-row-v90__text small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: .73rem;
  line-height: 1.25;
  font-weight: 500;
}
.setting-row-v90__control {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}
.setting-row-v90 input[type="text"],
.setting-row-v90 input[type="password"],
.setting-row-v90 select,
.setting-row-v90 textarea {
  width: 100%;
  min-height: 36px !important;
  padding: 7px 10px !important;
  border-radius: 11px !important;
  font-size: .88rem !important;
}
.setting-row-v90 textarea {
  min-height: 74px !important;
  resize: vertical;
}
.setting-row-v90--toggle {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 54px;
}
.plugin-toggle-v90 {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 54px;
  height: 30px;
  cursor: pointer;
}
.plugin-toggle-v90 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.plugin-toggle-v90 i {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(71,85,105,.55);
  border: 1px solid rgba(148,163,184,.28);
  transition: .16s ease;
}
.plugin-toggle-v90 i::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background: #e5edf6;
  box-shadow: 0 3px 10px rgba(0,0,0,.35);
  transition: .16s ease;
}
.plugin-toggle-v90 input:checked + i {
  background: linear-gradient(135deg, #38bdf8, #22c55e);
  border-color: rgba(125, 211, 252, .72);
}
.plugin-toggle-v90 input:checked + i::after {
  transform: translateX(24px);
}
.settings-actions-v90 {
  justify-content: flex-end;
  margin-top: 4px;
}
.settings-actions-v90 .btn {
  min-height: 36px !important;
  padding: 8px 16px !important;
}
@media (max-width: 900px) {
  .setting-row-v90 {
    grid-template-columns: 1fr;
  }
  .setting-row-v90__control {
    justify-content: stretch;
  }
  .setting-row-v90--toggle {
    grid-template-columns: 1fr auto;
  }
}
@media (max-width: 560px) {
  .addon-card-topline-v89 {
    padding-right: 0;
    padding-top: 4px;
  }
  .addon-tabs-v90 {
    left: 12px;
    right: auto;
  }
}

/* === v9.3 dynamic plugin settings + compact custom controls === */
.plugin-settings-compact-v90 {
  gap: 8px !important;
}
.setting-row-v90 {
  display: grid;
  grid-template-columns: minmax(180px, .9fr) minmax(180px, 1.1fr);
  gap: 12px;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(5,13,24,.28);
}
.setting-row-v90__text {
  min-width: 0;
}
.setting-row-v90__text strong {
  display: block;
  font-size: .88rem;
  line-height: 1.18;
}
.setting-row-v90__text small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: .75rem;
  line-height: 1.25;
}
.setting-row-v90__control {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}
.setting-row-v90__control input[type="text"],
.setting-row-v90__control input[type="password"],
.setting-row-v90__control select,
.setting-row-v90__control textarea {
  min-height: 34px !important;
  padding: 7px 9px !important;
  font-size: .9rem !important;
}
.plugin-toggle-v90 {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 48px;
  height: 28px;
  cursor: pointer;
}
.plugin-toggle-v90 input {
  position: absolute;
  opacity: 0;
  inset: 0;
}
.plugin-toggle-v90 i {
  position: relative;
  width: 48px;
  height: 28px;
  border-radius: 999px;
  background: rgba(100,116,139,.28);
  border: 1px solid rgba(148,163,184,.32);
  transition: background .16s ease, border-color .16s ease;
}
.plugin-toggle-v90 i::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 2px;
  left: 2px;
  border-radius: 999px;
  background: #e5e7eb;
  transition: transform .16s ease;
}
.plugin-toggle-v90 input:checked + i {
  background: rgba(34,197,94,.62);
  border-color: rgba(34,197,94,.8);
}
.plugin-toggle-v90 input:checked + i::before {
  transform: translateX(20px);
}
.setting-range-v93,
.setting-color-v93 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto;
  gap: 8px;
  align-items: center;
  width: 100%;
}
.setting-range-v93 input[type="range"] {
  width: 100%;
  min-height: 28px;
}
.setting-range-v93 output {
  min-width: 52px;
  text-align: right;
  font-size: .82rem;
  color: var(--muted);
  font-weight: 800;
}
.setting-color-v93 {
  grid-template-columns: 42px minmax(96px, 1fr);
}
.setting-color-v93 input[type="color"] {
  width: 42px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 2px !important;
}
.setting-color-v93 input[type="text"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.settings-actions-v90 {
  justify-content: flex-end;
  margin-top: 4px;
}
.addon-tabs-v90 {
  position: absolute;
  top: 0;
  right: 12px;
  display: inline-flex;
  gap: 4px;
  align-items: flex-start;
  pointer-events: none;
}
.addon-tab-v90 {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 3px 8px 4px;
  color: #e5e7eb;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5px), 50% 100%, 0 calc(100% - 5px));
}
.addon-tab-status-v90.is-enabled { background: #16a34a; }
.addon-tab-status-v90.is-disabled { background: #dc2626; }
.addon-tab-settings-v90.is-advanced { background: #d97706; color: #111827; }
.addon-tab-settings-v90.is-basic { background: #0284c7; }
.addon-list-card-v88 {
  padding-top: 26px !important;
}
@media (max-width: 760px) {
  .setting-row-v90 {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .setting-row-v90__control {
    justify-content: stretch;
  }
}

/* === v9.4 mobile navigation rebuild === */
@media (max-width: 768px) {
  body.mobile-nav-open {
    overflow: hidden;
    touch-action: none;
  }
  body.mobile-nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 64;
    background: rgba(2, 8, 16, .68);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .site-header {
    z-index: 80;
  }
  .site-header.is-open {
    background: rgba(5, 12, 22, .98) !important;
    border-bottom-color: rgba(96, 165, 250, .18) !important;
  }
  .site-header .container {
    width: min(var(--container), calc(100% - 24px));
  }
  .site-header .bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 0 !important;
    position: relative;
  }
  .brand {
    min-width: 0;
  }
  .brand-data-logo {
    max-width: min(220px, 62vw) !important;
    max-height: 44px !important;
    object-fit: contain !important;
  }
  .nav-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    padding: 0 !important;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, .26) !important;
    background: rgba(8, 17, 31, .82) !important;
    box-shadow: none !important;
  }
  .nav-toggle .lines,
  .nav-toggle .lines::before,
  .nav-toggle .lines::after {
    width: 22px;
    height: 2px;
    border-radius: 0;
    background: var(--text);
    transition: transform .18s ease, opacity .18s ease, background .18s ease;
  }
  .nav-toggle .lines::before { top: -7px; }
  .nav-toggle .lines::after { top: 7px; }
  .site-header.is-open .nav-toggle {
    border-color: rgba(96, 165, 250, .38) !important;
    background: rgba(15, 27, 45, .98) !important;
  }
  .site-header.is-open .nav-toggle .lines { background: transparent; }
  .site-header.is-open .nav-toggle .lines::before { transform: translateY(7px) rotate(45deg); }
  .site-header.is-open .nav-toggle .lines::after { transform: translateY(-7px) rotate(-45deg); }

  .site-nav {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 10px) !important;
    z-index: 90 !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 92px - env(safe-area-inset-bottom, 0px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 10px !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    background: rgba(8, 17, 31, .98) !important;
    border: 1px solid rgba(148, 163, 184, .22) !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 58px rgba(0,0,0,.48) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  .site-header.is-open .site-nav,
  .site-nav.is-open {
    display: grid !important;
    animation: ic-mobile-menu-in .16s ease-out both;
  }
  .site-nav a {
    width: 100% !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 11px 14px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    background: rgba(3, 10, 20, .56) !important;
    color: var(--text) !important;
    font-size: 1rem !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
  }
  .site-nav a::after {
    content: "›";
    color: color-mix(in srgb, var(--accent) 78%, #fff 22%);
    font-size: 1.2rem;
    line-height: 1;
    opacity: .88;
  }
  .site-nav a:hover,
  .site-nav a:focus-visible,
  .site-nav a[aria-current="page"] {
    border-color: rgba(96, 165, 250, .34) !important;
    background: rgba(18, 31, 50, .9) !important;
    color: #fff !important;
  }
  .site-nav .nav-cta {
    order: 20;
    min-height: 54px !important;
    justify-content: center !important;
    text-align: center !important;
    color: #06111d !important;
    background: var(--primary) !important;
    border-color: color-mix(in srgb, var(--primary) 72%, #fff 28%) !important;
    margin-top: 2px !important;
  }
  .site-nav .nav-cta::after { content: ""; display: none; }
  .site-nav .nav-cta:hover,
  .site-nav .nav-cta:focus-visible {
    color: #06111d !important;
    background: var(--primary-hover) !important;
  }
  @keyframes ic-mobile-menu-in {
    from { opacity: 0; transform: translateY(-6px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
}

/* === v9.5 dynamic plugin settings: real live state + compact save feedback === */
.plugin-settings-compact-v90.is-saving-v95 {
  opacity: .88;
}
.plugin-settings-compact-v90.is-saved-v95 {
  outline: 1px solid rgba(34,197,94,.34);
  outline-offset: 3px;
}
.settings-hint-v95 {
  margin: -4px 0 10px;
  font-size: .88rem;
  line-height: 1.35;
}
.plugin-settings-compact-v90 .settings-actions-v90 .btn {
  min-width: 116px;
}


/* === v9.6 live UI palette + toggle alignment fix === */
body.ic-ui-technical {
  --bg: var(--ic-ui-bg) !important;
  --bg-soft: var(--ic-ui-bg-2) !important;
  --surface: var(--ic-ui-panel) !important;
  --surface-2: var(--ic-ui-panel-2) !important;
  --surface-3: var(--ic-ui-field-bg) !important;
  --border: var(--ic-ui-line) !important;
  --border-strong: var(--ic-ui-line-strong) !important;
  --text: var(--ic-ui-text) !important;
  --muted: var(--ic-ui-muted) !important;
  --accent: var(--ic-ui-accent) !important;
  --accent-2: var(--ic-ui-accent-2) !important;
  --primary: var(--ic-ui-accent) !important;
  --primary-hover: var(--ic-ui-accent-2) !important;
  --radius: var(--ic-ui-radius-lg) !important;
  --shadow: var(--ic-ui-shadow) !important;
}
body.admin-area.ic-admin-technical {
  --bg: var(--ic-admin-bg) !important;
  --bg-soft: var(--ic-admin-bg-2) !important;
  --surface: var(--ic-admin-panel) !important;
  --surface-2: var(--ic-admin-panel-2) !important;
  --surface-3: var(--ic-admin-field-bg) !important;
  --border: var(--ic-admin-line) !important;
  --border-strong: var(--ic-admin-line-strong) !important;
  --text: var(--ic-admin-text) !important;
  --muted: var(--ic-admin-muted) !important;
  --accent: var(--ic-admin-accent) !important;
  --accent-2: var(--ic-admin-accent-2) !important;
  --primary: var(--ic-admin-accent) !important;
  --primary-hover: var(--ic-admin-accent-2) !important;
  --radius: var(--ic-admin-radius-lg) !important;
  --shadow: var(--ic-admin-shadow) !important;
}
body.ic-ui-technical .section__eyebrow,
body.ic-ui-technical .badge,
body.ic-ui-technical .tag,
body.ic-ui-technical a:not(.btn),
body.ic-ui-technical .link {
  color: var(--ic-ui-accent) !important;
}
body.ic-ui-technical .badge,
body.ic-ui-technical .tag,
body.ic-ui-technical .pill {
  border-color: var(--ic-ui-line-strong) !important;
  background: color-mix(in srgb, var(--ic-ui-accent) 12%, transparent) !important;
}
body.admin-area.ic-admin-technical .section__eyebrow,
body.admin-area.ic-admin-technical a:not(.btn),
body.admin-area.ic-admin-technical .admin-sidebar__nav a.is-active,
body.admin-area.ic-admin-technical .admin-sidebar__nav a:hover,
body.admin-area.ic-admin-technical .plugins-filter-v88 a.is-active {
  color: var(--ic-admin-accent) !important;
}
body.admin-area.ic-admin-technical .notice--good,
body.admin-area.ic-admin-technical .addon-tab-v90.is-advanced,
body.admin-area.ic-admin-technical .addon-settings-marker-v89.is-advanced {
  border-color: var(--ic-admin-line-strong) !important;
  background: color-mix(in srgb, var(--ic-admin-accent) 12%, var(--ic-admin-panel)) !important;
  color: var(--ic-admin-text) !important;
}
.plugin-toggle-v90 {
  width: 52px !important;
  height: 28px !important;
  flex: 0 0 52px !important;
  align-items: center !important;
}
.plugin-toggle-v90 i {
  inset: 0 !important;
  border-radius: 999px !important;
  background: rgba(71,85,105,.62) !important;
  border: 1px solid var(--border-strong) !important;
}
.plugin-toggle-v90 i::after {
  width: 22px !important;
  height: 22px !important;
  left: 3px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: var(--text) !important;
}
.plugin-toggle-v90 input:checked + i {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}
.plugin-toggle-v90 input:checked + i::after {
  transform: translate(24px, -50%) !important;
  background: color-mix(in srgb, var(--bg) 84%, #fff 16%) !important;
}
body.admin-area.ic-admin-technical .plugin-toggle-v90 input:checked + i {
  background: var(--ic-admin-accent) !important;
  border-color: var(--ic-admin-accent) !important;
}
body.admin-area.ic-admin-technical .plugin-toggle-v90 i::after {
  background: var(--ic-admin-text) !important;
}
body.admin-area.ic-admin-technical .plugin-toggle-v90 input:checked + i::after {
  background: var(--ic-admin-bg) !important;
}


/* === v9.7 paper-sticker surfaces, full palette coverage, toggle geometry === */
body.ic-ui-technical,
body.ic-ui-technical main,
body.ic-ui-technical .site-main,
body.ic-ui-technical .page-shell,
body.ic-ui-technical .section-v10,
body.ic-ui-technical .section--soft {
  background-color: var(--ic-ui-bg) !important;
  color: var(--ic-ui-text) !important;
}
body.admin-area.ic-admin-technical,
body.admin-area.ic-admin-technical .admin-shell,
body.admin-area.ic-admin-technical .admin-content,
body.admin-area.ic-admin-technical .admin-content-v12,
body.admin-area.ic-admin-technical main {
  background-color: var(--ic-admin-bg) !important;
  color: var(--ic-admin-text) !important;
}
body.ic-ui-technical .site-header,
body.ic-ui-technical .hero-card,
body.ic-ui-technical .hero-panel,
body.ic-ui-technical .hero-visual,
body.ic-ui-technical .panel,
body.ic-ui-technical .card,
body.ic-ui-technical .service-card,
body.ic-ui-technical .service-card-v67,
body.ic-ui-technical .pricing-card,
body.ic-ui-technical .review-card,
body.ic-ui-technical .case-post,
body.ic-ui-technical .case-post-v71,
body.ic-ui-technical .channels-card,
body.ic-ui-technical .analytics-card,
body.ic-ui-technical .stat-card,
body.ic-ui-technical .metric-card,
body.ic-ui-technical .contact-card,
body.ic-ui-technical .faq-card,
body.ic-ui-technical [class*="__card"],
body.ic-ui-technical [class*="-card"] {
  background-color: var(--ic-ui-panel) !important;
  border-color: var(--ic-ui-line) !important;
  border-width: var(--ic-ui-border-width) !important;
  box-shadow: var(--ic-ui-shadow) !important;
  color: var(--ic-ui-text) !important;
}
body.admin-area.ic-admin-technical .admin-sidebar,
body.admin-area.ic-admin-technical .admin-topbar,
body.admin-area.ic-admin-technical .panel,
body.admin-area.ic-admin-technical .admin-card,
body.admin-area.ic-admin-technical .addon-control-card-v88,
body.admin-area.ic-admin-technical .addon-detail-v88,
body.admin-area.ic-admin-technical .plugins-list-panel-v88,
body.admin-area.ic-admin-technical .plugin-upload-v88,
body.admin-area.ic-admin-technical .lead-card,
body.admin-area.ic-admin-technical .comment-card,
body.admin-area.ic-admin-technical .client-card,
body.admin-area.ic-admin-technical .analytics-card,
body.admin-area.ic-admin-technical .stat-card,
body.admin-area.ic-admin-technical .ticket-card,
body.admin-area.ic-admin-technical .setting-row-v90,
body.admin-area.ic-admin-technical [class*="-card"] {
  background-color: var(--ic-admin-panel) !important;
  border-color: var(--ic-admin-line) !important;
  border-width: var(--ic-admin-border-width) !important;
  box-shadow: var(--ic-admin-shadow) !important;
  color: var(--ic-admin-text) !important;
}
body.ic-ui-paper-cards .panel,
body.ic-ui-paper-cards .card,
body.ic-ui-paper-cards .hero-card,
body.ic-ui-paper-cards .hero-panel,
body.ic-ui-paper-cards .hero-visual,
body.ic-ui-paper-cards .service-card,
body.ic-ui-paper-cards .pricing-card,
body.ic-ui-paper-cards .review-card,
body.ic-ui-paper-cards .case-post,
body.ic-ui-paper-cards .case-post-v71,
body.ic-ui-paper-cards .channels-card,
body.ic-ui-paper-cards [class*="__card"],
body.ic-ui-paper-cards [class*="-card"] {
  background-color: var(--ic-ui-panel) !important;
  background-image: none !important;
  box-shadow: var(--ic-ui-paper-shadow) !important;
}
body.admin-area.ic-admin-paper-cards .panel,
body.admin-area.ic-admin-paper-cards .admin-card,
body.admin-area.ic-admin-paper-cards .addon-control-card-v88,
body.admin-area.ic-admin-paper-cards .addon-detail-v88,
body.admin-area.ic-admin-paper-cards .plugins-list-panel-v88,
body.admin-area.ic-admin-paper-cards .plugin-upload-v88,
body.admin-area.ic-admin-paper-cards .setting-row-v90,
body.admin-area.ic-admin-paper-cards [class*="-card"] {
  background-color: var(--ic-admin-panel) !important;
  background-image: none !important;
  box-shadow: var(--ic-admin-paper-shadow) !important;
}
body.ic-ui-paper-cards .panel:hover,
body.ic-ui-paper-cards .card:hover,
body.ic-ui-paper-cards [class*="-card"]:hover {
  background-color: var(--ic-ui-panel-2) !important;
}
body.admin-area.ic-admin-paper-cards .panel:hover,
body.admin-area.ic-admin-paper-cards [class*="-card"]:hover,
body.admin-area.ic-admin-paper-cards .setting-row-v90:hover {
  background-color: var(--ic-admin-panel-2) !important;
}
body.ic-ui-technical .btn,
body.ic-ui-technical button,
body.ic-ui-technical .site-nav a,
body.ic-ui-technical input,
body.ic-ui-technical textarea,
body.ic-ui-technical select,
body.ic-ui-technical .tag,
body.ic-ui-technical .badge,
body.ic-ui-technical .pill {
  border-color: var(--ic-ui-line) !important;
}
body.admin-area.ic-admin-technical .btn,
body.admin-area.ic-admin-technical button,
body.admin-area.ic-admin-technical input,
body.admin-area.ic-admin-technical textarea,
body.admin-area.ic-admin-technical select,
body.admin-area.ic-admin-technical .tag,
body.admin-area.ic-admin-technical .badge,
body.admin-area.ic-admin-technical .pill,
body.admin-area.ic-admin-technical .addon-tab-v90,
body.admin-area.ic-admin-technical .plugins-filter-v88 a {
  border-color: var(--ic-admin-line) !important;
}
body.ic-ui-technical a:not(.btn),
body.ic-ui-technical .section__eyebrow,
body.ic-ui-technical .link,
body.ic-ui-technical .site-nav a[aria-current="page"] { color: var(--ic-ui-accent) !important; }
body.admin-area.ic-admin-technical a:not(.btn),
body.admin-area.ic-admin-technical .section__eyebrow,
body.admin-area.ic-admin-technical .admin-sidebar__nav a.is-active,
body.admin-area.ic-admin-technical .plugins-filter-v88 a.is-active { color: var(--ic-admin-accent) !important; }
body.ic-ui-preset-paper-sticker .panel,
body.ic-ui-preset-paper-sticker .card,
body.ic-ui-preset-paper-sticker [class*="-card"],
body.admin-area.ic-admin-preset-paper-sticker .panel,
body.admin-area.ic-admin-preset-paper-sticker [class*="-card"] {
  background-image: none !important;
}
.plugin-toggle-v90 {
  position: relative !important;
  display: inline-block !important;
  width: 54px !important;
  height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 54px !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
.plugin-toggle-v90 input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}
.plugin-toggle-v90 i {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 54px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
.plugin-toggle-v90 i::after {
  content: "" !important;
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  left: 3px !important;
  top: 3px !important;
  transform: none !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  transition: transform .18s ease, background-color .18s ease !important;
}
.plugin-toggle-v90 input:checked + i::after {
  transform: translateX(24px) !important;
}

/* === v9.8 material paper contrast + final toggle geometry === */
body.ic-ui-technical.ic-ui-paper-cards,
body.ic-ui-technical.ic-ui-preset-paper-sticker {
  background: var(--ic-ui-bg) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards,
body.admin-area.ic-admin-technical.ic-admin-preset-paper-sticker {
  background: var(--ic-admin-bg) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-header,
body.ic-ui-technical.ic-ui-paper-cards .panel,
body.ic-ui-technical.ic-ui-paper-cards .card,
body.ic-ui-technical.ic-ui-paper-cards .hero-card,
body.ic-ui-technical.ic-ui-paper-cards .hero-panel,
body.ic-ui-technical.ic-ui-paper-cards .hero-visual,
body.ic-ui-technical.ic-ui-paper-cards .service-card,
body.ic-ui-technical.ic-ui-paper-cards .service-card-v67,
body.ic-ui-technical.ic-ui-paper-cards .pricing-card,
body.ic-ui-technical.ic-ui-paper-cards .review-card,
body.ic-ui-technical.ic-ui-paper-cards .case-post,
body.ic-ui-technical.ic-ui-paper-cards .case-post-v71,
body.ic-ui-technical.ic-ui-paper-cards .channels-card,
body.ic-ui-technical.ic-ui-paper-cards .analytics-card,
body.ic-ui-technical.ic-ui-paper-cards .stat-card,
body.ic-ui-technical.ic-ui-paper-cards .metric-card,
body.ic-ui-technical.ic-ui-paper-cards .contact-card,
body.ic-ui-technical.ic-ui-paper-cards .faq-card,
body.ic-ui-technical.ic-ui-paper-cards [class*="__card"],
body.ic-ui-technical.ic-ui-paper-cards [class*="-card"] {
  background: var(--ic-ui-panel) !important;
  background-image: none !important;
  box-shadow: var(--ic-ui-paper-shadow) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-sidebar,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-topbar,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .panel,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-control-card-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-detail-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-list-panel-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugin-upload-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .lead-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .comment-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .client-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .analytics-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .stat-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .ticket-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="-card"] {
  background: var(--ic-admin-panel) !important;
  background-image: none !important;
  box-shadow: var(--ic-admin-paper-shadow) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .setting-row-v90,
body.admin-area.ic-admin-technical.ic-admin-paper-cards input,
body.admin-area.ic-admin-technical.ic-admin-paper-cards textarea,
body.admin-area.ic-admin-technical.ic-admin-paper-cards select {
  background: var(--ic-admin-field-bg) !important;
  background-image: none !important;
}
body.ic-ui-technical.ic-ui-paper-cards input,
body.ic-ui-technical.ic-ui-paper-cards textarea,
body.ic-ui-technical.ic-ui-paper-cards select {
  background: var(--ic-ui-field-bg) !important;
  background-image: none !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-list-card-v88:nth-child(even),
body.admin-area.ic-admin-technical.ic-admin-paper-cards .setting-row-v90:nth-child(even),
body.ic-ui-technical.ic-ui-paper-cards .service-card:nth-child(even),
body.ic-ui-technical.ic-ui-paper-cards .pricing-card:nth-child(even),
body.ic-ui-technical.ic-ui-paper-cards .channels-card:nth-child(even) {
  background: var(--ic-admin-panel-2, var(--ic-ui-panel-2)) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-list-card-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .setting-row-v90,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-control-card-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-detail-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-list-panel-v88 {
  outline: none !important;
}
body.ic-ui-technical.ic-ui-paper-cards .btn.primary,
body.ic-ui-technical.ic-ui-paper-cards button.primary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.primary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button.primary {
  background: var(--accent) !important;
  border-color: transparent !important;
  color: color-mix(in srgb, var(--bg) 88%, #000 12%) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.22) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.primary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button.primary {
  background: var(--ic-admin-accent) !important;
  color: var(--ic-admin-bg) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .badge,
body.ic-ui-technical.ic-ui-paper-cards .tag,
body.ic-ui-technical.ic-ui-paper-cards .pill,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .badge,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .tag,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .pill,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-tab-v90,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-filter-v88 a {
  background: color-mix(in srgb, var(--accent, var(--ic-admin-accent)) 13%, var(--surface, var(--ic-admin-panel)) 87%) !important;
  border-color: transparent !important;
}
/* One knob only. Older CSS created both ::before and ::after; that is why the toggle looked doubled and shifted. */
.plugin-toggle-v90,
body.admin-area .plugin-toggle-v90 {
  position: relative !important;
  display: inline-block !important;
  width: 54px !important;
  height: 30px !important;
  min-width: 54px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  flex: 0 0 54px !important;
  overflow: visible !important;
}
.plugin-toggle-v90 input,
body.admin-area .plugin-toggle-v90 input {
  position: absolute !important;
  inset: 0 !important;
  width: 54px !important;
  height: 30px !important;
  opacity: 0 !important;
  margin: 0 !important;
  z-index: 3 !important;
  cursor: pointer !important;
}
.plugin-toggle-v90 i,
body.admin-area .plugin-toggle-v90 i {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 54px !important;
  height: 30px !important;
  min-width: 54px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--surface-3, #1f2937) 84%, #000 16%) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--muted, #94a3b8) 28%, transparent) !important;
}
.plugin-toggle-v90 i::before,
body.admin-area .plugin-toggle-v90 i::before {
  content: none !important;
  display: none !important;
}
.plugin-toggle-v90 i::after,
body.admin-area .plugin-toggle-v90 i::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  left: 3px !important;
  top: 3px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translate3d(0,0,0) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--text, #e5e7eb) 88%, var(--surface-3, #111827) 12%) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.32), 0 2px 6px rgba(0,0,0,.22) !important;
  transition: transform .16s ease, background-color .16s ease !important;
}
.plugin-toggle-v90 input:checked + i,
body.admin-area .plugin-toggle-v90 input:checked + i {
  background: var(--accent, #38bdf8) !important;
  box-shadow: none !important;
}
body.admin-area.ic-admin-technical .plugin-toggle-v90 input:checked + i {
  background: var(--ic-admin-accent) !important;
}
.plugin-toggle-v90 input:checked + i::after,
body.admin-area .plugin-toggle-v90 input:checked + i::after {
  transform: translate3d(24px,0,0) !important;
  background: color-mix(in srgb, var(--bg, #0b1220) 82%, #fff 18%) !important;
}
body.admin-area.ic-admin-technical .plugin-toggle-v90 input:checked + i::after {
  background: color-mix(in srgb, var(--ic-admin-bg) 82%, #fff 18%) !important;
}

/* === v9.9 Material Paper: range controls, sane radii, Android-like elevation === */
body.admin-area .setting-range-v93 {
  grid-template-columns: minmax(180px, 1fr) minmax(54px, auto) !important;
  gap: 12px !important;
  align-items: center !important;
}
body.admin-area .setting-range-v93 input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  --range-p: 0%;
}
body.admin-area .setting-range-v93 input[type="range"]::-webkit-slider-runnable-track {
  width: 100% !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,
    var(--accent, var(--ic-admin-accent, #38bdf8)) 0%,
    var(--accent, var(--ic-admin-accent, #38bdf8)) var(--range-p),
    color-mix(in srgb, var(--surface-3, #263040) 82%, #000 18%) var(--range-p),
    color-mix(in srgb, var(--surface-3, #263040) 82%, #000 18%) 100%) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--muted, #94a3b8) 18%, transparent) !important;
}
body.admin-area .setting-range-v93 input[type="range"]::-moz-range-track {
  width: 100% !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--surface-3, #263040) 82%, #000 18%) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--muted, #94a3b8) 18%, transparent) !important;
}
body.admin-area .setting-range-v93 input[type="range"]::-moz-range-progress {
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--accent, var(--ic-admin-accent, #38bdf8)) !important;
}
body.admin-area .setting-range-v93 input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: -6px !important;
  border-radius: 50% !important;
  border: 3px solid color-mix(in srgb, var(--bg, #0b1220) 80%, #fff 20%) !important;
  background: var(--accent, var(--ic-admin-accent, #38bdf8)) !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.35) !important;
}
body.admin-area .setting-range-v93 input[type="range"]::-moz-range-thumb {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 3px solid color-mix(in srgb, var(--bg, #0b1220) 80%, #fff 20%) !important;
  background: var(--accent, var(--ic-admin-accent, #38bdf8)) !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.35) !important;
}
body.admin-area .setting-range-v93 input[type="range"]:focus-visible::-webkit-slider-thumb {
  outline: 2px solid color-mix(in srgb, var(--accent, #38bdf8) 48%, transparent) !important;
  outline-offset: 3px !important;
}
body.admin-area .setting-range-v93 output {
  min-width: 54px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  text-align: center !important;
  color: var(--text, #e5e7eb) !important;
  background: color-mix(in srgb, var(--surface-2, #202a38) 85%, #fff 3%) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--muted, #94a3b8) 16%, transparent) !important;
}

/* Final toggle geometry: no inherited pseudo-knobs, exact math. */
.plugin-toggle-v90,
body.admin-area .plugin-toggle-v90 {
  --toggle-w: 52px;
  --toggle-h: 28px;
  --toggle-pad: 3px;
  --toggle-knob: 22px;
  position: relative !important;
  display: inline-block !important;
  width: var(--toggle-w) !important;
  height: var(--toggle-h) !important;
  min-width: var(--toggle-w) !important;
  flex: 0 0 var(--toggle-w) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  line-height: 0 !important;
}
.plugin-toggle-v90 input,
body.admin-area .plugin-toggle-v90 input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  z-index: 5 !important;
}
.plugin-toggle-v90 i,
body.admin-area .plugin-toggle-v90 i {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: var(--toggle-w) !important;
  height: var(--toggle-h) !important;
  min-width: var(--toggle-w) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--surface-3, #263040) 82%, #000 18%) !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--muted, #94a3b8) 24%, transparent) !important;
  transform: none !important;
  overflow: hidden !important;
}
.plugin-toggle-v90 i::before,
body.admin-area .plugin-toggle-v90 i::before { content: none !important; display: none !important; }
.plugin-toggle-v90 i::after,
body.admin-area .plugin-toggle-v90 i::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: var(--toggle-knob) !important;
  height: var(--toggle-knob) !important;
  left: var(--toggle-pad) !important;
  top: var(--toggle-pad) !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  border-radius: 999px !important;
  transform: translate3d(0,0,0) !important;
  background: color-mix(in srgb, var(--text, #e5e7eb) 86%, var(--surface-3, #111827) 14%) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.42), 0 2px 5px rgba(0,0,0,.28) !important;
  transition: transform .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}
.plugin-toggle-v90 input:checked + i,
body.admin-area .plugin-toggle-v90 input:checked + i {
  background: var(--accent, var(--ic-admin-accent, #38bdf8)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, var(--ic-admin-accent, #38bdf8)) 52%, #fff 12%) !important;
}
.plugin-toggle-v90 input:checked + i::after,
body.admin-area .plugin-toggle-v90 input:checked + i::after {
  transform: translate3d(calc(var(--toggle-w) - var(--toggle-knob) - var(--toggle-pad) * 2),0,0) !important;
  background: color-mix(in srgb, var(--bg, var(--ic-admin-bg, #0b1220)) 78%, #fff 22%) !important;
}

/* Android 7 / Material Paper surface model: darker neutral underlay, brighter cards, bright active controls. */
body.ic-ui-technical.ic-ui-paper-cards,
body.ic-ui-technical.ic-ui-preset-paper-sticker,
body.admin-area.ic-admin-technical.ic-admin-paper-cards,
body.admin-area.ic-admin-preset-paper-sticker {
  background: var(--bg) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .panel,
body.ic-ui-technical.ic-ui-paper-cards .card,
body.ic-ui-technical.ic-ui-paper-cards [class*="-card"],
body.ic-ui-technical.ic-ui-paper-cards [class*="__card"],
body.admin-area.ic-admin-technical.ic-admin-paper-cards .panel,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="-card"],
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="__card"],
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-detail-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-list-panel-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-control-card-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugin-upload-v88 {
  background-color: var(--surface) !important;
  background-image: none !important;
  box-shadow: var(--ic-ui-paper-shadow, var(--ic-admin-paper-shadow, 0 2px 3px rgba(0,0,0,.25), 0 10px 22px rgba(0,0,0,.24))) !important;
  border-width: var(--ic-ui-border-width, var(--ic-admin-border-width, 0px)) !important;
  border-color: color-mix(in srgb, var(--accent) 14%, #fff 6%) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .setting-row-v90,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-list-card-v88,
body.ic-ui-technical.ic-ui-paper-cards .btn.secondary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.secondary {
  background-color: var(--surface-2) !important;
  background-image: none !important;
}
body.ic-ui-technical.ic-ui-paper-cards .btn.primary,
body.ic-ui-technical.ic-ui-paper-cards button.primary,
body.ic-ui-technical.ic-ui-paper-cards .submit-button,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.primary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button.primary {
  background-color: var(--accent) !important;
  background-image: none !important;
  color: color-mix(in srgb, var(--bg) 88%, #000 12%) !important;
  border-color: transparent !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.28), 0 4px 10px rgba(0,0,0,.18) !important;
}
body.ic-ui-technical.ic-ui-paper-cards input,
body.ic-ui-technical.ic-ui-paper-cards select,
body.ic-ui-technical.ic-ui-paper-cards textarea,
body.admin-area.ic-admin-technical.ic-admin-paper-cards input,
body.admin-area.ic-admin-technical.ic-admin-paper-cards select,
body.admin-area.ic-admin-technical.ic-admin-paper-cards textarea {
  background-color: var(--surface-3) !important;
  background-image: none !important;
}


/* === v10.1 analytics redesign + compact retention views === */
.analytics-toolbar-v101{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:14px 16px!important}
.analytics-toolbar-v101 h2{margin:0 0 3px;font-size:1rem}.analytics-toolbar-v101 p{margin:0;font-size:.9rem}
.analytics-range-tabs-v101{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.analytics-range-tabs-v101 a{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border-radius:var(--radius-sm,8px);border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-weight:850;text-decoration:none;font-size:.86rem}
.analytics-range-tabs-v101 a.is-active{background:var(--accent);border-color:var(--accent);color:#061018}
.analytics-grid-v101{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-grid-v101 .analytics-kpi-v78{padding:14px!important;min-height:92px}.analytics-grid-v101 .analytics-kpi-v78 strong{font-size:clamp(1.45rem,2vw,2rem)}
.analytics-panel-v101{padding:14px 16px!important;margin-bottom:14px}.analytics-panel-v101 .section-row{margin-bottom:10px}.analytics-panel-v101 h2{font-size:1rem;margin:0}.analytics-panel-v101 p{font-size:.88rem;margin-top:2px}
.analytics-day-bars-v101,.analytics-hour-bars-v101{height:168px;display:grid;gap:3px;align-items:end;overflow-x:auto;overflow-y:hidden;padding:8px 2px 2px;scrollbar-width:thin}.analytics-day-bars-v101{grid-template-columns:repeat(auto-fit,minmax(10px,1fr))}.analytics-hour-bars-v101{height:150px;grid-template-columns:repeat(auto-fit,minmax(8px,1fr))}
.day-cell-v101,.analytics-hour-bars-v101 .hour-cell-v78{position:relative;min-width:10px;height:132px;border-radius:var(--radius-xs,5px);background:var(--surface-3);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.analytics-hour-bars-v101 .hour-cell-v78{height:116px;min-width:8px}
.day-cell-v101 span,.analytics-hour-bars-v101 .hour-cell-v78 span{position:absolute;bottom:18px;border-radius:var(--radius-xs,5px) var(--radius-xs,5px) 0 0;min-height:2px}.day-cell-v101 .views{left:13%;width:34%;background:var(--accent)}.day-cell-v101 .visits{right:13%;width:34%;background:var(--accent-2)}.analytics-hour-bars-v101 .hour-cell-v78 .views{left:14%;width:34%;background:var(--accent)}.analytics-hour-bars-v101 .hour-cell-v78 .clicks{right:14%;width:34%;background:var(--accent-2)}
.day-cell-v101 small,.analytics-hour-bars-v101 .hour-cell-v78 small{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.62rem;color:var(--muted);white-space:nowrap}
.analytics-two-v101{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.analytics-list-v101{display:grid;gap:8px}.analytics-row-v101{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:var(--radius-sm,8px);background:var(--surface-2);min-width:0}.analytics-row-v101>div:first-child{min-width:0}.analytics-row-v101 strong{display:block;font-size:.91rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-row-v101 small{display:block;color:var(--muted);font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.analytics-metrics-v101{display:flex;align-items:center;gap:6px;flex:0 0 auto}.analytics-metrics-v101 span{min-width:54px;padding:5px 7px;border-radius:var(--radius-xs,6px);background:var(--surface-3);text-align:center;font-weight:900;color:var(--text)}.analytics-metrics-v101 span small{font-size:.65rem;margin-top:0}.analytics-empty-v101{padding:12px;background:var(--surface-2);border-radius:var(--radius-sm,8px)}
@media(max-width:1100px){.analytics-grid-v101,.analytics-two-v101{grid-template-columns:1fr 1fr}.analytics-toolbar-v101{align-items:flex-start;flex-direction:column}.analytics-range-tabs-v101{justify-content:flex-start}}
@media(max-width:760px){.analytics-grid-v101,.analytics-two-v101{grid-template-columns:1fr}.analytics-day-bars-v101{grid-template-columns:repeat(30,12px)}.analytics-hour-bars-v101{grid-template-columns:repeat(48,10px)}.analytics-row-v101{align-items:flex-start;flex-direction:column}.analytics-metrics-v101{width:100%;justify-content:flex-start;flex-wrap:wrap}.analytics-toolbar-v101{padding:12px!important}}

/* v10.1 avoid unreadable text after automatic palette sync */
body.ic-ui-technical,body.admin-area.ic-admin-technical{color:var(--text)}
body.ic-ui-technical .panel,body.admin-area.ic-admin-technical .panel{color:var(--text)}
body.ic-ui-technical .muted,body.admin-area.ic-admin-technical .muted{color:var(--muted)!important}

/* === v10.2 paper buttons + safer hover contrast === */
body.ic-ui-technical.ic-ui-paper-cards .btn,
body.ic-ui-technical.ic-ui-paper-cards button,
body.ic-ui-technical.ic-ui-paper-cards input[type="button"],
body.ic-ui-technical.ic-ui-paper-cards input[type="submit"],
body.ic-ui-technical.ic-ui-paper-cards .nav-toggle,
body.ic-ui-technical.ic-ui-paper-cards .mobile-nav-cta {
  background-color: var(--ic-ui-button-bg, var(--surface-2)) !important;
  background-image: none !important;
  color: var(--ic-ui-button-text, var(--text)) !important;
  border-width: var(--ic-ui-border-width, 0px) !important;
  border-style: solid !important;
  border-color: color-mix(in srgb, var(--accent) 18%, transparent) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.055), 0 2px 3px rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.18) !important;
  filter: none !important;
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button,
body.admin-area.ic-admin-technical.ic-admin-paper-cards input[type="button"],
body.admin-area.ic-admin-technical.ic-admin-paper-cards input[type="submit"],
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-menu-toggle {
  background-color: var(--ic-admin-button-bg, var(--surface-2)) !important;
  background-image: none !important;
  color: var(--ic-admin-button-text, var(--text)) !important;
  border-width: var(--ic-admin-border-width, 0px) !important;
  border-style: solid !important;
  border-color: color-mix(in srgb, var(--accent) 18%, transparent) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.055), 0 2px 3px rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.18) !important;
  filter: none !important;
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease !important;
}
body.ic-ui-technical.ic-ui-paper-cards .btn.primary,
body.ic-ui-technical.ic-ui-paper-cards button.primary,
body.ic-ui-technical.ic-ui-paper-cards .submit-button,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.primary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button.primary {
  background-color: var(--ic-ui-button-primary, var(--ic-admin-button-primary, var(--accent))) !important;
  color: var(--ic-ui-accent-text, var(--ic-admin-accent-text, #061018)) !important;
  border-width: var(--ic-ui-border-width, var(--ic-admin-border-width, 0px)) !important;
  border-color: color-mix(in srgb, var(--accent) 68%, #ffffff 18%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.18), 0 3px 5px rgba(0,0,0,.26), 0 10px 22px rgba(0,0,0,.20) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .btn:hover,
body.ic-ui-technical.ic-ui-paper-cards button:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button:hover {
  transform: translateY(-2px) !important;
  filter: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 5px 8px rgba(0,0,0,.28), 0 14px 28px rgba(0,0,0,.22) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .btn.secondary:hover,
body.ic-ui-technical.ic-ui-paper-cards button.secondary:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.secondary:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button.secondary:hover {
  background-color: var(--ic-ui-button-hover, var(--ic-admin-button-hover, var(--surface-3))) !important;
  color: var(--text) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .btn.primary:hover,
body.ic-ui-technical.ic-ui-paper-cards button.primary:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.primary:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button.primary:hover {
  background-color: color-mix(in srgb, var(--accent) 92%, #ffffff 8%) !important;
  color: var(--ic-ui-accent-text, var(--ic-admin-accent-text, #061018)) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .btn:active,
body.ic-ui-technical.ic-ui-paper-cards button:active,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn:active,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.24) !important;
}
/* Hover must signal elevation, not bleach the card and kill readability. */
body.ic-ui-technical.ic-ui-paper-cards .panel:hover,
body.ic-ui-technical.ic-ui-paper-cards .card:hover,
body.ic-ui-technical.ic-ui-paper-cards [class*="-card"]:hover,
body.ic-ui-technical.ic-ui-paper-cards [class*="__card"]:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .panel:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-card:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="-card"]:hover,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="__card"]:hover {
  background-color: var(--ic-ui-card-hover, var(--ic-admin-card-hover, var(--surface))) !important;
  background-image: none !important;
  color: var(--text) !important;
  filter: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.07), 0 3px 5px rgba(0,0,0,.24), 0 12px 26px rgba(0,0,0,.23) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .panel:hover .muted,
body.ic-ui-technical.ic-ui-paper-cards .card:hover .muted,
body.ic-ui-technical.ic-ui-paper-cards [class*="-card"]:hover .muted,
body.ic-ui-technical.ic-ui-paper-cards [class*="__card"]:hover .muted,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="-card"]:hover .muted,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="__card"]:hover .muted {
  color: var(--muted) !important;
}

/* === v10.3 nav border sync + editable hero tags === */
body.ic-ui-technical .site-nav a,
body.ic-ui-technical .btn,
body.ic-ui-technical button,
body.ic-ui-technical input,
body.ic-ui-technical textarea,
body.ic-ui-technical select {
  border-width: var(--ic-ui-border-width) !important;
}
body.admin-area.ic-admin-technical .btn,
body.admin-area.ic-admin-technical button,
body.admin-area.ic-admin-technical input,
body.admin-area.ic-admin-technical textarea,
body.admin-area.ic-admin-technical select,
body.admin-area.ic-admin-technical .addon-tab-v90,
body.admin-area.ic-admin-technical .plugins-filter-v88 a {
  border-width: var(--ic-admin-border-width) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-nav a {
  background: var(--ic-ui-button-bg) !important;
  color: var(--ic-ui-button-text) !important;
  border-color: transparent !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 2px 5px rgba(0,0,0,.18) !important;
  transform: translateZ(0);
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-nav a:hover,
body.ic-ui-technical.ic-ui-paper-cards .site-nav a:focus-visible {
  background: var(--ic-ui-button-hover) !important;
  color: var(--ic-ui-text) !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 0 rgba(255,255,255,.06), 0 7px 16px rgba(0,0,0,.24) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-nav a[aria-current="page"],
body.ic-ui-technical.ic-ui-paper-cards .site-nav .nav-cta {
  background: var(--ic-ui-button-primary) !important;
  color: var(--ic-ui-accent-text) !important;
  border-color: transparent !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-nav a,
body.ic-ui-technical.ic-ui-paper-cards .btn,
body.ic-ui-technical.ic-ui-paper-cards button {
  border-style: solid !important;
  border-width: var(--ic-ui-border-width) !important;
}
body.ic-ui-technical.ic-ui-paper-cards[style*="--ic-ui-border-width:0px"] .site-nav a,
body.ic-ui-technical.ic-ui-paper-cards[style*="--ic-ui-border-width:0px"] .btn,
body.ic-ui-technical.ic-ui-paper-cards[style*="--ic-ui-border-width:0px"] button {
  border-color: transparent !important;
}
.hero-tags-v103 { align-items: center; }
.hero-tag-v103 {
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
.hero-tag-v103.is-colored {
  color: var(--hero-tag-text) !important;
  background: var(--hero-tag-bg) !important;
  border-color: var(--hero-tag-border) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 4px 12px rgba(0,0,0,.18) !important;
}
.hero-tag-v103.is-colored:hover { transform: translateY(-1px); }
body.ic-ui-technical.ic-ui-paper-cards .hero-tag-v103.is-colored {
  border-width: var(--ic-ui-border-width) !important;
  border-color: color-mix(in srgb, var(--hero-tag-color) 50%, transparent) !important;
  background: color-mix(in srgb, var(--hero-tag-color) 22%, var(--ic-ui-layer-3) 78%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.07), 0 3px 7px rgba(0,0,0,.20) !important;
}
.hero-tags-editor-v103 {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: var(--radius);
  background: var(--surface-2);
}
.hero-tags-editor-v103__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.hero-tags-editor-v103__head h4 { margin: 0 0 4px; }
.hero-tags-editor-v103__list { display: grid; gap: 8px; }
.hero-tag-row-v103 {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) 52px auto 42px;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: var(--radius-sm, 8px);
  background: var(--surface-3, rgba(255,255,255,.04));
}
.hero-tag-row-v103 input[type="text"] { width: 100%; }
.hero-tag-row-v103 input[type="color"] {
  width: 48px;
  height: 38px;
  min-height: 38px;
  padding: 3px;
  border-radius: var(--radius-sm, 8px);
}
.hero-tag-row-v103 input[type="color"][data-empty-color="1"] {
  opacity: .42;
  filter: grayscale(1);
}
.hero-tag-row-v103 .danger { color: #fecaca; }
body.admin-area.ic-admin-technical .hero-tags-editor-v103 {
  background: var(--ic-admin-layer-2) !important;
  border: var(--ic-admin-border-width) solid var(--ic-admin-line) !important;
}
body.admin-area.ic-admin-technical .hero-tag-row-v103 {
  background: var(--ic-admin-layer-3) !important;
  border-radius: var(--ic-admin-radius-sm) !important;
}
@media (max-width: 760px) {
  .hero-tags-editor-v103__head { flex-direction: column; }
  .hero-tag-row-v103 { grid-template-columns: 1fr 48px auto 40px; }
}

/* === v10.4 language switcher follows active UI theme === */
body:not(.admin-area).ic-ui-technical .ic-lang-switcher,
body:not(.admin-area).ic-ui-technical .ic-lang-switcher-plugin,
body:not(.admin-area).ic-ui-technical {
  background: var(--ic-ui-layer-2, var(--ic-ui-panel, var(--surface-2))) !important;
  background-image: none !important;
  color: var(--ic-ui-text, var(--text)) !important;
  border: var(--ic-ui-border-width, 1px) solid var(--ic-ui-line, var(--border)) !important;
  border-radius: max(999px, var(--ic-ui-radius-sm, 10px)) !important;
  box-shadow: var(--ic-ui-paper-shadow, 0 2px 4px rgba(0,0,0,.28), 0 10px 22px rgba(0,0,0,.22)) !important;
  backdrop-filter: none !important;
  overflow: hidden !important;
}
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .ic-lang-switcher,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .ic-lang-switcher-plugin,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards {
  background: var(--ic-ui-layer-2, var(--ic-ui-panel)) !important;
  border-width: var(--ic-ui-border-width, 0px) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 2px 4px rgba(0,0,0,.24), 0 10px 20px rgba(0,0,0,.20) !important;
}
body:not(.admin-area).ic-ui-technical .ic-lang-title {
  color: var(--ic-ui-accent, var(--accent)) !important;
  opacity: 1 !important;
}
body:not(.admin-area).ic-ui-technical .ic-lang-switcher button {
  background: var(--ic-ui-layer-4, var(--ic-ui-button-bg, var(--surface-3))) !important;
  background-image: none !important;
  color: var(--ic-ui-button-text, var(--ic-ui-text, var(--text))) !important;
  border: 0 !important;
  border-radius: max(999px, var(--ic-ui-radius-sm, 10px)) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.055), 0 1px 3px rgba(0,0,0,.16) !important;
  transition: transform .14s ease, background-color .14s ease, color .14s ease, box-shadow .14s ease !important;
}
body:not(.admin-area).ic-ui-technical .ic-lang-switcher button:hover,
body:not(.admin-area).ic-ui-technical .ic-lang-switcher button:focus-visible {
  background: var(--ic-ui-layer-5, var(--ic-ui-button-hover, var(--surface-4))) !important;
  color: var(--ic-ui-text, var(--text)) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.22) !important;
}
body:not(.admin-area).ic-ui-technical .ic-lang-switcher button.is-active {
  background: var(--ic-ui-button-primary, var(--ic-ui-accent, var(--accent))) !important;
  color: var(--ic-ui-accent-text, #061018) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.12), 0 2px 5px rgba(0,0,0,.24) !important;
}
body:not(.admin-area).ic-ui-technical[style*="--ic-ui-border-width:0px"] .ic-lang-switcher,
body:not(.admin-area).ic-ui-technical[style*="--ic-ui-border-width:0px"] .ic-lang-switcher button {
  border-color: transparent !important;
}

/* === v10.5 Material layer discipline + themed chips/inputs === */
body.ic-ui-technical.ic-ui-paper-cards,
body.ic-ui-technical.ic-ui-preset-paper-sticker {
  background: var(--ic-ui-layer-0) !important;
  color: var(--ic-ui-text) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .section-v10,
body.ic-ui-technical.ic-ui-paper-cards .section--soft,
body.ic-ui-technical.ic-ui-paper-cards .page-hero,
body.ic-ui-technical.ic-ui-paper-cards .page-compact-hero,
body.ic-ui-technical.ic-ui-paper-cards .lead-form,
body.ic-ui-technical.ic-ui-paper-cards .cases-shell-v71,
body.ic-ui-technical.ic-ui-paper-cards .channels-hero-v65 {
  background: var(--ic-ui-layer-0) !important;
  background-image: none !important;
}
body.ic-ui-technical.ic-ui-paper-cards .section--panel .section__content,
body.ic-ui-technical.ic-ui-paper-cards .workflow-panel,
body.ic-ui-technical.ic-ui-paper-cards form#lead-form,
body.ic-ui-technical.ic-ui-paper-cards .modal,
body.ic-ui-technical.ic-ui-paper-cards .chat-panel-v15,
body.ic-ui-technical.ic-ui-paper-cards .chat-panel-v13,
body.ic-ui-technical.ic-ui-paper-cards .cases-intro-v71,
body.ic-ui-technical.ic-ui-paper-cards .case-post-v71,
body.ic-ui-technical.ic-ui-paper-cards .case-article,
body.ic-ui-technical.ic-ui-paper-cards .case-detail,
body.ic-ui-technical.ic-ui-paper-cards .case-view,
body.ic-ui-technical.ic-ui-paper-cards .review-form-v15,
body.ic-ui-technical.ic-ui-paper-cards .contact-panels-v15 > *,
body.ic-ui-technical.ic-ui-paper-cards .service-card-v13,
body.ic-ui-technical.ic-ui-paper-cards .price-card-v13,
body.ic-ui-technical.ic-ui-paper-cards .review-card,
body.ic-ui-technical.ic-ui-paper-cards .panel,
body.ic-ui-technical.ic-ui-paper-cards .card,
body.ic-ui-technical.ic-ui-paper-cards [class*="-card"] {
  background: var(--ic-ui-layer-2) !important;
  background-image: none !important;
  color: var(--ic-ui-text) !important;
  border-color: transparent !important;
  box-shadow: var(--ic-ui-paper-shadow) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .case-mini-grid div,
body.ic-ui-technical.ic-ui-paper-cards .case-post__summary > div,
body.ic-ui-technical.ic-ui-paper-cards .case-summary-v71 > div,
body.ic-ui-technical.ic-ui-paper-cards .cases-stats-v71 > div,
body.ic-ui-technical.ic-ui-paper-cards .summary-list div,
body.ic-ui-technical.ic-ui-paper-cards .workflow-list li,
body.ic-ui-technical.ic-ui-paper-cards .compact-checks li,
body.ic-ui-technical.ic-ui-paper-cards .trust-strip li,
body.ic-ui-technical.ic-ui-paper-cards .process-grid-v13 > *,
body.ic-ui-technical.ic-ui-paper-cards .process-grid-v12 > *,
body.ic-ui-technical.ic-ui-paper-cards .radio-card label,
body.ic-ui-technical.ic-ui-paper-cards .check-opt,
body.ic-ui-technical.ic-ui-paper-cards .chat-contact-v15,
body.ic-ui-technical.ic-ui-paper-cards .lead-v12__details,
body.ic-ui-technical.ic-ui-paper-cards .analytics-row-v101,
body.ic-ui-technical.ic-ui-paper-cards .analytics-metrics-v101 span,
body.ic-ui-technical.ic-ui-paper-cards .contact-card .muted.small,
body.ic-ui-technical.ic-ui-paper-cards .panel .panel,
body.ic-ui-technical.ic-ui-paper-cards .panel .card,
body.ic-ui-technical.ic-ui-paper-cards [class*="-card"] [class*="-card"] {
  background: var(--ic-ui-layer-3) !important;
  background-image: none !important;
  color: var(--ic-ui-text) !important;
  border-color: transparent !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.045), 0 2px 5px rgba(0,0,0,.18) !important;
}
body.ic-ui-technical.ic-ui-paper-cards input,
body.ic-ui-technical.ic-ui-paper-cards textarea,
body.ic-ui-technical.ic-ui-paper-cards select,
body.ic-ui-technical.ic-ui-paper-cards .btn.secondary,
body.ic-ui-technical.ic-ui-paper-cards .site-nav a,
body.ic-ui-technical.ic-ui-paper-cards .badge,
body.ic-ui-technical.ic-ui-paper-cards .tag,
body.ic-ui-technical.ic-ui-paper-cards .pill,
body.ic-ui-technical.ic-ui-paper-cards .notice,
body.ic-ui-technical.ic-ui-paper-cards .ic-lang-switcher button:not(.is-active) {
  background: var(--ic-ui-layer-4) !important;
  background-image: none !important;
  color: var(--ic-ui-button-text, var(--ic-ui-text)) !important;
  border: var(--ic-ui-border-width) solid color-mix(in srgb, var(--ic-ui-accent) 22%, transparent) !important;
  border-radius: var(--ic-ui-radius-sm) !important;
}
body.ic-ui-technical.ic-ui-paper-cards input,
body.ic-ui-technical.ic-ui-paper-cards textarea,
body.ic-ui-technical.ic-ui-paper-cards select {
  color: var(--ic-ui-text) !important;
  caret-color: var(--ic-ui-accent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.14) !important;
}
body.ic-ui-technical.ic-ui-paper-cards input::placeholder,
body.ic-ui-technical.ic-ui-paper-cards textarea::placeholder { color: color-mix(in srgb, var(--ic-ui-muted) 72%, transparent) !important; }
body.ic-ui-technical.ic-ui-paper-cards input:focus,
body.ic-ui-technical.ic-ui-paper-cards textarea:focus,
body.ic-ui-technical.ic-ui-paper-cards select:focus {
  background: var(--ic-ui-layer-5) !important;
  color: var(--ic-ui-text) !important;
  outline: 0 !important;
  border-color: color-mix(in srgb, var(--ic-ui-accent) 62%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ic-ui-accent) 22%, transparent), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-nav a,
body.ic-ui-technical.ic-ui-paper-cards .btn.secondary {
  background: var(--ic-ui-button-bg) !important;
  color: var(--ic-ui-button-text) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.055), 0 2px 5px rgba(0,0,0,.18) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-nav a:hover,
body.ic-ui-technical.ic-ui-paper-cards .btn.secondary:hover,
body.ic-ui-technical.ic-ui-paper-cards .ic-lang-switcher button:not(.is-active):hover {
  background: var(--ic-ui-button-hover) !important;
  color: var(--ic-ui-text) !important;
  transform: translateY(-1px) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .site-nav a[aria-current="page"],
body.ic-ui-technical.ic-ui-paper-cards .site-nav .nav-cta,
body.ic-ui-technical.ic-ui-paper-cards .btn.primary,
body.ic-ui-technical.ic-ui-paper-cards button.primary,
body.ic-ui-technical.ic-ui-paper-cards .ic-lang-switcher button.is-active {
  background: var(--ic-ui-button-primary) !important;
  color: var(--ic-ui-accent-text) !important;
  border-color: transparent !important;
}
body.ic-ui-technical.ic-ui-paper-cards .hero-v13__lead,
body.ic-ui-technical.ic-ui-paper-cards .hero-v12__lead,
body.ic-ui-technical.ic-ui-paper-cards .hero-v11__lead,
body.ic-ui-technical.ic-ui-paper-cards .hero-subtitle,
body.ic-ui-technical.ic-ui-paper-cards .section__lead,
body.ic-ui-technical.ic-ui-paper-cards .section-headline p:not(.section__eyebrow),
body.ic-ui-technical.ic-ui-paper-cards .muted,
body.ic-ui-technical.ic-ui-paper-cards [class*="__lead"] {
  color: var(--ic-ui-muted) !important;
  text-shadow: none !important;
}
body.ic-ui-technical.ic-ui-paper-cards .section__eyebrow,
body.ic-ui-technical.ic-ui-paper-cards .case-post__meta,
body.ic-ui-technical.ic-ui-paper-cards .case-mini-grid span,
body.ic-ui-technical.ic-ui-paper-cards .case-post__summary span {
  color: var(--ic-ui-accent) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .hero-tag-v103,
body.ic-ui-technical.ic-ui-paper-cards .badge,
body.ic-ui-technical.ic-ui-paper-cards .tag,
body.ic-ui-technical.ic-ui-paper-cards .pill {
  border-radius: var(--ic-ui-tag-radius, var(--ic-ui-radius-sm)) !important;
  padding: var(--ic-ui-tag-padding-y, 7px) var(--ic-ui-tag-padding-x, 12px) !important;
}
body.ic-ui-technical.ic-ui-paper-cards .hero-tag-v103.is-colored {
  background: var(--hero-tag-bg) !important;
  color: var(--hero-tag-text) !important;
  border: var(--ic-ui-border-width) solid var(--hero-tag-border) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.09), 0 3px 8px rgba(0,0,0,.22) !important;
  opacity: 1 !important;
  filter: none !important;
}
body.ic-ui-technical.ic-ui-paper-cards .hero-tag-v103.is-colored:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.12), 0 6px 14px rgba(0,0,0,.26) !important;
}
/* Cases had old hardcoded blue/grey performance styles. Theme must win now. */
body.ic-ui-technical.cases-page .site-header,
body.ic-ui-technical.cases-lite-v73 .site-header { background: var(--ic-ui-layer-1) !important; box-shadow: none !important; }
body.ic-ui-technical.cases-page .section--soft,
body.ic-ui-technical.cases-lite-v73 .section--soft,
body.ic-ui-technical.cases-lite-v73 .section-v10,
body.ic-ui-technical.cases-lite-v73 .page-compact-hero { background: var(--ic-ui-layer-0) !important; }
body.ic-ui-technical.cases-page .cases-intro-v71,
body.ic-ui-technical.cases-page .case-post-v71,
body.ic-ui-technical.cases-lite-v73 .cases-intro-v71,
body.ic-ui-technical.cases-lite-v73 .case-post-v71 {
  background: var(--ic-ui-layer-2) !important;
  border: var(--ic-ui-border-width) solid transparent !important;
  border-radius: var(--ic-ui-radius-lg) !important;
  box-shadow: var(--ic-ui-paper-shadow) !important;
}
body.ic-ui-technical.cases-page .case-summary-v71 > div,
body.ic-ui-technical.cases-page .cases-stats-v71 > div,
body.ic-ui-technical.cases-lite-v73 .case-summary-v71 > div,
body.ic-ui-technical.cases-lite-v73 .cases-stats-v71 > div {
  background: var(--ic-ui-layer-3) !important;
  border: var(--ic-ui-border-width) solid transparent !important;
  border-radius: var(--ic-ui-radius) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.045), 0 2px 5px rgba(0,0,0,.18) !important;
}

/* === v10.5 Admin Material layer discipline + themed controls === */
body.admin-area.ic-admin-technical.ic-admin-paper-cards,
body.admin-area.ic-admin-technical.ic-admin-preset-paper-sticker {
  background: var(--ic-admin-layer-0) !important;
  color: var(--ic-admin-text) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-shell,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-content,
body.admin-area.ic-admin-technical.ic-admin-paper-cards main { background: var(--ic-admin-layer-0) !important; background-image:none !important; }
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-sidebar,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-topbar,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-list-panel-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-detail-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .settings-card-v16,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .settings-panel-v15 {
  background: var(--ic-admin-layer-1) !important;
  background-image: none !important;
  color: var(--ic-admin-text) !important;
  box-shadow: var(--ic-admin-paper-shadow) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .panel,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-card,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-control-card-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugin-upload-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="-card"] {
  background: var(--ic-admin-layer-2) !important;
  background-image: none !important;
  color: var(--ic-admin-text) !important;
  border-color: transparent !important;
  box-shadow: var(--ic-admin-paper-shadow) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-list-card-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .setting-row-v90,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .settings-tabs-v15,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .settings-tabs-v16,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-mini-list-v43 > div,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .analytics-summary-v16 span,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .analytics-bars-v16,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-live-stats-v16 span,
body.admin-area.ic-admin-technical.ic-admin-paper-cards [class*="-card"] [class*="-card"] {
  background: var(--ic-admin-layer-3) !important;
  background-image: none !important;
  color: var(--ic-admin-text) !important;
  border-color: transparent !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.045), 0 2px 5px rgba(0,0,0,.18) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards input,
body.admin-area.ic-admin-technical.ic-admin-paper-cards textarea,
body.admin-area.ic-admin-technical.ic-admin-paper-cards select,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.secondary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-filter-v88 a,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-sidebar__nav a,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-tab-v90,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .tag,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .badge,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .pill,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .notice,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-status-ribbon-v89,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-settings-marker-v89 {
  background: var(--ic-admin-layer-4) !important;
  background-image: none !important;
  color: var(--ic-admin-button-text, var(--ic-admin-text)) !important;
  border: var(--ic-admin-border-width) solid color-mix(in srgb, var(--ic-admin-accent) 22%, transparent) !important;
  border-radius: var(--ic-admin-radius-sm) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards input,
body.admin-area.ic-admin-technical.ic-admin-paper-cards textarea,
body.admin-area.ic-admin-technical.ic-admin-paper-cards select {
  color: var(--ic-admin-text) !important;
  caret-color: var(--ic-admin-accent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 2px rgba(0,0,0,.14) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards input::placeholder,
body.admin-area.ic-admin-technical.ic-admin-paper-cards textarea::placeholder { color: color-mix(in srgb, var(--ic-admin-muted) 72%, transparent) !important; }
body.admin-area.ic-admin-technical.ic-admin-paper-cards input:focus,
body.admin-area.ic-admin-technical.ic-admin-paper-cards textarea:focus,
body.admin-area.ic-admin-technical.ic-admin-paper-cards select:focus {
  background: var(--ic-admin-layer-5) !important;
  color: var(--ic-admin-text) !important;
  outline: 0 !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent) 62%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ic-admin-accent) 22%, transparent), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.secondary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-filter-v88 a,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-sidebar__nav a {
  background: var(--ic-admin-button-bg) !important;
  color: var(--ic-admin-button-text) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.055), 0 2px 5px rgba(0,0,0,.18) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .btn.primary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards button.primary,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .plugins-filter-v88 a.is-active,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-sidebar__nav a[aria-current="page"] {
  background: var(--ic-admin-button-primary) !important;
  color: var(--ic-admin-accent-text) !important;
  border-color: transparent !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .muted,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .section__lead,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-topbar-v12 .muted,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .setting-row-v90__text small {
  color: var(--ic-admin-muted) !important;
  text-shadow: none !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .section__eyebrow,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-kind-v88,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .admin-sidebar__group { color: var(--ic-admin-accent) !important; }
body.admin-area.ic-admin-technical.ic-admin-paper-cards .tag,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .badge,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .pill,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-status-ribbon-v89,
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-settings-marker-v89 {
  border-radius: var(--ic-admin-tag-radius, var(--ic-admin-radius-sm)) !important;
  padding: var(--ic-admin-tag-padding-y, 7px) var(--ic-admin-tag-padding-x, 12px) !important;
}
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-status-ribbon-v89.is-enabled { background: color-mix(in srgb, #22c55e 42%, var(--ic-admin-layer-4) 58%) !important; color:#ecfdf5 !important; }
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-status-ribbon-v89.is-disabled { background: color-mix(in srgb, #ef4444 38%, var(--ic-admin-layer-4) 62%) !important; color:#fff1f2 !important; }
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-settings-marker-v89.is-advanced { background: color-mix(in srgb, #f59e0b 42%, var(--ic-admin-layer-4) 58%) !important; color:#fff7ed !important; }
body.admin-area.ic-admin-technical.ic-admin-paper-cards .addon-settings-marker-v89.is-basic { background: color-mix(in srgb, var(--ic-admin-accent) 42%, var(--ic-admin-layer-4) 58%) !important; color:var(--ic-admin-text) !important; }

/* === v10.9 homepage atmosphere + unified admin standards === */
:root {
  --ic-layer-0: color-mix(in srgb, var(--bg, #0b1220) 86%, #000 14%);
  --ic-layer-1: color-mix(in srgb, var(--surface, #101827) 86%, var(--bg, #0b1220) 14%);
  --ic-layer-2: color-mix(in srgb, var(--surface, #101827) 76%, #fff 24%);
  --ic-layer-3: color-mix(in srgb, var(--surface, #101827) 66%, #fff 34%);
  --ic-layer-4: color-mix(in srgb, var(--surface, #101827) 58%, #fff 42%);
  --ic-row-depth: 7%;
  --ic-panel-hover: 4%;
}

/* Public site: richer but still light-weight background */
body:not(.admin-area) {
  background:
    radial-gradient(1100px 540px at -6% -12%, color-mix(in srgb, var(--accent, #27b7ff) 18%, transparent), transparent 62%),
    radial-gradient(820px 420px at 108% 12%, color-mix(in srgb, var(--accent, #27b7ff) 11%, transparent), transparent 64%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg, #070b12) 90%, #0d1524 10%) 0%, var(--bg, #070b12) 100%);
}
body:not(.admin-area)::before,
body:not(.admin-area)::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
body:not(.admin-area)::before {
  opacity: .34;
  background:
    linear-gradient(90deg, transparent 0 9%, rgba(255,255,255,.026) 9% 9.2%, transparent 9.2% 100%),
    linear-gradient(transparent 0 11%, rgba(255,255,255,.018) 11% 11.2%, transparent 11.2% 100%);
  background-size: 160px 160px, 160px 160px;
  mask: linear-gradient(180deg, rgba(0,0,0,.70), rgba(0,0,0,.10));
}
body:not(.admin-area)::after {
  opacity: .65;
  background:
    radial-gradient(480px 220px at 18% 8%, color-mix(in srgb, var(--accent, #27b7ff) 10%, transparent), transparent 72%),
    radial-gradient(560px 260px at 84% 24%, color-mix(in srgb, var(--accent, #27b7ff) 8%, transparent), transparent 74%),
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.08) 0 1px, transparent 1.5px),
    radial-gradient(circle at 78% 62%, rgba(255,255,255,.06) 0 1px, transparent 1.5px);
  background-size: auto, auto, 260px 260px, 320px 320px;
}
.hero,
.section,
.section--soft,
.section--panel .section__content {
  background-color: transparent !important;
}
.hero::before {
  background:
    radial-gradient(640px 300px at 10% 0%, color-mix(in srgb, var(--accent, #27b7ff) 18%, transparent), transparent 68%),
    radial-gradient(520px 280px at 100% 18%, color-mix(in srgb, var(--accent, #27b7ff) 10%, transparent), transparent 72%);
  filter: blur(12px);
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 32%, rgba(255,255,255,.035) 32.2% 32.35%, transparent 32.5% 100%),
    linear-gradient(180deg, transparent 0 70%, rgba(255,255,255,.02) 70% 70.2%, transparent 70.3% 100%),
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.11) 0 1px, transparent 1.6px),
    radial-gradient(circle at 68% 46%, rgba(255,255,255,.09) 0 1px, transparent 1.6px);
  background-size: auto, auto, 180px 180px, 220px 220px;
  opacity: .55;
}
.workflow-panel,
.panel,
.card,
.s-card,
.c-card,
.step,
.pkg-card,
.case-post {
  backdrop-filter: blur(5px);
}

/* Chat bubble opening/closing from the button with cheap transform animation */
.chat-widget-v15,
.chat-widget {
  isolation: isolate;
}
.chat-panel-v15,
.chat-panel {
  transform-origin: calc(100% - 28px) calc(100% + 8px);
  opacity: 0;
  transform: translateY(10px) scale(.72);
  transition: transform .24s cubic-bezier(.2,.8,.2,1), opacity .18s ease, filter .24s ease;
  filter: saturate(.92) blur(1px);
  will-change: transform, opacity;
}
.chat-panel-v15.is-open,
.chat-panel.is-open,
.chat-widget-v15.is-open .chat-panel-v15,
.chat-widget.is-open .chat-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: saturate(1) blur(0);
}
.chat-button-v15,
.chat-button {
  position: relative;
}
.chat-button-v15::after,
.chat-button::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent, #27b7ff) 26%, transparent) 0%, transparent 72%);
  opacity: 0;
  transform: scale(.72);
  transition: transform .24s cubic-bezier(.2,.8,.2,1), opacity .24s ease;
}
.chat-widget-v15.is-open .chat-button-v15::after,
.chat-widget.is-open .chat-button::after {
  opacity: .9;
  transform: scale(1.08);
}

/* Unified material hierarchy for admin surfaces */
body.admin-area {
  --ic-layer-0: color-mix(in srgb, var(--ic-admin-bg, var(--bg, #0b1220)) 92%, #000 8%);
  --ic-layer-1: color-mix(in srgb, var(--ic-admin-surface, var(--surface, #101827)) 85%, #000 15%);
  --ic-layer-2: color-mix(in srgb, var(--ic-admin-surface, var(--surface, #101827)) 72%, #fff 28%);
  --ic-layer-3: color-mix(in srgb, var(--ic-admin-surface, var(--surface, #101827)) 62%, #fff 38%);
  --ic-layer-4: color-mix(in srgb, var(--ic-admin-surface, var(--surface, #101827)) 54%, #fff 46%);
  --ic-layer-accent: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 18%, var(--ic-layer-2) 82%);
  background: linear-gradient(180deg, var(--ic-layer-0) 0%, color-mix(in srgb, var(--ic-layer-0) 88%, #000 12%) 100%) !important;
}
body.admin-area .panel,
body.admin-area .admin-card,
body.admin-area .settings-card-v15,
body.admin-area .plugins-list-panel-v88,
body.admin-area .addon-detail-v88,
body.admin-area .addon-control-card-v88,
body.admin-area .crm-board-v42,
body.admin-area .crm-list-card-v40,
body.admin-area .crm-detail-v40,
body.admin-area .crm-modal-v42__dialog,
body.admin-area .analytics-panel-v101,
body.admin-area .analytics-toolbar-v101,
body.admin-area .analytics-kpi-v78,
body.admin-area .analytics-two-v101 > .panel,
body.admin-area .case-workspace-v35,
body.admin-area .editor-card-v30,
body.admin-area .admin-topbar-v12 {
  background: var(--ic-layer-2) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 22%, transparent) !important;
}
body.admin-area .settings-panel-v15,
body.admin-area .hero-tags-editor-v103,
body.admin-area .analytics-row-v101,
body.admin-area .analytics-list-v101,
body.admin-area .crm-lead-card-v42,
body.admin-area .crm-lead-card-v51,
body.admin-area .addon-list-card-v88,
body.admin-area .admin-list-item,
body.admin-area .service-editor-card-v30,
body.admin-area .pricing-editor-card-v21,
body.admin-area .client-card {
  background: var(--ic-layer-3) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 16%, transparent) !important;
}
body.admin-area input:not([type="checkbox"]):not([type="radio"]),
body.admin-area select,
body.admin-area textarea,
body.admin-area .hero-tag-row-v103,
body.admin-area .crm-note-v40,
body.admin-area .analytics-metrics-v101 span,
body.admin-area .addon-meta-v88 code,
body.admin-area .addon-meta-v88 span {
  background: var(--ic-layer-4) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 18%, transparent) !important;
}
body.admin-area .settings-card-v15__foot,
body.admin-area .notice,
body.admin-area .crm-modal-v42__foot,
body.admin-area .telegram-result-v44,
body.admin-area .analytics-empty-v101 {
  background: var(--ic-layer-3) !important;
}
body.admin-area .settings-panel-v15:hover,
body.admin-area .addon-control-card-v88:hover,
body.admin-area .crm-lead-card-v42:hover,
body.admin-area .crm-lead-card-v51:hover,
body.admin-area .analytics-row-v101:hover,
body.admin-area .addon-list-card-v88:hover {
  background: color-mix(in srgb, var(--ic-layer-3) 96%, #fff 4%) !important;
}
body.admin-area .panel:hover,
body.admin-area .admin-card:hover,
body.admin-area .settings-card-v15:hover,
body.admin-area .analytics-panel-v101:hover,
body.admin-area .analytics-kpi-v78:hover {
  background: color-mix(in srgb, var(--ic-layer-2) 97%, #fff 3%) !important;
}

/* Input-only recess and readable controls */
body.admin-area input:not([type="checkbox"]):not([type="radio"]),
body.admin-area select,
body.admin-area textarea {
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.05),
    inset 0 -1px 3px rgba(0,0,0,.18) !important;
}
body.admin-area textarea:hover,
body.admin-area input:not([type="checkbox"]):not([type="radio"]):hover,
body.admin-area select:hover {
  background: color-mix(in srgb, var(--ic-layer-4) 96%, #fff 4%) !important;
}

/* Same toggles everywhere */
body.admin-area .ic-toggle-v68,
body.admin-area .plugin-toggle-v90 {
  --toggle-w: 52px;
  --toggle-h: 28px;
  --toggle-pad: 3px;
  --toggle-knob: 22px;
}
body.admin-area .settings-toggle-v68 {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 18px;
  background: var(--ic-layer-3) !important;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 16%, transparent) !important;
}
body.admin-area .settings-toggle-v68 .ic-toggle-v68__text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--text);
  font-weight: 700;
}
body.admin-area .settings-toggle-v68 input[type="checkbox"],
body.admin-area .plugin-toggle-v90 input {
  position: absolute !important;
  opacity: 0 !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  pointer-events: none !important;
}
body.admin-area .settings-toggle-v68 .ic-toggle-v68__track,
body.admin-area .plugin-toggle-v90 i {
  position: relative !important;
  display: block !important;
  width: var(--toggle-w) !important;
  min-width: var(--toggle-w) !important;
  height: var(--toggle-h) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ic-layer-1) 80%, #fff 20%) !important;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 30%, transparent) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.08), inset 0 -1px 3px rgba(0,0,0,.25) !important;
}
body.admin-area .settings-toggle-v68 .ic-toggle-v68__track::before,
body.admin-area .plugin-toggle-v90 i::after {
  content: "" !important;
  position: absolute !important;
  top: var(--toggle-pad) !important;
  left: var(--toggle-pad) !important;
  width: var(--toggle-knob) !important;
  height: var(--toggle-knob) !important;
  border-radius: 50% !important;
  background: #f3f6fb !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
  transform: translate3d(0,0,0) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), background .2s ease !important;
}
body.admin-area .settings-toggle-v68 input[type="checkbox"]:checked + .ic-toggle-v68__track,
body.admin-area .plugin-toggle-v90 input:checked + i {
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 70%, #fff 30%) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 80%, transparent) !important;
}
body.admin-area .settings-toggle-v68 input[type="checkbox"]:checked + .ic-toggle-v68__track::before,
body.admin-area .plugin-toggle-v90 input:checked + i::after {
  transform: translate3d(calc(var(--toggle-w) - var(--toggle-knob) - var(--toggle-pad) * 2),0,0) !important;
}
body.admin-area .settings-toggle-v68 input[type="checkbox"]:focus-visible + .ic-toggle-v68__track,
body.admin-area .plugin-toggle-v90 input:focus-visible + i {
  outline: 2px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 82%, #fff 18%) !important;
  outline-offset: 2px !important;
}

/* Plugins: restore colored flags and make buttons look alive again */
body.admin-area .addon-tab-v90 {
  color: #eef3ff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.16);
}
body.admin-area .addon-tab-status-v90.is-enabled { background: #22c55e !important; border-color: #22c55e !important; }
body.admin-area .addon-tab-status-v90.is-disabled { background: #ef4444 !important; border-color: #ef4444 !important; }
body.admin-area .addon-tab-settings-v90.is-advanced { background: #a855f7 !important; border-color: #a855f7 !important; }
body.admin-area .addon-tab-settings-v90.is-basic { background: #38bdf8 !important; border-color: #38bdf8 !important; }
body.admin-area .plugins-filter-v88 a,
body.admin-area .addon-kind-v88,
body.admin-area .addon-meta-v88 span,
body.admin-area .hero-tag-row-v103 .btn.secondary,
body.admin-area .hero-tags-editor-v103__head .btn.secondary {
  color: var(--text) !important;
}
body.admin-area .plugins-filter-v88 a.is-active,
body.admin-area .plugins-filter-v88 a:hover,
body.admin-area .settings-tabs-v15 label:hover,
body.admin-area .settings-tab-input-v15:checked + .settings-tabs-v15 label,
body.admin-area .crm-stat-v40.is-active {
  background: var(--ic-layer-accent) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 60%, transparent) !important;
}

/* Settings: make internal backgrounds monotone and consistent */
body.admin-area .settings-grid-v15,
body.admin-area .settings-panel-v15,
body.admin-area .hero-tags-editor-v103,
body.admin-area .hero-tags-editor-v103__list,
body.admin-area .hero-tag-row-v103,
body.admin-area .telegram-actions-v48,
body.admin-area .admin-ip-events-v48,
body.admin-area .admin-mini-list-v43 > div {
  background-color: transparent !important;
}
body.admin-area .hero-tags-editor-v103,
body.admin-area .telegram-result-v44,
body.admin-area .admin-ip-events-v48,
body.admin-area .notice {
  border-radius: 20px !important;
}

/* CRM / clients: selection and hover must stay visible */
body.admin-area .crm-item-v40 {
  background: var(--ic-layer-3) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 12%, transparent) !important;
}
body.admin-area .crm-item-v40:hover {
  background: color-mix(in srgb, var(--ic-layer-3) 95%, #fff 5%) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 42%, transparent) !important;
}
body.admin-area .crm-item-v40.is-active,
body.admin-area .crm-item-v40[aria-current="page"] {
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 22%, var(--ic-layer-3) 78%) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 62%, transparent) !important;
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 86%, transparent), 0 10px 22px rgba(0,0,0,.12) !important;
}
body.admin-area .crm-item-v40.is-active strong,
body.admin-area .crm-item-v40[aria-current="page"] strong {
  color: #fff !important;
}
body.admin-area .crm-item-v40.is-active span,
body.admin-area .crm-item-v40.is-active small,
body.admin-area .crm-item-v40[aria-current="page"] span,
body.admin-area .crm-item-v40[aria-current="page"] small {
  color: color-mix(in srgb, #fff 74%, var(--muted) 26%) !important;
}

/* Analytics: denser, cleaner cards */
body.admin-area .analytics-grid-v101 {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}
body.admin-area .analytics-two-v101 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
  align-items: start;
}
body.admin-area .analytics-list-v101 {
  display: grid;
  gap: 10px;
}
body.admin-area .analytics-row-v101 {
  border-radius: 16px;
  padding: 12px 14px;
}
body.admin-area .analytics-metrics-v101 {
  gap: 8px;
}
body.admin-area .analytics-metrics-v101 span {
  min-width: 72px;
  border-radius: 14px;
}

/* Reduce over-bright hover on cards; keep it mainly on buttons */
body:not(.admin-area) .card:hover,
body:not(.admin-area) .s-card:hover,
body:not(.admin-area) .c-card:hover,
body:not(.admin-area) .step:hover,
body:not(.admin-area) .pkg-card:hover,
body.admin-area .analytics-row-v101:hover,
body.admin-area .crm-item-v40:hover,
body.admin-area .addon-list-card-v88:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}

/* === v11.0 analytics rebuild: compact, themed, deduplicated output === */
body.admin-area .analytics-v110 {
  display: grid;
  gap: 16px;
}
body.admin-area .analytics-head-v110 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px !important;
  background: var(--ic-layer-2) !important;
}
body.admin-area .analytics-head-v110 h2 {
  margin: 0;
}
body.admin-area .analytics-head-v110 p {
  margin: 4px 0 0;
}
body.admin-area .analytics-tabs-v110 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
body.admin-area .analytics-tabs-v110 a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: var(--button-radius, 14px);
  color: var(--text) !important;
  background: var(--ic-layer-3) !important;
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 28%, transparent) !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.12);
  text-decoration: none !important;
  font-weight: 750;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
body.admin-area .analytics-tabs-v110 a:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--ic-layer-3) 92%, #fff 8%) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.16);
}
body.admin-area .analytics-tabs-v110 a.is-active {
  background: var(--ic-admin-accent, var(--accent, #8b5cf6)) !important;
  color: var(--accent-text, #fff) !important;
  border-color: transparent !important;
}
body.admin-area .analytics-kpis-v110 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}
body.admin-area .analytics-kpi-v110 {
  min-height: 112px;
  padding: 16px !important;
  display: grid;
  gap: 4px;
  align-content: center;
  background: var(--ic-layer-2) !important;
}
body.admin-area .analytics-kpi-v110 span,
body.admin-area .analytics-kpi-v110 small {
  color: var(--muted);
}
body.admin-area .analytics-kpi-v110 strong {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
  letter-spacing: .02em;
}
body.admin-area .analytics-board-v110 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 16px;
  align-items: start;
}
body.admin-area .analytics-card-v110 {
  padding: 16px !important;
  background: var(--ic-layer-2) !important;
  min-width: 0;
}
body.admin-area .analytics-chart-card-v110 {
  grid-column: 1 / -1;
}
body.admin-area .analytics-card-head-v110 {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
body.admin-area .analytics-card-head-v110 h3 {
  margin: 0;
}
body.admin-area .analytics-card-head-v110 p {
  margin: 3px 0 0;
}
body.admin-area .analytics-bars-v110 {
  height: 210px;
  display: grid;
  grid-template-columns: repeat(var(--items), minmax(11px, 1fr));
  gap: 5px;
  align-items: end;
  padding: 14px 12px 26px;
  border-radius: 18px;
  background: var(--ic-layer-3) !important;
  overflow-x: auto;
  overflow-y: hidden;
}
body.admin-area .analytics-bars-v110.is-hours {
  grid-template-columns: repeat(var(--items), minmax(22px, 1fr));
}
body.admin-area .analytics-bars-v110.is-days {
  grid-template-columns: repeat(var(--items), minmax(10px, 1fr));
}
body.admin-area .analytics-bar-cell-v110 {
  position: relative;
  min-width: 10px;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--ic-layer-3) 88%, #000 12%) !important;
  padding-inline: 2px;
}
body.admin-area .analytics-bar-cell-v110 i {
  width: 30%;
  min-width: 2px;
  border-radius: 999px 999px 3px 3px;
  display: block;
}
body.admin-area .analytics-bar-cell-v110 i.views { background: var(--ic-admin-accent, var(--accent, #8b5cf6)); }
body.admin-area .analytics-bar-cell-v110 i.visits { background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 52%, #fff 48%); }
body.admin-area .analytics-bar-cell-v110 i.clicks { background: #22c55e; }
body.admin-area .analytics-bar-cell-v110 small {
  position: absolute;
  left: 50%;
  bottom: -23px;
  transform: translateX(-50%);
  color: var(--muted);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}
body.admin-area .analytics-legend-v110 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 10px;
  color: var(--muted);
  font-size: .9rem;
}
body.admin-area .analytics-legend-v110 span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.admin-area .analytics-legend-v110 span::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--ic-admin-accent, var(--accent, #8b5cf6));
}
body.admin-area .analytics-legend-v110 .visits::before { background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 52%, #fff 48%); }
body.admin-area .analytics-legend-v110 .clicks::before { background: #22c55e; }
body.admin-area .analytics-list-v110 {
  display: grid;
  gap: 8px;
}
body.admin-area .analytics-row-v110 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  background: var(--ic-layer-3) !important;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 12%, transparent);
}
body.admin-area .analytics-row-v110:hover {
  background: color-mix(in srgb, var(--ic-layer-3) 95%, #fff 5%) !important;
}
body.admin-area .analytics-row-main-v110 {
  min-width: 0;
}
body.admin-area .analytics-row-main-v110 strong,
body.admin-area .analytics-row-main-v110 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-row-main-v110 small {
  color: var(--muted);
}
body.admin-area .analytics-mini-metrics-v110 {
  min-width: 64px;
  padding: 8px 10px;
  border-radius: 14px;
  background: var(--ic-layer-4) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.04), 0 3px 8px rgba(0,0,0,.10);
  text-align: center;
}
body.admin-area .analytics-mini-metrics-v110 b,
body.admin-area .analytics-mini-metrics-v110 span {
  display: block;
  line-height: 1.15;
}
body.admin-area .analytics-mini-metrics-v110 b {
  font-size: 1.15rem;
}
body.admin-area .analytics-mini-metrics-v110 span {
  color: var(--muted);
  font-size: .78rem;
  margin-top: 2px;
}
body.admin-area .analytics-spark-v110 {
  height: 130px;
  display: grid;
  grid-template-columns: repeat(48, minmax(4px, 1fr));
  gap: 3px;
  align-items: end;
  padding: 12px;
  border-radius: 18px;
  background: var(--ic-layer-3) !important;
}
body.admin-area .analytics-spark-v110 i {
  display: block;
  min-height: 3px;
  border-radius: 999px 999px 3px 3px;
  background: var(--ic-admin-accent, var(--accent, #8b5cf6));
}
body.admin-area .analytics-empty-v110,
body.admin-area .analytics-note-v110 {
  padding: 12px 14px;
  border-radius: 16px;
  background: var(--ic-layer-3) !important;
  color: var(--muted);
}
body.admin-area .analytics-note-v110 {
  margin-top: 10px;
}
body.admin-area .analytics-note-v110 code {
  color: var(--text);
}
@media (max-width: 760px) {
  body.admin-area .analytics-head-v110 { align-items: stretch; flex-direction: column; }
  body.admin-area .analytics-tabs-v110 { justify-content: stretch; }
  body.admin-area .analytics-tabs-v110 a { flex: 1 1 120px; }
  body.admin-area .analytics-row-v110 { grid-template-columns: minmax(0, 1fr) auto; }
  body.admin-area .analytics-row-v110 .analytics-mini-metrics-v110:nth-of-type(2) { display: none; }
  body.admin-area .analytics-bars-v110 { height: 170px; }
}

/* === v11.1 analytics granularity + layout + theme button text fix === */
body.admin-area .analytics-head-v111 {
  align-items: center;
}
body.admin-area .analytics-tabs-v111 {
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: min(100%, 620px);
  padding: 2px;
  scrollbar-width: thin;
}
body.admin-area .analytics-tabs-v111 a {
  flex: 0 0 auto !important;
  color: var(--button-text, var(--text)) !important;
  background: var(--button-bg, var(--ic-layer-3)) !important;
  border-width: var(--ic-border-width, 1px) !important;
  min-width: auto;
}
body.admin-area .analytics-tabs-v111 a:hover {
  color: var(--button-text, var(--text)) !important;
  background: var(--button-hover, color-mix(in srgb, var(--ic-layer-3) 94%, #fff 6%)) !important;
}
body.admin-area .analytics-tabs-v111 a.is-active {
  background: var(--button-primary, var(--ic-admin-accent, var(--accent, #8b5cf6))) !important;
  color: var(--accent-text, var(--button-primary-text, #fff)) !important;
  border-color: transparent !important;
}

body.admin-area .analytics-board-v111 {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}
body.admin-area .analytics-chart-card-v111 {
  grid-column: span 8 !important;
}
body.admin-area .analytics-locations-card-v111 {
  grid-column: span 4 !important;
}
body.admin-area .analytics-board-v111 > .analytics-card-v110:not(.analytics-chart-card-v111):not(.analytics-locations-card-v111) {
  grid-column: span 6;
}
body.admin-area .analytics-spark-card-v111 {
  grid-column: span 6 !important;
}
body.admin-area .analytics-bars-v111 {
  height: 178px !important;
  grid-template-columns: repeat(var(--items), minmax(0, 1fr)) !important;
  gap: 6px !important;
  overflow: hidden !important;
}
body.admin-area .analytics-bars-v111.is-hours {
  grid-template-columns: repeat(24, minmax(12px, 1fr)) !important;
}
body.admin-area .analytics-bars-v111.is-days {
  grid-template-columns: repeat(var(--items), minmax(8px, 1fr)) !important;
}
body.admin-area .analytics-bars-v111.is-months {
  grid-template-columns: repeat(var(--items), minmax(34px, 1fr)) !important;
}
body.admin-area .analytics-spark-v111 {
  grid-template-columns: repeat(24, minmax(5px, 1fr)) !important;
  height: 96px !important;
}
body.admin-area .analytics-kpis-v111 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
body.admin-area .analytics-kpi-v110 {
  min-height: 92px !important;
}
body.admin-area .analytics-row-v110 {
  min-height: 62px;
}
body.admin-area .analytics-row-v110.compact {
  min-height: 54px;
}

body.admin-area .btn,
body.admin-area button,
body.admin-area .plugins-filter-v88 a,
body.admin-area .settings-tabs-v15 label,
body.admin-area .crm-stat-v40,
body.admin-area .admin-sidebar__nav a,
body.admin-area .admin-sidebar-v12 a {
  border-width: var(--ic-border-width, 1px) !important;
}
body.admin-area .btn:not(.primary),
body.admin-area button:not(.primary),
body.admin-area .plugins-filter-v88 a,
body.admin-area .settings-tabs-v15 label,
body.admin-area .crm-stat-v40,
body.admin-area .admin-sidebar__nav a {
  color: var(--button-text, var(--text)) !important;
}
body.admin-area .btn.primary,
body.admin-area button.primary,
body.admin-area a.btn.primary {
  background: var(--button-primary, var(--ic-admin-accent, var(--accent, #8b5cf6))) !important;
  color: var(--accent-text, var(--button-primary-text, #fff)) !important;
}
body.admin-area .btn.secondary,
body.admin-area button.secondary,
body.admin-area a.btn.secondary {
  background: var(--button-bg, var(--ic-layer-3)) !important;
  color: var(--button-text, var(--text)) !important;
}
body.admin-area .btn.secondary:hover,
body.admin-area button.secondary:hover,
body.admin-area a.btn.secondary:hover {
  background: var(--button-hover, color-mix(in srgb, var(--ic-layer-3) 94%, #fff 6%)) !important;
  color: var(--button-text, var(--text)) !important;
}

/* Sidebar follows border setting instead of living in a separate reality */
body.admin-area .admin-sidebar__nav a,
body.admin-area .admin-sidebar-v12 a {
  border-style: solid !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 18%, transparent) !important;
}
body.admin-area .admin-sidebar__nav a:hover,
body.admin-area .admin-sidebar__nav a[aria-current="page"] {
  color: var(--accent-text, var(--text)) !important;
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 28%, var(--ic-layer-2) 72%) !important;
}

@media (max-width: 1280px) {
  body.admin-area .analytics-chart-card-v111,
  body.admin-area .analytics-locations-card-v111,
  body.admin-area .analytics-board-v111 > .analytics-card-v110:not(.analytics-chart-card-v111):not(.analytics-locations-card-v111),
  body.admin-area .analytics-spark-card-v111 {
    grid-column: 1 / -1 !important;
  }
  body.admin-area .analytics-kpis-v111 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  body.admin-area .analytics-head-v111 {
    align-items: stretch;
    flex-direction: column;
  }
  body.admin-area .analytics-tabs-v111 {
    justify-content: flex-start !important;
    max-width: 100%;
  }
  body.admin-area .analytics-tabs-v111 a {
    min-width: max-content;
  }
  body.admin-area .analytics-bars-v111 {
    overflow-x: auto !important;
  }
  body.admin-area .analytics-bars-v111.is-hours { grid-template-columns: repeat(24, 20px) !important; }
  body.admin-area .analytics-bars-v111.is-days { grid-template-columns: repeat(var(--items), 18px) !important; }
  body.admin-area .analytics-bars-v111.is-months { grid-template-columns: repeat(var(--items), 42px) !important; }
}

/* === v11.2 analytics: no giant gaps, sane tabs, grouped locations, themed controls === */
body.admin-area .analytics-v110,
body.admin-area .analytics-v111 {
  max-width: 100%;
}

/* Header becomes vertical: period buttons get full row instead of being squeezed and clipped. */
body.admin-area .analytics-head-v111 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
body.admin-area .analytics-tabs-v111 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
  padding: 0 !important;
  justify-content: stretch !important;
}
body.admin-area .analytics-tabs-v111 a {
  min-width: 0 !important;
  width: 100% !important;
  white-space: nowrap !important;
  color: var(--text, #eef3ff) !important;
  background: var(--button-bg, var(--ic-layer-3)) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 22%, transparent) !important;
}
body.admin-area .analytics-tabs-v111 a:hover {
  color: var(--text, #eef3ff) !important;
  background: var(--button-hover, color-mix(in srgb, var(--ic-layer-3) 92%, #fff 8%)) !important;
}
body.admin-area .analytics-tabs-v111 a.is-active {
  color: var(--accent-text, #fff) !important;
  background: var(--button-primary, var(--ic-admin-accent, var(--accent, #8b5cf6))) !important;
}

/* Main graph gets the whole width. The location list no longer makes a huge empty hole under the chart. */
body.admin-area .analytics-board-v111 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-flow: row dense !important;
  align-items: start !important;
}
body.admin-area .analytics-chart-card-v111 {
  grid-column: 1 / -1 !important;
}
body.admin-area .analytics-locations-card-v111,
body.admin-area .analytics-board-v111 > .analytics-card-v110:not(.analytics-chart-card-v111):not(.analytics-locations-card-v111),
body.admin-area .analytics-spark-card-v111 {
  grid-column: span 6 !important;
}
body.admin-area .analytics-locations-card-v111 .analytics-list-v110 {
  max-height: 430px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

/* Charts: exact count per period, no half-empty concrete slab. */
body.admin-area .analytics-bars-v111 {
  height: 190px !important;
  padding: 12px 12px 28px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--ic-layer-3) 88%, #000 12%) !important;
}
body.admin-area .analytics-bars-v111.is-hours {
  grid-template-columns: repeat(24, minmax(18px, 1fr)) !important;
}
body.admin-area .analytics-bars-v111.is-days {
  grid-template-columns: repeat(var(--items), minmax(16px, 1fr)) !important;
}
body.admin-area .analytics-bars-v111.is-months {
  grid-template-columns: repeat(var(--items), minmax(44px, 1fr)) !important;
}
body.admin-area .analytics-bar-cell-v110 {
  min-width: 0 !important;
  background: color-mix(in srgb, var(--ic-layer-3) 78%, #000 22%) !important;
}
body.admin-area .analytics-bar-cell-v110 i {
  opacity: .95;
}
body.admin-area .analytics-bar-cell-v110 small {
  font-size: 10px !important;
  color: color-mix(in srgb, var(--text) 64%, transparent) !important;
}

/* Denser lists. */
body.admin-area .analytics-card-v110 {
  align-self: start !important;
}
body.admin-area .analytics-row-v110 {
  min-height: 54px !important;
  padding: 9px 10px !important;
  background: var(--ic-layer-3) !important;
}
body.admin-area .analytics-row-v110.compact {
  min-height: 48px !important;
}
body.admin-area .analytics-mini-metrics-v110 {
  min-width: 58px !important;
  padding: 7px 8px !important;
}

/* Sidebar obeys border width setting completely. */
body.admin-area .admin-sidebar__nav a,
body.admin-area .admin-sidebar-v12 a {
  border-width: var(--ic-border-width, 1px) !important;
}
body.admin-area[style*="--ic-border-width:0"] .admin-sidebar__nav a,
body.admin-area[style*="--ic-border-width: 0"] .admin-sidebar__nav a,
body.admin-area.ic-admin-borderless .admin-sidebar__nav a {
  border-color: transparent !important;
}

@media (max-width: 980px) {
  body.admin-area .analytics-locations-card-v111,
  body.admin-area .analytics-board-v111 > .analytics-card-v110:not(.analytics-chart-card-v111):not(.analytics-locations-card-v111),
  body.admin-area .analytics-spark-card-v111 {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 760px) {
  body.admin-area .analytics-tabs-v111 {
    grid-template-columns: repeat(5, max-content) !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
  }
  body.admin-area .analytics-tabs-v111 a {
    width: auto !important;
    padding-inline: 14px !important;
  }
  body.admin-area .analytics-bars-v111 {
    overflow-x: auto !important;
  }
  body.admin-area .analytics-bars-v111.is-hours { grid-template-columns: repeat(24, 22px) !important; }
  body.admin-area .analytics-bars-v111.is-days { grid-template-columns: repeat(var(--items), 22px) !important; }
  body.admin-area .analytics-bars-v111.is-months { grid-template-columns: repeat(var(--items), 52px) !important; }
}

/* === v11.3 analytics staircase layout: fill holes, kill the stupid empty void === */
body.admin-area .analytics-board-v113 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
body.admin-area .analytics-column-v113 {
  display: grid !important;
  gap: 16px !important;
  align-content: start !important;
  min-width: 0 !important;
}
body.admin-area .analytics-column-v113 > .analytics-card-v110,
body.admin-area .analytics-board-v113 > .analytics-card-v110 {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  align-self: start !important;
}
body.admin-area .analytics-chart-card-v111,
body.admin-area .analytics-locations-card-v111,
body.admin-area .analytics-board-v111 > .analytics-card-v110:not(.analytics-chart-card-v111):not(.analytics-locations-card-v111),
body.admin-area .analytics-spark-card-v111 {
  grid-column: auto !important;
}

/* Right column can be long; left column keeps receiving blocks under the graph. */
body.admin-area .analytics-column-side-v113 .analytics-locations-card-v111 .analytics-list-v110 {
  max-height: min(58vh, 620px) !important;
  overflow: auto !important;
  padding-right: 4px !important;
}
body.admin-area .analytics-column-side-v113 .analytics-card-v110:nth-child(n+2) .analytics-list-v110 {
  max-height: min(42vh, 420px) !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

/* No more giant black rectangle between cards. */
body.admin-area .analytics-card-v110 {
  margin: 0 !important;
}
body.admin-area .analytics-v110,
body.admin-area .analytics-v111 {
  display: grid !important;
  gap: 16px !important;
}

/* Period buttons: always one clean row on normal screens. */
body.admin-area .analytics-tabs-v111 {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}
body.admin-area .analytics-tabs-v111 a {
  flex: 1 0 0 !important;
  min-width: max-content !important;
  text-align: center !important;
  color: var(--button-text, var(--text, #eef3ff)) !important;
}
body.admin-area .analytics-tabs-v111 a.is-active {
  color: var(--accent-text, #fff) !important;
}

/* Charts should be cards, not floodlights. */
body.admin-area .analytics-bars-v111,
body.admin-area .analytics-spark-v111 {
  background: color-mix(in srgb, var(--ic-layer-3) 84%, #000 16%) !important;
  border-radius: var(--ic-radius, 18px) !important;
}
body.admin-area .analytics-bars-v111 {
  height: 182px !important;
}
body.admin-area .analytics-spark-v111 {
  height: 110px !important;
  padding: 12px 14px 20px !important;
}

/* Deleted the ugly explanatory slab from markup, but keep old builds harmless. */
body.admin-area .analytics-note-v110 {
  display: none !important;
}

@media (max-width: 1180px) {
  body.admin-area .analytics-board-v113 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.admin-area .analytics-column-side-v113 .analytics-locations-card-v111 .analytics-list-v110,
  body.admin-area .analytics-column-side-v113 .analytics-card-v110:nth-child(n+2) .analytics-list-v110 {
    max-height: 420px !important;
  }
}
@media (max-width: 760px) {
  body.admin-area .analytics-tabs-v111 a {
    flex: 0 0 auto !important;
    min-width: 118px !important;
  }
  body.admin-area .analytics-bars-v111.is-hours { grid-template-columns: repeat(24, 22px) !important; }
  body.admin-area .analytics-bars-v111.is-days { grid-template-columns: repeat(var(--items), 22px) !important; }
  body.admin-area .analytics-bars-v111.is-months { grid-template-columns: repeat(var(--items), 52px) !important; }
}

/* === v11.4 analytics spark placement + eye-safe charts === */
body.admin-area .analytics-column-main-v113 .analytics-spark-card-v111 {
  order: 2 !important;
}
body.admin-area .analytics-column-main-v113 .analytics-card-v110:nth-child(1) { order: 1 !important; }
body.admin-area .analytics-column-main-v113 .analytics-card-v110:nth-child(2) { order: 2 !important; }
body.admin-area .analytics-column-main-v113 .analytics-card-v110:nth-child(3) { order: 3 !important; }
body.admin-area .analytics-column-main-v113 .analytics-card-v110:nth-child(4) { order: 4 !important; }

body.admin-area .analytics-spark-card-v111 {
  padding: 14px !important;
}
body.admin-area .analytics-spark-card-v111 .analytics-card-head-v110 {
  margin-bottom: 8px !important;
}
body.admin-area .analytics-spark-card-v111 h3 {
  font-size: clamp(18px, 1.8vw, 22px) !important;
}
body.admin-area .analytics-spark-card-v111 p {
  font-size: .95rem !important;
}

/* Graphs should read like recessed panels, not a damn flashlight. */
body.admin-area .analytics-bars-v111,
body.admin-area .analytics-spark-v111 {
  background: color-mix(in srgb, var(--ic-layer-3) 56%, #000 44%) !important;
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 10%, transparent) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.035),
    inset 0 -10px 24px rgba(0,0,0,.16) !important;
}
body.admin-area .analytics-spark-v111 {
  height: 78px !important;
  padding: 10px 12px 14px !important;
  gap: 4px !important;
  align-items: end !important;
}
body.admin-area .analytics-spark-v111 i {
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 64%, var(--ic-layer-4) 36%) !important;
  opacity: .72 !important;
  box-shadow: none !important;
  min-height: 2px !important;
}
body.admin-area .analytics-spark-v111 i:hover {
  opacity: .92 !important;
}
body.admin-area .analytics-bar-cell-v110 i.views {
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 70%, var(--ic-layer-4) 30%) !important;
  opacity: .78 !important;
}
body.admin-area .analytics-bar-cell-v110 i.visits {
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #8b5cf6)) 42%, var(--text, #fff) 18%, var(--ic-layer-4) 40%) !important;
  opacity: .72 !important;
}
body.admin-area .analytics-bar-cell-v110 i.clicks {
  background: color-mix(in srgb, #22c55e 62%, var(--ic-layer-4) 38%) !important;
  opacity: .78 !important;
}
body.admin-area .analytics-legend-v110 span::before {
  opacity: .78 !important;
}

/* Keep the secondary 24h graph close to the main chart visually. */
body.admin-area .analytics-chart-card-v111 + .analytics-spark-card-v111 {
  margin-top: -4px !important;
}
@media (max-width: 760px) {
  body.admin-area .analytics-spark-v111 {
    height: 70px !important;
  }
}

/* === v11.5 dashboard: adaptive admin home + theme hooks === */
body.admin-area .admin-page-dashboard .admin-content-v12 {
  min-height: 100svh;
  max-height: 100svh;
  overflow: hidden !important;
  padding: clamp(10px, 1vw, 16px) clamp(10px, 1.35vw, 22px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
body.admin-area .admin-page-dashboard .admin-topbar-v12 {
  margin-bottom: clamp(8px, .8vw, 12px) !important;
  padding-bottom: clamp(6px, .6vw, 10px) !important;
}
body.admin-area .admin-page-dashboard .admin-topbar-v12 h1 {
  font-size: clamp(22px, 1.75vw, 30px) !important;
  margin: 0 !important;
}
body.admin-area .admin-page-dashboard .admin-topbar-v12 .muted {
  font-size: clamp(.8rem, .8vw, .94rem) !important;
  max-width: 72ch;
}
body.admin-area .admin-overview-v114 {
  --dash-gap: clamp(8px, .82vw, 12px);
  min-height: 0;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: var(--dash-gap);
}
body.admin-area .admin-hero-v114,
body.admin-area .admin-work-card-v114,
body.admin-area .admin-graph-card-v114,
body.admin-area .admin-actions-card-v114,
body.admin-area .admin-mobile-essentials-v114 {
  background: var(--ic-admin-dashboard-card-bg, var(--ic-layer-2, var(--surface, rgba(18,32,48,.94)))) !important;
  border-color: var(--ic-admin-dashboard-border, color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 20%, transparent)) !important;
}
body.admin-area .admin-hero-v114 {
  padding: clamp(12px, 1.2vw, 18px) !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(10px, 1vw, 16px);
  align-items: center;
  overflow: hidden !important;
}
body.admin-area .admin-hero-v114__copy { min-width: 0; }
body.admin-area .admin-hero-v114 h2 {
  margin: 0 0 4px;
  font-size: clamp(23px, 2.1vw, 38px);
  line-height: 1;
  letter-spacing: -.045em;
}
body.admin-area .admin-hero-v114 p { margin: 0; }
body.admin-area .admin-hero-v114__badges {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(84px, auto);
  gap: 7px;
  max-width: min(48vw, 620px);
  overflow: hidden;
}
body.admin-area .admin-badge-v114 {
  min-width: 0;
  display: grid;
  gap: 1px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 16%, transparent);
  border-radius: 14px;
  background: var(--ic-admin-dashboard-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
}
body.admin-area .admin-badge-v114 small,
body.admin-area .admin-badge-v114 strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .admin-badge-v114 small { color: var(--muted); font-size: .72rem; }
body.admin-area .admin-badge-v114 strong { font-size: .9rem; color: var(--text); }
body.admin-area .admin-badge-v114.is-hot { border-color: color-mix(in srgb, var(--danger, #ef9a9a) 54%, transparent); }
body.admin-area .admin-badge-v114.is-ok { border-color: color-mix(in srgb, var(--success, #9ccc65) 35%, transparent); }
body.admin-area .admin-badge-v114.is-muted { opacity: .76; }

body.admin-area .admin-work-grid-v114 {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--dash-gap);
}
body.admin-area .admin-work-card-v114 {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 10px;
  padding: clamp(11px, 1vw, 15px) !important;
  color: inherit;
  text-decoration: none;
  overflow: hidden !important;
}
body.admin-area .admin-work-card-v114 span,
body.admin-area .admin-work-card-v114 small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.admin-area .admin-work-card-v114 span { color: var(--muted); font-size: .88rem; }
body.admin-area .admin-work-card-v114 strong { grid-row: 1 / 3; grid-column: 2; font-size: clamp(26px, 2.2vw, 38px); line-height: .9; }
body.admin-area .admin-work-card-v114 small { color: var(--muted); font-size: .76rem; }
body.admin-area .admin-work-card-v114.is-hot { border-color: color-mix(in srgb, var(--danger, #ef9a9a) 48%, transparent) !important; }
body.admin-area .admin-work-card-v114.is-warn { border-color: color-mix(in srgb, #fbbf24 42%, transparent) !important; }
body.admin-area .admin-work-card-v114.is-ok { border-color: color-mix(in srgb, var(--success, #9ccc65) 28%, transparent) !important; }
body.admin-area .admin-work-card-v114:hover { transform: translateY(-2px); text-decoration: none; }

body.admin-area .admin-metric-strip-v114 {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 7px;
  padding: 0;
}
body.admin-area .admin-metric-v114 {
  min-width: 0;
  display: grid;
  gap: 1px;
  padding: 8px 9px;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 15%, transparent);
  border-radius: 14px;
  background: var(--ic-admin-dashboard-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
  color: inherit;
  text-decoration: none;
}
body.admin-area .admin-metric-v114 span,
body.admin-area .admin-metric-v114 small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.admin-area .admin-metric-v114 span { color: var(--muted); font-size: .72rem; }
body.admin-area .admin-metric-v114 strong { font-size: clamp(18px, 1.35vw, 25px); line-height: 1; }
body.admin-area .admin-metric-v114 small { color: var(--muted); font-size: .68rem; }

body.admin-area .admin-overview-main-v114 {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
  gap: var(--dash-gap);
  overflow: hidden;
}
body.admin-area .admin-graph-card-v114,
body.admin-area .admin-actions-card-v114 {
  min-height: 0;
  height: 100%;
  padding: clamp(12px, 1vw, 16px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  overflow: hidden !important;
}
body.admin-area .admin-card-head-v114 {
  min-width: 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}
body.admin-area .admin-card-head-v114 h3 { margin: 0 0 3px; font-size: clamp(16px, 1.15vw, 21px); }
body.admin-area .admin-card-head-v114 p { margin: 0; font-size: .84rem; }
body.admin-area .admin-card-head-v114 .btn { min-height: 32px !important; padding: 7px 10px !important; white-space: nowrap; }
body.admin-area .admin-bars-v114 {
  min-height: 128px;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: end;
  gap: clamp(6px, .8vw, 12px);
  padding: 8px 10px 4px;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 14%, transparent);
  border-radius: 16px;
  background: var(--ic-admin-dashboard-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
}
body.admin-area .admin-bar-cell-v114 {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  grid-template-columns: repeat(3, minmax(2px, 1fr));
  align-items: end;
  gap: 3px;
}
body.admin-area .admin-bar-cell-v114 i {
  display: block;
  min-height: 2px;
  border-radius: 999px 999px 3px 3px;
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 58%, transparent);
}
body.admin-area .admin-bar-cell-v114 i.visits { background: color-mix(in srgb, var(--success, #9ccc65) 62%, transparent); }
body.admin-area .admin-bar-cell-v114 i.clicks { background: color-mix(in srgb, #fbbf24 66%, transparent); }
body.admin-area .admin-bar-cell-v114 small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: .68rem;
  text-align: center;
  white-space: nowrap;
}
body.admin-area .admin-legend-v114 { display: flex; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: .76rem; }
body.admin-area .admin-legend-v114 span::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 999px; margin-right: 5px; vertical-align: .02em; background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 58%, transparent); }
body.admin-area .admin-legend-v114 .visits::before { background: color-mix(in srgb, var(--success, #9ccc65) 62%, transparent); }
body.admin-area .admin-legend-v114 .clicks::before { background: color-mix(in srgb, #fbbf24 66%, transparent); }

body.admin-area .admin-actions-card-v114 { grid-template-rows: auto minmax(0, 1fr); }
body.admin-area .admin-action-grid-v114 {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  scrollbar-width: thin;
}
body.admin-area .admin-action-grid-v114 a {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px 11px;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 15%, transparent);
  border-radius: 14px;
  background: var(--ic-admin-dashboard-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
  color: inherit;
  text-decoration: none;
}
body.admin-area .admin-action-grid-v114 a:hover { text-decoration: none; border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 35%, transparent); }
body.admin-area .admin-action-grid-v114 strong,
body.admin-area .admin-action-grid-v114 small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.admin-area .admin-action-grid-v114 strong { font-size: .9rem; }
body.admin-area .admin-action-grid-v114 small { color: var(--muted); font-size: .72rem; }
body.admin-area .admin-mobile-essentials-v114 { display: none; }

@media (max-height: 780px) and (min-width: 981px) {
  body.admin-area .admin-page-dashboard .admin-topbar-v12 .muted,
  body.admin-area .admin-hero-v114__copy .muted,
  body.admin-area .admin-card-head-v114 p { display: none !important; }
  body.admin-area .admin-hero-v114 { padding-block: 10px !important; }
  body.admin-area .admin-work-card-v114 { padding-block: 9px !important; }
  body.admin-area .admin-metric-v114 { padding-block: 6px; }
  body.admin-area .admin-bars-v114 { min-height: 92px; }
}
@media (max-width: 1280px) {
  body.admin-area .admin-work-grid-v114 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-area .admin-metric-strip-v114 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.admin-area .admin-overview-main-v114 { grid-template-columns: minmax(0, 1fr); }
  body.admin-area .admin-actions-card-v114 { min-height: 0; }
  body.admin-area .admin-action-grid-v114 { grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; }
}
@media (max-width: 980px) {
  body.admin-area .admin-page-dashboard .admin-content-v12 {
    margin-left: 0 !important;
    height: 100svh;
    min-height: 100svh;
    max-height: 100svh;
    padding: 9px !important;
  }
  body.admin-area .admin-page-dashboard .admin-topbar-v12 {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px !important;
    margin-bottom: 7px !important;
    padding-bottom: 6px !important;
  }
  body.admin-area .admin-page-dashboard .admin-topbar-v12 h1 { font-size: 20px !important; }
  body.admin-area .admin-page-dashboard .admin-topbar-v12 .section__eyebrow,
  body.admin-area .admin-page-dashboard .admin-topbar-v12 .muted { display: none !important; }
  body.admin-area .admin-page-dashboard .admin-topbar__actions .btn { min-height: 32px !important; padding: 7px 9px !important; font-size: .82rem; }
  body.admin-area .admin-overview-v114 {
    gap: 7px;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  }
  body.admin-area .admin-hero-v114 {
    grid-template-columns: 1fr;
    padding: 11px !important;
    gap: 8px;
  }
  body.admin-area .admin-hero-v114 h2 { font-size: 22px; }
  body.admin-area .admin-hero-v114__copy .muted { font-size: .8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  body.admin-area .admin-hero-v114__badges { grid-auto-flow: column; grid-auto-columns: minmax(76px, 1fr); max-width: 100%; overflow-x: auto; }
  body.admin-area .admin-badge-v114 { padding: 6px 8px; }
  body.admin-area .admin-badge-v114 small { font-size: .66rem; }
  body.admin-area .admin-badge-v114 strong { font-size: .78rem; }
  body.admin-area .admin-work-grid-v114 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  body.admin-area .admin-work-card-v114 { padding: 9px !important; }
  body.admin-area .admin-work-card-v114 strong { font-size: 25px; }
  body.admin-area .admin-work-card-v114 span { font-size: .78rem; }
  body.admin-area .admin-work-card-v114 small { font-size: .68rem; }
  body.admin-area .admin-metric-strip-v114 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
  body.admin-area .admin-metric-v114 { padding: 6px 7px; }
  body.admin-area .admin-metric-v114 span { font-size: .64rem; }
  body.admin-area .admin-metric-v114 strong { font-size: 18px; }
  body.admin-area .admin-metric-v114 small { display: none; }
  body.admin-area .admin-overview-main-v114 { gap: 7px; }
  body.admin-area .admin-card-head-v114 .btn,
  body.admin-area .admin-card-head-v114 p,
  body.admin-area .admin-legend-v114 { display: none !important; }
  body.admin-area .admin-graph-card-v114,
  body.admin-area .admin-actions-card-v114 { padding: 10px !important; gap: 7px; }
  body.admin-area .admin-card-head-v114 h3 { font-size: 15px; }
  body.admin-area .admin-bars-v114 { min-height: 80px; padding: 7px 7px 3px; gap: 5px; }
  body.admin-area .admin-bar-cell-v114 small { font-size: .58rem; }
  body.admin-area .admin-action-grid-v114 { grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; }
  body.admin-area .admin-action-grid-v114 a { padding: 8px 9px; }
  body.admin-area .admin-action-grid-v114 small { display: none; }
  body.admin-area .admin-mobile-essentials-v114 {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 8px 9px !important;
    overflow-x: auto !important;
    white-space: nowrap;
    font-size: .76rem;
  }
  body.admin-area .admin-mobile-essentials-v114 strong { color: var(--text); }
  body.admin-area .admin-mobile-essentials-v114 span { color: var(--muted); }
  body.admin-area .admin-mobile-essentials-v114 a { margin-left: auto; color: var(--text); text-decoration: none; }
}
@media (max-width: 520px) {
  body.admin-area .admin-page-dashboard .admin-topbar__actions { display: none; }
  body.admin-area .admin-hero-v114__badges { display: none; }
  body.admin-area .admin-work-grid-v114 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-area .admin-metric-strip-v114 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.admin-area .admin-overview-v114 { grid-template-rows: auto auto auto minmax(0, 1fr) auto; }
  body.admin-area .admin-actions-card-v114 { display: none; }
  body.admin-area .admin-overview-main-v114 { grid-template-rows: minmax(0, 1fr); }
}
@media (max-height: 700px) and (max-width: 980px) {
  body.admin-area .admin-hero-v114__copy .muted,
  body.admin-area .admin-work-card-v114 small,
  body.admin-area .admin-mobile-essentials-v114 strong { display: none; }
  body.admin-area .admin-hero-v114 { padding-block: 8px !important; }
  body.admin-area .admin-hero-v114 h2 { font-size: 19px; }
  body.admin-area .admin-metric-strip-v114 { display: none; }
  body.admin-area .admin-bars-v114 { min-height: 72px; }
}

/* === v11.5.1 dashboard: quick actions without inner scrolling === */
body.admin-area .admin-actions-card-v114 {
  min-height: 0 !important;
  overflow: hidden !important;
}
body.admin-area .admin-action-grid-v114 {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  gap: clamp(5px, .55vw, 8px) !important;
  align-content: stretch !important;
}
body.admin-area .admin-action-grid-v114 a {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: clamp(6px, .72vw, 10px) clamp(7px, .8vw, 11px) !important;
  display: grid !important;
  place-content: center start !important;
  gap: 1px !important;
  border-radius: 12px !important;
}
body.admin-area .admin-action-grid-v114 strong {
  font-size: clamp(.78rem, .78vw, .9rem) !important;
  line-height: 1.05 !important;
}
body.admin-area .admin-action-grid-v114 small {
  font-size: clamp(.62rem, .64vw, .72rem) !important;
  line-height: 1.05 !important;
}
@media (max-width: 1280px) {
  body.admin-area .admin-overview-main-v114 {
    grid-template-rows: minmax(0, 1fr) auto !important;
  }
  body.admin-area .admin-action-grid-v114 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(32px, auto) !important;
    height: auto !important;
  }
  body.admin-area .admin-action-grid-v114 a {
    min-height: 34px !important;
    place-content: center !important;
    text-align: center !important;
  }
}
@media (max-width: 980px) {
  body.admin-area .admin-actions-card-v114 {
    padding: 8px !important;
    gap: 6px !important;
  }
  body.admin-area .admin-action-grid-v114 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(29px, auto) !important;
  }
  body.admin-area .admin-action-grid-v114 a {
    min-height: 29px !important;
    padding: 6px 7px !important;
  }
  body.admin-area .admin-action-grid-v114 small { display: none !important; }
}
@media (max-width: 520px) {
  body.admin-area .admin-actions-card-v114 {
    display: grid !important;
    padding: 7px !important;
  }
  body.admin-area .admin-actions-card-v114 .admin-card-head-v114 {
    display: none !important;
  }
  body.admin-area .admin-overview-main-v114 {
    grid-template-rows: minmax(0, 1fr) auto !important;
  }
  body.admin-area .admin-action-grid-v114 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  body.admin-area .admin-action-grid-v114 a {
    min-height: 27px !important;
    padding: 5px 6px !important;
    border-radius: 10px !important;
  }
  body.admin-area .admin-action-grid-v114 strong {
    font-size: .72rem !important;
    letter-spacing: -.01em !important;
  }
}
@media (max-height: 700px) and (max-width: 980px) {
  body.admin-area .admin-actions-card-v114 {
    padding: 6px !important;
  }
  body.admin-area .admin-action-grid-v114 {
    grid-auto-rows: minmax(25px, auto) !important;
    gap: 4px !important;
  }
  body.admin-area .admin-action-grid-v114 a {
    min-height: 25px !important;
    padding-block: 4px !important;
  }
  body.admin-area .admin-action-grid-v114 strong {
    font-size: .68rem !important;
  }
}
@media (max-height: 780px) and (min-width: 981px) {
  body.admin-area .admin-action-grid-v114 small { display: none !important; }
  body.admin-area .admin-action-grid-v114 a { place-content: center !important; }
}

/* === v11.6 analytics: one-screen compact statistics dashboard === */
body.admin-area .admin-page-analytics .admin-content-v12 {
  min-height: 100svh;
  max-height: 100svh;
  overflow: hidden !important;
  padding: clamp(9px, 1vw, 16px) clamp(9px, 1.3vw, 22px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
body.admin-area .admin-page-analytics .admin-topbar-v12 {
  margin-bottom: clamp(7px, .75vw, 11px) !important;
  padding-bottom: clamp(5px, .55vw, 9px) !important;
}
body.admin-area .admin-page-analytics .admin-topbar-v12 h1 {
  margin: 0 !important;
  font-size: clamp(21px, 1.65vw, 29px) !important;
}
body.admin-area .admin-page-analytics .admin-topbar-v12 .muted {
  font-size: clamp(.78rem, .78vw, .92rem) !important;
  max-width: 74ch;
}
body.admin-area .analytics-screen-v116 {
  --analytics-gap-v116: clamp(7px, .78vw, 12px);
  min-height: 0;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: var(--analytics-gap-v116);
}
body.admin-area .analytics-command-v116,
body.admin-area .analytics-chart-v116,
body.admin-area .analytics-mini-card-v116,
body.admin-area .analytics-list-card-v116,
body.admin-area .analytics-mobile-line-v116 {
  background: var(--ic-admin-analytics-card-bg, var(--ic-layer-2, var(--surface, rgba(18,32,48,.94)))) !important;
  border-color: var(--ic-admin-analytics-border, color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 18%, transparent)) !important;
}
body.admin-area .analytics-command-v116 {
  min-height: 0;
  padding: clamp(10px, 1vw, 15px) !important;
  display: grid;
  grid-template-columns: minmax(220px, .72fr) minmax(300px, 1.25fr) auto;
  gap: var(--analytics-gap-v116);
  align-items: center;
  overflow: hidden;
}
body.admin-area .analytics-command-copy-v116 { min-width: 0; }
body.admin-area .analytics-command-copy-v116 h2 {
  margin: 0 0 3px;
  font-size: clamp(22px, 1.85vw, 34px);
  line-height: 1;
  letter-spacing: -.045em;
}
body.admin-area .analytics-command-copy-v116 p { margin: 0; }
body.admin-area .analytics-command-copy-v116 .muted {
  font-size: .86rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.admin-area .analytics-range-v116 {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
body.admin-area .analytics-range-v116 a {
  min-width: 0;
  min-height: 38px;
  display: grid;
  place-items: center;
  gap: 0;
  padding: 6px 8px;
  border-radius: 12px;
  background: var(--ic-admin-analytics-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42))) !important;
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 16%, transparent);
  color: var(--text) !important;
  text-align: center;
  text-decoration: none !important;
}
body.admin-area .analytics-range-v116 a:hover {
  background: color-mix(in srgb, var(--ic-admin-analytics-inner-bg, var(--ic-layer-3)) 90%, #fff 10%) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 34%, transparent);
}
body.admin-area .analytics-range-v116 a.is-active {
  background: var(--button-primary, var(--ic-admin-accent, var(--accent, #64b5f6))) !important;
  color: var(--accent-text, #fff) !important;
  border-color: transparent !important;
}
body.admin-area .analytics-range-v116 span,
body.admin-area .analytics-range-v116 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-range-v116 span { font-weight: 800; font-size: .86rem; line-height: 1; }
body.admin-area .analytics-range-v116 small { color: currentColor; opacity: .68; font-size: .66rem; line-height: 1; }
body.admin-area .analytics-actions-v116 {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
body.admin-area .analytics-actions-v116 .btn {
  min-height: 36px !important;
  padding: 7px 10px !important;
  white-space: nowrap;
}

body.admin-area .analytics-kpi-strip-v116 {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}
body.admin-area .analytics-kpi-v116 {
  min-width: 0;
  padding: clamp(7px, .7vw, 10px) clamp(8px, .75vw, 11px);
  display: grid;
  gap: 1px;
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 14%, transparent);
  border-radius: 14px;
  background: var(--ic-admin-analytics-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
}
body.admin-area .analytics-kpi-v116 span,
body.admin-area .analytics-kpi-v116 small,
body.admin-area .analytics-kpi-v116 strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-kpi-v116 span { color: var(--muted); font-size: .68rem; }
body.admin-area .analytics-kpi-v116 strong { font-size: clamp(18px, 1.55vw, 28px); line-height: .98; letter-spacing: -.025em; }
body.admin-area .analytics-kpi-v116 small { color: var(--muted); font-size: .64rem; }

body.admin-area .analytics-layout-v116 {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
  grid-template-rows: minmax(0, 1fr) minmax(142px, .42fr);
  gap: var(--analytics-gap-v116);
}
body.admin-area .analytics-chart-v116 {
  min-width: 0;
  min-height: 0;
  grid-row: span 2;
  padding: clamp(11px, .9vw, 15px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 9px;
  overflow: hidden !important;
}
body.admin-area .analytics-side-v116 {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--analytics-gap-v116);
  overflow: hidden;
}
body.admin-area .analytics-card-head-v116 {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
}
body.admin-area .analytics-card-head-v116 h3 {
  margin: 0 0 2px;
  font-size: clamp(15px, 1.05vw, 20px);
  line-height: 1.05;
}
body.admin-area .analytics-card-head-v116 p { margin: 0; font-size: .76rem; }
body.admin-area .analytics-legend-v116 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  color: var(--muted);
  font-size: .69rem;
}
body.admin-area .analytics-legend-v116 span::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 64%, transparent);
}
body.admin-area .analytics-legend-v116 .visits::before { background: color-mix(in srgb, var(--success, #9ccc65) 66%, transparent); }
body.admin-area .analytics-legend-v116 .clicks::before { background: color-mix(in srgb, #fbbf24 68%, transparent); }
body.admin-area .analytics-legend-v116 .exits::before { background: color-mix(in srgb, var(--danger, #ef9a9a) 68%, transparent); }
body.admin-area .analytics-bars-v116 {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(var(--items), minmax(0, 1fr));
  align-items: end;
  gap: clamp(3px, .35vw, 6px);
  padding: 10px 10px 18px;
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 10%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ic-admin-analytics-inner-bg, var(--ic-layer-3)) 56%, #000 44%);
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.035), inset 0 -10px 24px rgba(0,0,0,.14);
}
body.admin-area .analytics-bars-v116.is-hours { grid-template-columns: repeat(24, minmax(0, 1fr)); }
body.admin-area .analytics-bars-v116.is-months { grid-template-columns: repeat(var(--items), minmax(22px, 1fr)); }
body.admin-area .analytics-bar-v116 {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(2px, 1fr));
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2px;
  position: relative;
}
body.admin-area .analytics-bar-v116 i {
  min-height: 2px;
  display: block;
  border-radius: 999px 999px 3px 3px;
  opacity: .78;
}
body.admin-area .analytics-bar-v116 i.views { background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 66%, var(--ic-layer-4, #000) 34%); }
body.admin-area .analytics-bar-v116 i.visits { background: color-mix(in srgb, var(--success, #9ccc65) 62%, var(--ic-layer-4, #000) 38%); }
body.admin-area .analytics-bar-v116 i.clicks { background: color-mix(in srgb, #fbbf24 62%, var(--ic-layer-4, #000) 38%); }
body.admin-area .analytics-bar-v116 i.exits { background: color-mix(in srgb, var(--danger, #ef9a9a) 62%, var(--ic-layer-4, #000) 38%); }
body.admin-area .analytics-bar-v116 small {
  grid-column: 1 / -1;
  min-width: 0;
  color: color-mix(in srgb, var(--text) 60%, transparent);
  font-size: clamp(.52rem, .52vw, .66rem);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

body.admin-area .analytics-mini-card-v116 {
  min-width: 0;
  padding: 10px !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  overflow: hidden !important;
}
body.admin-area .analytics-mini-card-v116 > div {
  min-width: 0;
  padding: 8px 9px;
  display: grid;
  gap: 1px;
  border-radius: 13px;
  background: var(--ic-admin-analytics-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 12%, transparent);
}
body.admin-area .analytics-mini-card-v116 span,
body.admin-area .analytics-mini-card-v116 strong,
body.admin-area .analytics-mini-card-v116 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-mini-card-v116 span { color: var(--muted); font-size: .65rem; }
body.admin-area .analytics-mini-card-v116 strong { font-size: clamp(18px, 1.35vw, 24px); line-height: .98; }
body.admin-area .analytics-mini-card-v116 small { color: var(--muted); font-size: .64rem; }
body.admin-area .analytics-list-card-v116 {
  min-width: 0;
  min-height: 0;
  padding: clamp(9px, .8vw, 12px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 7px;
  overflow: hidden !important;
}
body.admin-area .analytics-list-v116 {
  min-height: 0;
  overflow: hidden;
  display: grid;
  gap: 5px;
  align-content: start;
}
body.admin-area .analytics-row-v116 {
  min-width: 0;
  min-height: 31px;
  padding: 6px 7px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-rows: auto auto;
  gap: 1px 7px;
  align-items: center;
  border-radius: 11px;
  background: var(--ic-admin-analytics-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 10%, transparent);
}
body.admin-area .analytics-row-v116 strong,
body.admin-area .analytics-row-v116 span,
body.admin-area .analytics-row-v116 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-row-v116 strong {
  font-size: .78rem;
  line-height: 1.05;
}
body.admin-area .analytics-row-v116 span {
  font-size: .68rem;
  color: var(--text);
  opacity: .88;
}
body.admin-area .analytics-row-v116 small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: .64rem;
  line-height: 1.05;
}
body.admin-area .analytics-empty-v116 {
  padding: 9px 10px;
  color: var(--muted);
  border-radius: 12px;
  background: var(--ic-admin-analytics-inner-bg, var(--ic-layer-3, rgba(8,17,30,.42)));
}
body.admin-area .analytics-mobile-line-v116 { display: none; }

@media (max-width: 1280px) {
  body.admin-area .analytics-command-v116 {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  body.admin-area .analytics-range-v116 {
    grid-column: 1 / -1;
    order: 3;
  }
  body.admin-area .analytics-actions-v116 { order: 2; }
  body.admin-area .analytics-command-copy-v116 .muted { display: none; }
  body.admin-area .analytics-layout-v116 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto auto auto auto;
  }
  body.admin-area .analytics-chart-v116 { grid-row: auto; min-height: 230px; }
  body.admin-area .analytics-side-v116 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }
}
@media (max-height: 820px) and (min-width: 981px) {
  body.admin-area .admin-page-analytics .admin-topbar-v12 .muted,
  body.admin-area .analytics-command-copy-v116 .muted,
  body.admin-area .analytics-card-head-v116 p,
  body.admin-area .analytics-legend-v116 { display: none !important; }
  body.admin-area .analytics-command-v116 { padding-block: 8px !important; }
  body.admin-area .analytics-command-copy-v116 h2 { font-size: 22px; }
  body.admin-area .analytics-kpi-v116 { padding-block: 6px; }
  body.admin-area .analytics-kpi-v116 small { display: none; }
  body.admin-area .analytics-row-v116 { min-height: 27px; padding-block: 5px; }
  body.admin-area .analytics-row-v116 small { display: none; }
}
@media (max-width: 980px) {
  body.admin-area .admin-page-analytics .admin-content-v12 {
    margin-left: 0 !important;
    height: 100svh;
    min-height: 100svh;
    max-height: 100svh;
    padding: 8px !important;
  }
  body.admin-area .admin-page-analytics .admin-topbar-v12 {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 7px !important;
    margin-bottom: 6px !important;
    padding-bottom: 5px !important;
  }
  body.admin-area .admin-page-analytics .admin-topbar-v12 h1 { font-size: 19px !important; }
  body.admin-area .admin-page-analytics .admin-topbar-v12 .section__eyebrow,
  body.admin-area .admin-page-analytics .admin-topbar-v12 .muted { display: none !important; }
  body.admin-area .admin-page-analytics .admin-topbar__actions .btn { min-height: 30px !important; padding: 6px 8px !important; font-size: .78rem; }
  body.admin-area .analytics-screen-v116 { gap: 6px; grid-template-rows: auto auto minmax(0, 1fr) auto; }
  body.admin-area .analytics-command-v116 {
    grid-template-columns: minmax(0, 1fr);
    padding: 8px !important;
    gap: 6px;
  }
  body.admin-area .analytics-command-copy-v116 { display: none; }
  body.admin-area .analytics-actions-v116 { display: none; }
  body.admin-area .analytics-range-v116 {
    grid-column: auto;
    order: 0;
    gap: 5px;
  }
  body.admin-area .analytics-range-v116 a { min-height: 30px; padding: 4px 5px; border-radius: 10px; }
  body.admin-area .analytics-range-v116 span { display: none; }
  body.admin-area .analytics-range-v116 small { opacity: 1; font-size: .72rem; font-weight: 800; }
  body.admin-area .analytics-kpi-strip-v116 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }
  body.admin-area .analytics-kpi-v116 { padding: 6px 7px; border-radius: 11px; }
  body.admin-area .analytics-kpi-v116 span { font-size: .62rem; }
  body.admin-area .analytics-kpi-v116 strong { font-size: 17px; }
  body.admin-area .analytics-kpi-v116 small { display: none; }
  body.admin-area .analytics-layout-v116 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto auto auto;
    gap: 6px;
  }
  body.admin-area .analytics-chart-v116 {
    min-height: 0;
    padding: 8px !important;
    gap: 6px;
  }
  body.admin-area .analytics-card-head-v116 p,
  body.admin-area .analytics-legend-v116 { display: none; }
  body.admin-area .analytics-card-head-v116 h3 { font-size: 14px; }
  body.admin-area .analytics-bars-v116 { padding: 7px 6px 12px; gap: 2px; border-radius: 12px; }
  body.admin-area .analytics-bar-v116 { gap: 1px; }
  body.admin-area .analytics-bar-v116 small { font-size: .48rem; }
  body.admin-area .analytics-side-v116 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: 6px;
  }
  body.admin-area .analytics-live-v116 { display: none; }
  body.admin-area .analytics-list-card-v116 { padding: 7px !important; gap: 5px; border-radius: 13px; }
  body.admin-area .analytics-list-v116 { gap: 4px; }
  body.admin-area .analytics-row-v116 { min-height: 27px; padding: 5px 6px; gap: 0 5px; border-radius: 9px; }
  body.admin-area .analytics-row-v116 strong { font-size: .7rem; }
  body.admin-area .analytics-row-v116 span { font-size: .62rem; }
  body.admin-area .analytics-row-v116 small { font-size: .58rem; }
  body.admin-area .analytics-geo-v116 { display: none; }
  body.admin-area .analytics-mobile-line-v116 {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    padding: 7px 8px !important;
    overflow: hidden;
    white-space: nowrap;
    font-size: .72rem;
  }
  body.admin-area .analytics-mobile-line-v116 strong { color: var(--text); }
  body.admin-area .analytics-mobile-line-v116 span { color: var(--muted); }
}
@media (max-width: 600px) {
  body.admin-area .analytics-kpi-strip-v116 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.admin-area .analytics-kpi-v116:nth-child(n+4) { display: none; }
  body.admin-area .analytics-side-v116 {
    grid-template-columns: minmax(0, 1fr);
  }
  body.admin-area .analytics-drop-v116,
  body.admin-area .analytics-session-v116 { display: none; }
  body.admin-area .analytics-row-v116.is-extra-mobile { display: none; }
}
@media (max-height: 720px) and (max-width: 980px) {
  body.admin-area .analytics-kpi-strip-v116 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.admin-area .analytics-kpi-v116:nth-child(n+4) { display: none; }
  body.admin-area .analytics-command-v116 { display: none; }
  body.admin-area .analytics-card-head-v116 { display: none; }
  body.admin-area .analytics-row-v116 small { display: none; }
  body.admin-area .analytics-row-v116 { min-height: 24px; }
  body.admin-area .analytics-session-v116,
  body.admin-area .analytics-geo-v116 { display: none; }
}
@media (max-height: 650px) and (min-width: 981px) {
  body.admin-area .analytics-command-v116 { display: none; }
  body.admin-area .analytics-kpi-v116:nth-child(n+5) { display: none; }
  body.admin-area .analytics-kpi-strip-v116 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.admin-area .analytics-card-head-v116 { display: none; }
  body.admin-area .analytics-row-v116.is-extra-mobile { display: none; }
}

/* === v11.7 analytics: dense one-screen cockpit layout === */
body.admin-area .admin-page-analytics .admin-content-v12 {
  min-height: 100svh;
  max-height: 100svh;
  overflow: hidden !important;
  padding: clamp(8px, .82vw, 14px) clamp(8px, 1vw, 18px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
body.admin-area .admin-page-analytics .admin-topbar-v12 {
  margin-bottom: clamp(5px, .52vw, 9px) !important;
  padding-bottom: clamp(4px, .42vw, 7px) !important;
  gap: 9px !important;
}
body.admin-area .admin-page-analytics .admin-topbar-v12 h1 {
  margin: 0 !important;
  font-size: clamp(20px, 1.42vw, 27px) !important;
  line-height: .98 !important;
}
body.admin-area .admin-page-analytics .admin-topbar-v12 .section__eyebrow {
  margin-bottom: 2px !important;
  font-size: .66rem !important;
}
body.admin-area .admin-page-analytics .admin-topbar-v12 .muted {
  max-width: 84ch;
  font-size: clamp(.74rem, .68vw, .86rem) !important;
  line-height: 1.22 !important;
}
body.admin-area .admin-page-analytics .admin-topbar__actions .btn {
  min-height: 32px !important;
  padding: 6px 10px !important;
  font-size: .78rem !important;
}
body.admin-area .analytics-screen-v117 {
  --analytics-gap-v117: clamp(6px, .65vw, 10px);
  --analytics-card-bg-v117: var(--ic-admin-analytics-card-bg, var(--ic-layer-2, var(--surface, rgba(18, 32, 48, .94))));
  --analytics-inner-bg-v117: var(--ic-admin-analytics-inner-bg, var(--ic-layer-3, rgba(8, 17, 30, .42)));
  --analytics-border-v117: var(--ic-admin-analytics-border, color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 18%, transparent));
  min-height: 0;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--analytics-gap-v117);
}
body.admin-area .analytics-command-v117,
body.admin-area .analytics-chart-card-v117,
body.admin-area .analytics-table-card-v117 {
  min-width: 0;
  min-height: 0;
  background: var(--analytics-card-bg-v117) !important;
  border-color: var(--analytics-border-v117) !important;
  overflow: hidden !important;
}
body.admin-area .analytics-command-v117 {
  padding: clamp(7px, .75vw, 11px) !important;
  display: grid;
  grid-template-columns: minmax(220px, .78fr) minmax(440px, 1.46fr) minmax(300px, 1fr);
  gap: var(--analytics-gap-v117);
  align-items: stretch;
}
body.admin-area .analytics-period-v117,
body.admin-area .analytics-kpi-grid-v117,
body.admin-area .analytics-signal-grid-v117 {
  min-width: 0;
}
body.admin-area .analytics-period-v117 {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 5px;
}
body.admin-area .analytics-period-v117 > strong {
  min-width: 0;
  color: var(--muted);
  font-size: .66rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .09em;
}
body.admin-area .analytics-range-v117 {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}
body.admin-area .analytics-range-v117 a {
  min-width: 0;
  min-height: 32px;
  padding: 5px 5px;
  display: grid;
  place-content: center;
  gap: 1px;
  border-radius: 11px;
  background: var(--analytics-inner-bg-v117) !important;
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 14%, transparent);
  color: var(--text) !important;
  text-align: center;
  text-decoration: none !important;
}
body.admin-area .analytics-range-v117 a:hover {
  background: color-mix(in srgb, var(--analytics-inner-bg-v117) 88%, #fff 12%) !important;
  border-color: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 32%, transparent);
}
body.admin-area .analytics-range-v117 a.is-active {
  background: var(--button-primary, var(--ic-admin-accent, var(--accent, #64b5f6))) !important;
  border-color: transparent !important;
  color: var(--accent-text, #fff) !important;
}
body.admin-area .analytics-range-v117 span,
body.admin-area .analytics-range-v117 small {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-range-v117 span { font-size: .72rem; line-height: 1; font-weight: 850; }
body.admin-area .analytics-range-v117 small { font-size: .58rem; line-height: 1; opacity: .68; color: currentColor; }
body.admin-area .analytics-kpi-grid-v117 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
}
body.admin-area .analytics-kpi-v117,
body.admin-area .analytics-signal-v117 {
  min-width: 0;
  padding: clamp(6px, .58vw, 9px) clamp(7px, .62vw, 10px);
  display: grid;
  align-content: center;
  gap: 1px;
  border-radius: 12px;
  background: var(--analytics-inner-bg-v117);
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 10%, transparent);
}
body.admin-area .analytics-kpi-v117 span,
body.admin-area .analytics-kpi-v117 strong,
body.admin-area .analytics-kpi-v117 small,
body.admin-area .analytics-signal-v117 span,
body.admin-area .analytics-signal-v117 strong,
body.admin-area .analytics-signal-v117 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-kpi-v117 span,
body.admin-area .analytics-signal-v117 span {
  color: var(--muted);
  font-size: .61rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .06em;
}
body.admin-area .analytics-kpi-v117 strong {
  font-size: clamp(18px, 1.55vw, 28px);
  line-height: .95;
  letter-spacing: -.045em;
}
body.admin-area .analytics-kpi-v117 small,
body.admin-area .analytics-signal-v117 small {
  color: var(--muted);
  font-size: .62rem;
  line-height: 1.05;
}
body.admin-area .analytics-signal-grid-v117 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}
body.admin-area .analytics-signal-v117 { padding-block: 6px; }
body.admin-area .analytics-signal-v117 strong {
  font-size: clamp(.78rem, .75vw, .92rem);
  line-height: 1.06;
}

body.admin-area .analytics-board-v117 {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: minmax(235px, 1.18fr) minmax(155px, .82fr);
  gap: var(--analytics-gap-v117);
}
body.admin-area .analytics-chart-card-v117 {
  grid-column: 1 / 7;
  grid-row: 1 / 2;
  padding: clamp(9px, .82vw, 13px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 7px;
}
body.admin-area .analytics-pages-v117 { grid-column: 7 / 10; grid-row: 1 / 2; }
body.admin-area .analytics-clicks-v117 { grid-column: 10 / 13; grid-row: 1 / 2; }
body.admin-area .analytics-drop-v117 { grid-column: 1 / 5; grid-row: 2 / 3; }
body.admin-area .analytics-sessions-v117 { grid-column: 5 / 9; grid-row: 2 / 3; }
body.admin-area .analytics-sources-v117 { grid-column: 9 / 13; grid-row: 2 / 3; }
body.admin-area .analytics-card-head-v117 {
  min-width: 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 8px;
}
body.admin-area .analytics-card-head-v117 h2 {
  margin: 0;
  color: var(--text);
  font-size: clamp(.9rem, .9vw, 1.08rem);
  line-height: 1.05;
  letter-spacing: -.025em;
}
body.admin-area .analytics-card-head-v117 p {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: .68rem;
  line-height: 1.08;
}
body.admin-area .analytics-legend-v117 {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px 7px;
  color: var(--muted);
  font-size: .62rem;
  line-height: 1;
}
body.admin-area .analytics-legend-v117 span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
body.admin-area .analytics-legend-v117 span::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: var(--ic-admin-accent, var(--accent, #64b5f6));
}
body.admin-area .analytics-legend-v117 .visits::before { background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 52%, #fff 48%); }
body.admin-area .analytics-legend-v117 .clicks::before { background: color-mix(in srgb, #fbbf24 74%, var(--ic-layer-4, #000) 26%); }
body.admin-area .analytics-legend-v117 .exits::before { background: color-mix(in srgb, var(--danger, #ef9a9a) 74%, var(--ic-layer-4, #000) 26%); }
body.admin-area .analytics-bars-v117 {
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 8px 8px 14px;
  display: grid;
  grid-template-columns: repeat(var(--items), minmax(8px, 1fr));
  align-items: end;
  gap: clamp(2px, .35vw, 6px);
  border-radius: 14px;
  background: var(--analytics-inner-bg-v117);
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 10%, transparent);
  overflow: hidden;
}
body.admin-area .analytics-bars-v117.is-months { grid-template-columns: repeat(var(--items), minmax(26px, 1fr)); }
body.admin-area .analytics-bar-v117 {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(2px, 1fr));
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1px;
}
body.admin-area .analytics-bar-v117 i {
  min-height: 1px;
  border-radius: 8px 8px 2px 2px;
  opacity: .92;
}
body.admin-area .analytics-bar-v117 i.views { background: var(--ic-admin-accent, var(--accent, #64b5f6)); }
body.admin-area .analytics-bar-v117 i.visits { background: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 48%, #fff 52%); }
body.admin-area .analytics-bar-v117 i.clicks { background: color-mix(in srgb, #fbbf24 70%, var(--ic-layer-4, #000) 30%); }
body.admin-area .analytics-bar-v117 i.exits { background: color-mix(in srgb, var(--danger, #ef9a9a) 70%, var(--ic-layer-4, #000) 30%); }
body.admin-area .analytics-bar-v117 small {
  grid-column: 1 / -1;
  min-width: 0;
  color: color-mix(in srgb, var(--text) 60%, transparent);
  font-size: clamp(.48rem, .48vw, .62rem);
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

body.admin-area .analytics-table-card-v117 {
  padding: clamp(8px, .72vw, 11px) !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 6px;
}
body.admin-area .analytics-table-v117 {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 4px;
}
body.admin-area .analytics-row-v117 {
  min-width: 0;
  min-height: 28px;
  padding: 5px 6px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-rows: auto auto;
  gap: 0 6px;
  align-items: center;
  border-radius: 10px;
  background: var(--analytics-inner-bg-v117);
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 9%, transparent);
}
body.admin-area .analytics-row-v117 strong,
body.admin-area .analytics-row-v117 b,
body.admin-area .analytics-row-v117 span,
body.admin-area .analytics-row-v117 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .analytics-row-v117 strong {
  color: var(--text);
  font-size: clamp(.69rem, .63vw, .79rem);
  line-height: 1.05;
}
body.admin-area .analytics-row-v117 b {
  color: var(--text);
  font-size: .72rem;
  line-height: 1;
  font-weight: 850;
}
body.admin-area .analytics-row-v117 span {
  color: var(--muted);
  font-size: .64rem;
  line-height: 1;
}
body.admin-area .analytics-row-v117 small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: .6rem;
  line-height: 1.05;
}
body.admin-area .analytics-empty-v117 {
  padding: 9px 10px;
  color: var(--muted);
  border-radius: 12px;
  background: var(--analytics-inner-bg-v117);
  font-size: .78rem;
}
body.admin-area .analytics-sources-grid-v117 {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  overflow: hidden;
}
body.admin-area .analytics-sources-grid-v117 > div {
  min-width: 0;
  min-height: 0;
  padding: 6px;
  display: grid;
  align-content: start;
  gap: 4px;
  border-radius: 12px;
  background: var(--analytics-inner-bg-v117);
  border: var(--ic-border-width, 1px) solid color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 8%, transparent);
  overflow: hidden;
}
body.admin-area .analytics-sources-grid-v117 h3 {
  margin: 0 0 1px;
  color: var(--muted);
  font-size: .61rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .07em;
}
body.admin-area .analytics-sources-grid-v117 p {
  min-width: 0;
  margin: 0;
  padding: 4px 5px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  align-items: center;
  border-radius: 8px;
  background: color-mix(in srgb, var(--analytics-inner-bg-v117) 80%, #000 20%);
}
body.admin-area .analytics-sources-grid-v117 strong,
body.admin-area .analytics-sources-grid-v117 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .64rem;
  line-height: 1;
}
body.admin-area .analytics-sources-grid-v117 span { color: var(--muted); font-size: .58rem; }

@media (max-width: 1380px) and (min-width: 981px) {
  body.admin-area .analytics-command-v117 {
    grid-template-columns: minmax(190px, .72fr) minmax(330px, 1.16fr) minmax(260px, .92fr);
  }
  body.admin-area .analytics-kpi-grid-v117 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.admin-area .analytics-kpi-v117 { padding-block: 5px; }
  body.admin-area .analytics-kpi-v117 strong { font-size: clamp(16px, 1.25vw, 22px); }
  body.admin-area .analytics-kpi-v117 small { display: none; }
  body.admin-area .analytics-board-v117 { grid-template-rows: minmax(220px, 1.15fr) minmax(150px, .85fr); }
  body.admin-area .analytics-chart-card-v117 { grid-column: 1 / 8; }
  body.admin-area .analytics-pages-v117 { grid-column: 8 / 11; }
  body.admin-area .analytics-clicks-v117 { grid-column: 11 / 13; }
  body.admin-area .analytics-clicks-v117 .analytics-row-v117 small { display: none; }
}
@media (max-height: 820px) and (min-width: 981px) {
  body.admin-area .admin-page-analytics .admin-topbar-v12 .muted,
  body.admin-area .analytics-card-head-v117 p,
  body.admin-area .analytics-legend-v117,
  body.admin-area .analytics-signal-v117 small { display: none !important; }
  body.admin-area .analytics-command-v117 { padding-block: 6px !important; }
  body.admin-area .analytics-kpi-v117 strong { font-size: clamp(16px, 1.25vw, 22px); }
  body.admin-area .analytics-row-v117 { min-height: 25px; padding-block: 4px; }
  body.admin-area .analytics-row-v117 small { display: none; }
  body.admin-area .analytics-sources-grid-v117 p:nth-of-type(n+4) { display: none; }
}
@media (max-height: 700px) and (min-width: 981px) {
  body.admin-area .analytics-period-v117 > strong,
  body.admin-area .analytics-signal-grid-v117,
  body.admin-area .analytics-card-head-v117 { display: none !important; }
  body.admin-area .analytics-command-v117 { grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); }
  body.admin-area .analytics-board-v117 { grid-template-rows: minmax(210px, 1fr) minmax(132px, .62fr); }
  body.admin-area .analytics-row-v117.is-low-priority { display: none; }
}
@media (max-width: 980px) {
  body.admin-area .admin-page-analytics .admin-content-v12 {
    margin-left: 0 !important;
    min-height: 100svh;
    max-height: 100svh;
    height: 100svh;
    padding: 7px !important;
  }
  body.admin-area .admin-page-analytics .admin-topbar-v12 {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 6px !important;
    margin-bottom: 5px !important;
    padding-bottom: 4px !important;
  }
  body.admin-area .admin-page-analytics .admin-topbar-v12 h1 { font-size: 18px !important; }
  body.admin-area .admin-page-analytics .admin-topbar-v12 .section__eyebrow,
  body.admin-area .admin-page-analytics .admin-topbar-v12 .muted { display: none !important; }
  body.admin-area .admin-page-analytics .admin-topbar__actions .btn { min-height: 29px !important; padding: 5px 7px !important; font-size: .74rem !important; }
  body.admin-area .analytics-screen-v117 { gap: 5px; }
  body.admin-area .analytics-command-v117 {
    padding: 6px !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }
  body.admin-area .analytics-period-v117 { gap: 4px; }
  body.admin-area .analytics-period-v117 > strong,
  body.admin-area .analytics-signal-grid-v117 { display: none; }
  body.admin-area .analytics-range-v117 { gap: 4px; }
  body.admin-area .analytics-range-v117 a { min-height: 27px; padding: 3px 4px; border-radius: 9px; }
  body.admin-area .analytics-range-v117 span { display: none; }
  body.admin-area .analytics-range-v117 small { opacity: 1; font-size: .69rem; font-weight: 850; }
  body.admin-area .analytics-kpi-grid-v117 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
  }
  body.admin-area .analytics-kpi-v117 {
    padding: 5px 6px;
    border-radius: 10px;
  }
  body.admin-area .analytics-kpi-v117:nth-child(n+5) { display: none; }
  body.admin-area .analytics-kpi-v117 span { font-size: .56rem; letter-spacing: .04em; }
  body.admin-area .analytics-kpi-v117 strong { font-size: 15px; }
  body.admin-area .analytics-kpi-v117 small { display: none; }
  body.admin-area .analytics-board-v117 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(190px, 1fr) minmax(112px, .48fr) minmax(112px, .48fr);
    gap: 5px;
  }
  body.admin-area .analytics-chart-card-v117 { grid-column: 1 / -1; grid-row: 1 / 2; padding: 7px !important; gap: 5px; }
  body.admin-area .analytics-pages-v117 { grid-column: 1 / 2; grid-row: 2 / 3; }
  body.admin-area .analytics-clicks-v117 { grid-column: 2 / 3; grid-row: 2 / 3; }
  body.admin-area .analytics-drop-v117 { grid-column: 1 / 2; grid-row: 3 / 4; }
  body.admin-area .analytics-sessions-v117 { grid-column: 2 / 3; grid-row: 3 / 4; }
  body.admin-area .analytics-sources-v117 { display: none; }
  body.admin-area .analytics-card-head-v117 { align-items: center; }
  body.admin-area .analytics-card-head-v117 h2 { font-size: .8rem; }
  body.admin-area .analytics-card-head-v117 p,
  body.admin-area .analytics-legend-v117 { display: none; }
  body.admin-area .analytics-bars-v117 { padding: 6px 5px 12px; gap: 2px; border-radius: 11px; }
  body.admin-area .analytics-bar-v117 { gap: 1px; }
  body.admin-area .analytics-bar-v117 small { font-size: .45rem; }
  body.admin-area .analytics-table-card-v117 { padding: 6px !important; gap: 4px; border-radius: 12px; }
  body.admin-area .analytics-table-v117 { gap: 3px; }
  body.admin-area .analytics-row-v117 { min-height: 23px; padding: 4px 5px; gap: 0 4px; border-radius: 8px; }
  body.admin-area .analytics-row-v117 strong { font-size: .62rem; }
  body.admin-area .analytics-row-v117 b { font-size: .62rem; }
  body.admin-area .analytics-row-v117 span { font-size: .56rem; }
  body.admin-area .analytics-row-v117 small { display: none; }
  body.admin-area .analytics-row-v117.is-low-priority { display: none; }
}
@media (max-width: 620px) {
  body.admin-area .analytics-board-v117 {
    grid-template-rows: minmax(190px, 1fr) minmax(104px, .42fr) minmax(104px, .42fr);
  }
  body.admin-area .analytics-row-v117:nth-of-type(n+4) { display: none; }
}
@media (max-height: 720px) and (max-width: 980px) {
  body.admin-area .analytics-command-v117 { grid-template-columns: minmax(0, 1fr); }
  body.admin-area .analytics-kpi-grid-v117 { display: none; }
  body.admin-area .analytics-card-head-v117 { display: none; }
  body.admin-area .analytics-board-v117 {
    grid-template-rows: minmax(170px, 1fr) minmax(92px, .34fr) minmax(92px, .34fr);
  }
  body.admin-area .analytics-row-v117 { min-height: 21px; }
}
@media (max-height: 620px) and (max-width: 980px) {
  body.admin-area .analytics-drop-v117,
  body.admin-area .analytics-sessions-v117 { display: none; }
  body.admin-area .analytics-board-v117 {
    grid-template-rows: minmax(160px, 1fr) minmax(95px, .42fr);
  }
}


/* === v11.9 analytics scrollable lists === */
body.admin-area .analytics-screen-v117 {
  --analytics-scrollbar-v119: color-mix(in srgb, var(--ic-admin-accent, var(--accent, #64b5f6)) 38%, transparent);
  --analytics-scrollbar-track-v119: color-mix(in srgb, var(--analytics-inner-bg-v117) 88%, transparent);
}
body.admin-area .analytics-table-card-v117 {
  grid-template-rows: auto minmax(0, 1fr);
}
body.admin-area .analytics-table-v117 {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 3px;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body.admin-area .analytics-table-v117::-webkit-scrollbar,
body.admin-area .analytics-sources-grid-v117::-webkit-scrollbar,
body.admin-area .analytics-sources-grid-v117 > div::-webkit-scrollbar { width: 7px; height: 7px; }
body.admin-area .analytics-table-v117::-webkit-scrollbar-track,
body.admin-area .analytics-sources-grid-v117::-webkit-scrollbar-track,
body.admin-area .analytics-sources-grid-v117 > div::-webkit-scrollbar-track { background: var(--analytics-scrollbar-track-v119); border-radius: 999px; }
body.admin-area .analytics-table-v117::-webkit-scrollbar-thumb,
body.admin-area .analytics-sources-grid-v117::-webkit-scrollbar-thumb,
body.admin-area .analytics-sources-grid-v117 > div::-webkit-scrollbar-thumb { background: var(--analytics-scrollbar-v119); border-radius: 999px; }
body.admin-area .analytics-table-v117,
body.admin-area .analytics-sources-grid-v117,
body.admin-area .analytics-sources-grid-v117 > div {
  scrollbar-width: thin;
  scrollbar-color: var(--analytics-scrollbar-v119) var(--analytics-scrollbar-track-v119);
}
body.admin-area .analytics-row-v117.is-low-priority { display: grid; }
body.admin-area .analytics-sources-grid-v117 {
  overflow: hidden !important;
  min-height: 0;
}
body.admin-area .analytics-sources-grid-v117 > div {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 5px;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body.admin-area .analytics-table-card-v117::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  height: 18px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--analytics-card-bg-v117) 78%, transparent));
  opacity: .78;
}
body.admin-area .analytics-table-card-v117 { position: relative; }
body.admin-area .analytics-table-v117,
body.admin-area .analytics-sources-grid-v117 { position: relative; z-index: 1; }
body.admin-area .analytics-sources-grid-v117 p:nth-of-type(n) { display: grid; }

@media (max-height: 820px) and (min-width: 981px) {
  body.admin-area .analytics-row-v117 small { display: block; }
  body.admin-area .analytics-sources-grid-v117 p:nth-of-type(n+4) { display: grid; }
}
@media (max-height: 700px) and (min-width: 981px) {
  body.admin-area .analytics-row-v117.is-low-priority { display: grid; }
}
@media (max-width: 980px) {
  body.admin-area .analytics-board-v117 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(170px, 1fr) minmax(102px, .38fr) minmax(102px, .38fr) minmax(96px, .32fr);
  }
  body.admin-area .analytics-sources-v117 {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 4 / 5;
  }
  body.admin-area .analytics-row-v117.is-low-priority { display: grid; }
  body.admin-area .analytics-row-v117:nth-of-type(n) { display: grid; }
  body.admin-area .analytics-sources-grid-v117 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }
  body.admin-area .analytics-sources-grid-v117 h3 { font-size: .56rem; }
  body.admin-area .analytics-sources-grid-v117 p { padding: 3px 4px; }
  body.admin-area .analytics-sources-grid-v117 strong,
  body.admin-area .analytics-sources-grid-v117 span { font-size: .56rem; }
}
@media (max-width: 620px) {
  body.admin-area .analytics-board-v117 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(165px, 1fr) minmax(96px, .34fr) minmax(96px, .34fr) minmax(92px, .3fr);
  }
  body.admin-area .analytics-row-v117:nth-of-type(n) { display: grid; }
}
@media (max-height: 720px) and (max-width: 980px) {
  body.admin-area .analytics-board-v117 {
    grid-template-rows: minmax(145px, 1fr) minmax(82px, .28fr) minmax(82px, .28fr) minmax(76px, .24fr);
  }
  body.admin-area .analytics-row-v117 { min-height: 21px; }
}
@media (max-height: 620px) and (max-width: 980px) {
  body.admin-area .analytics-drop-v117,
  body.admin-area .analytics-sessions-v117 { display: grid; }
  body.admin-area .analytics-board-v117 {
    grid-template-rows: minmax(132px, .9fr) minmax(76px, .25fr) minmax(76px, .25fr) minmax(70px, .22fr);
  }
}

/* === v11.10 leads inbox redesign === */
body.admin-area {
  --ic-leads-card-bg: rgba(10, 24, 39, .78);
  --ic-leads-card-bg-strong: rgba(14, 34, 55, .92);
  --ic-leads-card-border: rgba(100,181,246,.16);
  --ic-leads-card-border-strong: rgba(100,181,246,.30);
  --ic-leads-muted-bg: rgba(255,255,255,.045);
  --ic-leads-soft-bg: rgba(100,181,246,.08);
  --ic-leads-good: #43a047;
  --ic-leads-warn: #ffb300;
  --ic-leads-bad: #ef5350;
  --ic-leads-info: #42a5f5;
}
body.admin-area .leads-alert-v1110 { margin-bottom: 12px; }
body.admin-area .leads-workspace-v1110 {
  display: grid;
  gap: 12px;
  min-height: 0;
}
body.admin-area .leads-hero-v1110 {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(420px, .95fr);
  gap: 16px;
  align-items: center;
  padding: 18px !important;
  overflow: hidden;
}
body.admin-area .leads-hero-v1110__title { min-width: 0; }
body.admin-area .leads-hero-v1110__title h2 {
  margin: 3px 0 4px;
  font-size: clamp(1.45rem, 2.2vw, 2.1rem);
  line-height: 1;
}
body.admin-area .leads-hero-v1110__title p {
  margin: 0;
  color: var(--muted);
  max-width: 640px;
}
body.admin-area .leads-metrics-v1110 {
  display: grid;
  grid-template-columns: repeat(5, minmax(76px, 1fr));
  gap: 8px;
}
body.admin-area .lead-metric-v1110 {
  display: grid;
  gap: 2px;
  padding: 12px 10px;
  border-radius: 18px;
  border: 1px solid var(--ic-leads-card-border);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
body.admin-area .lead-metric-v1110 span {
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  font-weight: 850;
  letter-spacing: -.04em;
  line-height: 1;
}
body.admin-area .lead-metric-v1110 small {
  color: var(--muted);
  font-size: .78rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.admin-area .lead-metric-v1110:hover,
body.admin-area .lead-tab-v1110:hover,
body.admin-area .lead-item-v1110:hover {
  border-color: var(--ic-leads-card-border-strong);
  transform: translateY(-1px);
}
body.admin-area .leads-tabs-v1110 {
  display: grid;
  grid-template-columns: repeat(7, minmax(90px, 1fr));
  gap: 8px;
}
body.admin-area .lead-tab-v1110 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 42px;
  padding: 9px 12px;
  border-radius: 16px;
  border: 1px solid var(--ic-leads-card-border);
  background: var(--ic-leads-muted-bg);
  color: inherit;
  text-decoration: none;
  transition: transform .14s var(--material-ease), border-color .14s ease, background .14s ease;
}
body.admin-area .lead-tab-v1110 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 750;
}
body.admin-area .lead-tab-v1110 b {
  min-width: 26px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(100,181,246,.12);
  color: var(--text);
  text-align: center;
  font-size: .8rem;
}
body.admin-area .lead-tab-v1110.is-active {
  background: linear-gradient(180deg, rgba(100,181,246,.18), rgba(100,181,246,.08));
  border-color: rgba(100,181,246,.38);
  box-shadow: 0 0 0 4px rgba(100,181,246,.08);
}
body.admin-area .lead-tab-v1110.is-active span { color: var(--text); }
body.admin-area .leads-toolbar-v1110 {
  display: grid;
  grid-template-columns: minmax(210px, 1.4fr) minmax(120px, .65fr) minmax(135px, .8fr) minmax(135px, .8fr) auto;
  gap: 10px;
  align-items: end;
  padding: 14px !important;
}
body.admin-area .leads-toolbar-v1110 label {
  display: grid;
  gap: 5px;
  min-width: 0;
}
body.admin-area .leads-toolbar-v1110 label span {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 750;
}
body.admin-area .leads-toolbar-v1110 input,
body.admin-area .leads-toolbar-v1110 select,
body.admin-area .lead-status-form-v1110 select,
body.admin-area .leads-bulk-v1110__bar select {
  width: 100%;
  min-height: 40px;
  border-radius: 14px;
}
body.admin-area .leads-toolbar-v1110__actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
body.admin-area .leads-inbox-v1110 {
  display: grid;
  grid-template-columns: minmax(330px, .88fr) minmax(520px, 1.42fr);
  gap: 12px;
  align-items: start;
  min-height: 0;
}
body.admin-area .leads-list-v1110,
body.admin-area .lead-detail-v1110 {
  min-width: 0;
  overflow: hidden;
}
body.admin-area .leads-list-v1110 { padding: 14px !important; }
body.admin-area .leads-list-v1110__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
body.admin-area .leads-list-v1110__head h2 {
  margin: 0 0 2px;
  font-size: 1.1rem;
}
body.admin-area .leads-list-v1110__head p { margin: 0; }
body.admin-area .leads-bulk-v1110 { display: grid; gap: 10px; }
body.admin-area .leads-bulk-v1110__bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
body.admin-area .leads-scroll-v1110 {
  display: grid;
  gap: 8px;
  max-height: clamp(420px, calc(100vh - 380px), 720px);
  overflow: auto;
  padding-right: 4px;
  scrollbar-width: thin;
}
body.admin-area .lead-empty-v1110 {
  display: grid;
  gap: 4px;
  padding: 18px;
  border-radius: 18px;
  border: 1px dashed var(--ic-leads-card-border);
  background: var(--ic-leads-muted-bg);
}
body.admin-area .lead-empty-v1110 small { color: var(--muted); }
body.admin-area .lead-item-v1110 {
  --lead-status-color: var(--ic-leads-info);
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 10px 10px 10px 12px;
  border: 1px solid var(--ic-leads-card-border);
  border-radius: 18px;
  background: var(--ic-leads-muted-bg);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
  transition: transform .14s var(--material-ease), border-color .14s ease, background .14s ease, box-shadow .14s ease;
  overflow: hidden;
}
body.admin-area .lead-item-v1110::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--lead-status-color);
}
body.admin-area .lead-item-v1110.is-active {
  border-color: rgba(100,181,246,.45);
  background: linear-gradient(180deg, rgba(100,181,246,.16), rgba(255,255,255,.045));
  box-shadow: 0 0 0 4px rgba(100,181,246,.08), 0 10px 22px rgba(0,0,0,.14);
}
body.admin-area .lead-item-v1110.is-unread {
  border-color: rgba(255,179,0,.32);
}
body.admin-area .lead-item-v1110.is-unread::after {
  content: "";
  position: absolute;
  right: 11px;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--ic-leads-warn);
  box-shadow: 0 0 0 5px rgba(255,179,0,.13), 0 0 14px rgba(255,179,0,.38);
}
body.admin-area .lead-check-v1110 {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  margin: 0;
}
body.admin-area .lead-check-v1110 input {
  width: 19px;
  height: 19px;
  margin: 0;
  accent-color: var(--accent);
}
body.admin-area .lead-item-v1110__main {
  display: grid;
  gap: 4px;
  color: inherit;
  text-decoration: none;
  min-width: 0;
  padding-right: 14px;
}
body.admin-area .lead-item-v1110__top,
body.admin-area .lead-item-v1110__mid,
body.admin-area .lead-item-v1110__bottom {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .lead-item-v1110__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.admin-area .lead-item-v1110__top b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .92rem;
}
body.admin-area .lead-item-v1110__top em {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 18%, transparent);
  color: var(--text);
  font-style: normal;
  font-size: .72rem;
  font-weight: 800;
}
body.admin-area .lead-item-v1110__mid { color: var(--text); font-size: .86rem; }
body.admin-area .lead-item-v1110__bottom { color: var(--muted); font-size: .76rem; }
body.admin-area .lead-detail-v1110 {
  --lead-status-color: var(--ic-leads-info);
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 18px !important;
  border-color: var(--ic-leads-card-border-strong) !important;
}
body.admin-area .lead-detail-v1110::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: var(--lead-status-color);
}
body.admin-area .lead-detail-v1110__status {
  position: absolute;
  top: 18px;
  right: -38px;
  width: 150px;
  height: 28px;
  display: grid;
  place-items: center;
  transform: rotate(35deg);
  background: var(--lead-status-color);
  color: #fff;
  font-size: .74rem;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(0,0,0,.22);
}
body.admin-area .lead-detail-v1110__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding-right: 54px;
}
body.admin-area .lead-detail-v1110__head h2 {
  margin: 3px 0 4px;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.1;
}
body.admin-area .lead-detail-v1110__head p { margin: 0; color: var(--muted); }
body.admin-area .lead-status-form-v1110 {
  display: flex;
  gap: 8px;
  align-items: center;
}
body.admin-area .lead-contact-card-v1110 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid var(--ic-leads-card-border);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
}
body.admin-area .lead-contact-card-v1110 > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}
body.admin-area .lead-contact-card-v1110 strong,
body.admin-area .lead-contact-card-v1110 span,
body.admin-area .lead-contact-card-v1110 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .lead-contact-card-v1110 small { color: var(--muted); }
body.admin-area .lead-contact-actions-v1110 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.admin-area .lead-detail-grid-v1110 {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr);
  gap: 10px;
}
body.admin-area .lead-box-v1110 {
  display: grid;
  gap: 9px;
  align-content: start;
  padding: 13px;
  border-radius: 18px;
  border: 1px solid var(--ic-leads-card-border);
  background: var(--ic-leads-muted-bg);
  min-width: 0;
}
body.admin-area .lead-box-message-v1110 { grid-row: span 2; }
body.admin-area .lead-box-v1110 h3 {
  margin: 0;
  font-size: .96rem;
}
body.admin-area .lead-message-v1110 {
  max-height: clamp(220px, 34vh, 430px);
  overflow: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  border-radius: 14px;
}
body.admin-area .lead-quick-status-v1110 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body.admin-area .lead-quick-status-v1110 form { margin: 0; }
body.admin-area .lead-status-chip-v1110 {
  --lead-status-color: var(--ic-leads-info);
  width: 100%;
  min-height: 36px;
  border: 1px solid color-mix(in srgb, var(--lead-status-color) 42%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 14%, transparent);
  color: var(--text);
  font-weight: 850;
  cursor: pointer;
}
body.admin-area .lead-status-chip-v1110.is-current {
  background: var(--lead-status-color);
  color: #fff;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lead-status-color) 18%, transparent);
}
body.admin-area .lead-meta-v1110 {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 7px 10px;
  margin: 0;
}
body.admin-area .lead-meta-v1110 dt {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
}
body.admin-area .lead-meta-v1110 dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: .86rem;
}
body.admin-area .lead-tag-v1110 {
  display: inline-flex;
  margin: 0 5px 5px 0;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--ic-leads-card-border);
  background: var(--ic-leads-soft-bg);
  font-size: .76rem;
  font-weight: 800;
}
body.admin-area .lead-tech-v1110 {
  padding: 12px 13px;
  border-radius: 16px;
  border: 1px solid var(--ic-leads-card-border);
  background: rgba(0,0,0,.08);
}
body.admin-area .lead-tech-v1110 summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 800;
}
body.admin-area .lead-tech-v1110 pre {
  max-height: 190px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body.admin-area .lead-empty-detail-v1110 {
  display: grid;
  place-items: center;
  min-height: 360px;
  text-align: center;
}
body.admin-area .status-new { --lead-status-color: var(--ic-leads-info); }
body.admin-area .status-in_progress { --lead-status-color: var(--ic-leads-warn); }
body.admin-area .status-done { --lead-status-color: var(--ic-leads-good); }
body.admin-area .status-spam { --lead-status-color: var(--ic-leads-bad); }
@media (max-width: 1280px) {
  body.admin-area .leads-hero-v1110 { grid-template-columns: 1fr; }
  body.admin-area .leads-tabs-v1110 { grid-template-columns: repeat(4, minmax(110px, 1fr)); }
  body.admin-area .leads-toolbar-v1110 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-area .leads-toolbar-v1110__actions { grid-column: 1 / -1; }
  body.admin-area .leads-inbox-v1110 { grid-template-columns: minmax(300px, .9fr) minmax(420px, 1.1fr); }
  body.admin-area .lead-detail-grid-v1110 { grid-template-columns: 1fr; }
  body.admin-area .lead-box-message-v1110 { grid-row: auto; }
}
@media (max-width: 980px) {
  body.admin-area .leads-inbox-v1110 { grid-template-columns: 1fr; }
  body.admin-area .lead-detail-v1110 { position: relative; top: auto; }
  body.admin-area .leads-scroll-v1110 { max-height: 48vh; }
}
@media (max-width: 720px) {
  body.admin-area .leads-hero-v1110 { padding: 14px !important; }
  body.admin-area .leads-metrics-v1110 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.admin-area .leads-tabs-v1110 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-area .leads-toolbar-v1110 { grid-template-columns: 1fr; }
  body.admin-area .leads-toolbar-v1110__actions,
  body.admin-area .leads-toolbar-v1110__actions .btn { width: 100%; }
  body.admin-area .leads-toolbar-v1110__actions { display: grid; grid-template-columns: 1fr 1fr; }
  body.admin-area .lead-item-v1110 { grid-template-columns: 24px minmax(0, 1fr); padding: 9px 9px 9px 11px; }
  body.admin-area .lead-item-v1110__top { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  body.admin-area .lead-detail-v1110 { padding: 15px !important; }
  body.admin-area .lead-detail-v1110__head { grid-template-columns: 1fr; padding-right: 34px; }
  body.admin-area .lead-status-form-v1110 { display: grid; grid-template-columns: 1fr; }
  body.admin-area .lead-contact-card-v1110 { grid-template-columns: 1fr; }
  body.admin-area .lead-contact-actions-v1110 { justify-content: stretch; }
  body.admin-area .lead-contact-actions-v1110 .btn { flex: 1 1 120px; }
  body.admin-area .lead-quick-status-v1110 { grid-template-columns: 1fr; }
  body.admin-area .lead-meta-v1110 { grid-template-columns: 74px minmax(0, 1fr); }
}
@media (max-width: 440px) {
  body.admin-area .leads-metrics-v1110 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-area .lead-tab-v1110 { min-height: 38px; padding: 8px 10px; }
  body.admin-area .lead-tab-v1110 span { font-size: .82rem; }
  body.admin-area .lead-metric-v1110 { padding: 10px 9px; }
  body.admin-area .leads-bulk-v1110__bar { grid-template-columns: 1fr; }
}

/* === v11.11 leads classic polish === */
body.admin-area {
  --ic-leads-v1111-surface: var(--panel, rgba(12, 28, 46, .76));
  --ic-leads-v1111-surface-soft: rgba(255,255,255,.055);
  --ic-leads-v1111-border: rgba(100,181,246,.16);
  --ic-leads-v1111-border-strong: rgba(100,181,246,.34);
  --ic-leads-v1111-shadow: 0 16px 40px rgba(0,0,0,.14);
  --ic-leads-v1111-info: #42a5f5;
  --ic-leads-v1111-warn: #ffb300;
  --ic-leads-v1111-good: #43a047;
  --ic-leads-v1111-bad: #ef5350;
}
body.admin-area .leads-notice-v1111 { margin-bottom: 12px; }
body.admin-area .leads-board-v1111 {
  display: grid;
  gap: 12px;
  min-height: 0;
}
body.admin-area .leads-top-v1111 {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(360px, .72fr);
  gap: 16px;
  align-items: center;
  padding: 16px !important;
  overflow: hidden;
}
body.admin-area .leads-title-v1111 { min-width: 0; }
body.admin-area .leads-title-v1111 h2 {
  margin: 4px 0 4px;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.02;
}
body.admin-area .leads-title-v1111 p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
}
body.admin-area .leads-kpis-v1111 {
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, 1fr));
  gap: 8px;
}
body.admin-area .leads-kpis-v1111 a {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  color: inherit;
  text-decoration: none;
}
body.admin-area .leads-kpis-v1111 strong {
  font-size: clamp(1.2rem, 1.7vw, 1.65rem);
  line-height: 1;
  letter-spacing: -.04em;
}
body.admin-area .leads-kpis-v1111 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: .76rem;
  font-weight: 760;
}
body.admin-area .leads-tabs-v1111 {
  display: grid;
  grid-template-columns: repeat(7, minmax(86px, 1fr));
  gap: 8px;
}
body.admin-area .lead-tab-v1111 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 15px;
  border: 1px solid var(--ic-leads-v1111-border);
  background: var(--ic-leads-v1111-surface-soft);
  color: inherit;
  text-decoration: none;
  transition: transform .14s var(--material-ease), border-color .14s ease, background .14s ease;
}
body.admin-area .lead-tab-v1111 span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: .84rem;
  font-weight: 780;
}
body.admin-area .lead-tab-v1111 b {
  min-width: 26px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(100,181,246,.12);
  color: var(--text);
  text-align: center;
  font-size: .76rem;
}
body.admin-area .lead-tab-v1111:hover,
body.admin-area .leads-kpis-v1111 a:hover,
body.admin-area .lead-card-v1111:hover {
  border-color: var(--ic-leads-v1111-border-strong);
  transform: translateY(-1px);
}
body.admin-area .lead-tab-v1111.is-active {
  background: linear-gradient(180deg, rgba(100,181,246,.18), rgba(100,181,246,.075));
  border-color: rgba(100,181,246,.40);
  box-shadow: 0 0 0 4px rgba(100,181,246,.08);
}
body.admin-area .lead-tab-v1111.is-active span { color: var(--text); }
body.admin-area .leads-filter-v1111 {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(120px, .28fr) auto auto auto;
  gap: 9px;
  align-items: end;
  padding: 12px !important;
}
body.admin-area .leads-filter-v1111 label {
  display: grid;
  gap: 5px;
  min-width: 0;
}
body.admin-area .leads-filter-v1111 label span {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 800;
}
body.admin-area .leads-filter-v1111 input,
body.admin-area .leads-filter-v1111 select,
body.admin-area .lead-save-v1111 select {
  width: 100%;
  min-height: 38px;
  border-radius: 14px;
}
body.admin-area .leads-more-filter-v1111 {
  position: relative;
  align-self: end;
  min-width: 0;
}
body.admin-area .leads-more-filter-v1111 summary {
  display: grid;
  place-items: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 14px;
  background: var(--ic-leads-v1111-surface-soft);
  color: var(--muted);
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}
body.admin-area .leads-more-filter-v1111 summary::-webkit-details-marker { display: none; }
body.admin-area .leads-more-filter-v1111[open] summary {
  border-color: var(--ic-leads-v1111-border-strong);
  color: var(--text);
}
body.admin-area .leads-more-filter-v1111 > div {
  position: absolute;
  z-index: 8;
  right: 0;
  top: calc(100% + 8px);
  width: min(520px, 92vw);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--ic-leads-v1111-border-strong);
  border-radius: 18px;
  background: var(--ic-leads-card-bg-strong, var(--ic-leads-v1111-surface));
  box-shadow: var(--ic-leads-v1111-shadow);
}
body.admin-area .leads-layout-v1111 {
  display: grid;
  grid-template-columns: minmax(330px, .62fr) minmax(520px, 1.38fr);
  gap: 12px;
  align-items: start;
  min-height: 0;
}
body.admin-area .leads-list-v1111,
body.admin-area .lead-detail-v1111 {
  min-width: 0;
  overflow: hidden;
}
body.admin-area .leads-list-v1111 { padding: 13px !important; }
body.admin-area .leads-list-head-v1111 {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  margin-bottom: 10px;
}
body.admin-area .leads-list-head-v1111 h2 { margin: 0 0 2px; font-size: 1.05rem; }
body.admin-area .leads-list-head-v1111 p { margin: 0; }
body.admin-area .leads-cards-v1111 {
  display: grid;
  gap: 10px;
  max-height: clamp(520px, calc(100vh - 315px), 780px);
  overflow: auto;
  padding-right: 4px;
  overscroll-behavior: contain;
}
body.admin-area .lead-card-v1111 {
  --lead-status-color: var(--ic-leads-v1111-info);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 76px;
  padding: 12px 12px 12px 20px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  color: inherit;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
  overflow: hidden;
  transition: transform .14s var(--material-ease), box-shadow .14s ease, border-color .14s ease, background .14s ease;
}
body.admin-area .lead-card-v1111.is-active {
  border-color: rgba(100,181,246,.48);
  background: linear-gradient(180deg, rgba(100,181,246,.16), rgba(255,255,255,.045));
  box-shadow: 0 0 0 4px rgba(100,181,246,.08), 0 12px 26px rgba(0,0,0,.16);
}
body.admin-area .lead-card-v1111.is-unopened {
  border-color: rgba(255,179,0,.34);
  background: linear-gradient(180deg, rgba(255,179,0,.11), rgba(255,255,255,.04));
}
body.admin-area .lead-card-v1111__stripe {
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: var(--lead-status-color);
}
body.admin-area .lead-card-v1111__body {
  display: grid;
  gap: 4px;
  min-width: 0;
}
body.admin-area .lead-card-v1111__body strong,
body.admin-area .lead-card-v1111__body span,
body.admin-area .lead-card-v1111__body small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .lead-card-v1111__body strong { font-size: .92rem; }
body.admin-area .lead-card-v1111__body span { font-size: .84rem; color: var(--text); }
body.admin-area .lead-card-v1111__body small { font-size: .75rem; color: var(--muted); }
body.admin-area .lead-card-v1111 em {
  padding: 3px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 18%, transparent);
  color: var(--text);
  font-style: normal;
  font-size: .72rem;
  font-weight: 850;
  white-space: nowrap;
}
body.admin-area .lead-card-v1111 i {
  position: absolute;
  right: 12px;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--ic-leads-v1111-warn);
  box-shadow: 0 0 0 5px rgba(255,179,0,.13), 0 0 15px rgba(255,179,0,.42);
}
body.admin-area .lead-empty-v1111 {
  display: grid;
  gap: 4px;
  padding: 18px;
  min-height: 100px;
  border: 1px dashed var(--ic-leads-v1111-border);
  border-radius: 18px;
  color: var(--muted);
}
body.admin-area .lead-empty-v1111 strong { color: var(--text); }
body.admin-area .lead-detail-v1111 {
  --lead-status-color: var(--ic-leads-v1111-info);
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 18px !important;
  border-color: var(--ic-leads-v1111-border-strong) !important;
}
body.admin-area .lead-detail-v1111::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: var(--lead-status-color);
}
body.admin-area .lead-detail-ribbon-v1111 {
  position: absolute;
  top: 17px;
  right: -36px;
  width: 140px;
  height: 28px;
  display: grid;
  place-items: center;
  transform: rotate(35deg);
  background: var(--lead-status-color);
  color: #fff;
  font-size: .74rem;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(0,0,0,.20);
}
body.admin-area .lead-detail-head-v1111 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding-right: 50px;
}
body.admin-area .lead-detail-head-v1111 h2 {
  margin: 4px 0 4px;
  font-size: clamp(1.2rem, 1.8vw, 1.75rem);
  line-height: 1.08;
}
body.admin-area .lead-detail-head-v1111 p { margin: 0; color: var(--muted); }
body.admin-area .lead-save-v1111 {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.admin-area .lead-contact-v1111 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
}
body.admin-area .lead-contact-v1111 > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}
body.admin-area .lead-contact-v1111 strong,
body.admin-area .lead-contact-v1111 span,
body.admin-area .lead-contact-v1111 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .lead-contact-v1111 small { color: var(--muted); }
body.admin-area .lead-contact-actions-v1111 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
body.admin-area .lead-description-v1111 {
  display: grid;
  gap: 8px;
  padding: 13px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 18px;
  background: var(--ic-leads-v1111-surface-soft);
}
body.admin-area .lead-description-v1111 h3,
body.admin-area .lead-detail-grid-v1111 h3 { margin: 0; font-size: .96rem; }
body.admin-area .lead-description-v1111 .admin-message {
  max-height: clamp(180px, 30vh, 360px);
  overflow: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  border-radius: 14px;
}
body.admin-area .lead-detail-grid-v1111 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
body.admin-area .lead-detail-grid-v1111 > section {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 18px;
  background: var(--ic-leads-v1111-surface-soft);
}
body.admin-area .lead-detail-grid-v1111 dl {
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  gap: 7px 10px;
  margin: 0;
}
body.admin-area .lead-detail-grid-v1111 dt {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 850;
}
body.admin-area .lead-detail-grid-v1111 dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: .86rem;
}
body.admin-area .lead-tag-v1111 {
  display: inline-flex;
  margin: 0 5px 5px 0;
  padding: 3px 8px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 999px;
  background: rgba(100,181,246,.10);
  font-size: .76rem;
  font-weight: 800;
}
body.admin-area .lead-quick-v1111 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}
body.admin-area .lead-quick-v1111 form { margin: 0; }
body.admin-area .lead-status-button-v1111 {
  --lead-status-color: var(--ic-leads-v1111-info);
  width: 100%;
  min-height: 36px;
  border: 1px solid color-mix(in srgb, var(--lead-status-color) 42%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 13%, transparent);
  color: var(--text);
  font-weight: 850;
  cursor: pointer;
}
body.admin-area .lead-status-button-v1111.is-current {
  background: var(--lead-status-color);
  color: #fff;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lead-status-color) 18%, transparent);
}
body.admin-area .lead-tech-v1111 {
  padding: 12px 13px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 16px;
  background: rgba(0,0,0,.08);
}
body.admin-area .lead-tech-v1111 summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 850;
}
body.admin-area .lead-tech-v1111 pre {
  max-height: 190px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body.admin-area .lead-placeholder-v1111 {
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 360px;
  text-align: center;
}
body.admin-area .lead-placeholder-v1111 h2,
body.admin-area .lead-placeholder-v1111 p { margin: 0; }
body.admin-area .status-new { --lead-status-color: var(--ic-leads-v1111-info); }
body.admin-area .status-in_progress { --lead-status-color: var(--ic-leads-v1111-warn); }
body.admin-area .status-done { --lead-status-color: var(--ic-leads-v1111-good); }
body.admin-area .status-spam { --lead-status-color: var(--ic-leads-v1111-bad); }
@media (max-width: 1280px) {
  body.admin-area .leads-top-v1111 { grid-template-columns: 1fr; }
  body.admin-area .leads-tabs-v1111 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.admin-area .leads-layout-v1111 { grid-template-columns: minmax(300px, .75fr) minmax(420px, 1.25fr); }
  body.admin-area .lead-detail-grid-v1111 { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  body.admin-area .leads-filter-v1111 { grid-template-columns: minmax(0,1fr) minmax(120px,.45fr) auto auto; }
  body.admin-area .leads-filter-v1111 .btn { min-height: 38px; }
  body.admin-area .leads-layout-v1111 { grid-template-columns: 1fr; }
  body.admin-area .lead-detail-v1111 { position: relative; top: auto; }
  body.admin-area .leads-cards-v1111 { max-height: 44vh; }
}
@media (max-width: 720px) {
  body.admin-area .leads-top-v1111 { padding: 14px !important; }
  body.admin-area .leads-kpis-v1111 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.admin-area .leads-tabs-v1111 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.admin-area .leads-filter-v1111 { grid-template-columns: 1fr 1fr; }
  body.admin-area .leads-search-v1111 { grid-column: 1 / -1; }
  body.admin-area .leads-more-filter-v1111 > div { right: auto; left: 0; grid-template-columns: 1fr; }
  body.admin-area .leads-filter-v1111 .btn { width: 100%; }
  body.admin-area .lead-card-v1111 { min-height: 70px; grid-template-columns: minmax(0,1fr); padding-right: 40px; }
  body.admin-area .lead-card-v1111 em { position: absolute; right: 10px; bottom: 10px; }
  body.admin-area .lead-detail-v1111 { padding: 15px !important; }
  body.admin-area .lead-detail-head-v1111 { grid-template-columns: 1fr; padding-right: 34px; }
  body.admin-area .lead-save-v1111 { display: grid; grid-template-columns: 1fr; }
  body.admin-area .lead-contact-v1111 { grid-template-columns: 1fr; }
  body.admin-area .lead-contact-actions-v1111 { justify-content: stretch; }
  body.admin-area .lead-contact-actions-v1111 .btn { flex: 1 1 120px; }
  body.admin-area .lead-quick-v1111 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.admin-area .lead-detail-grid-v1111 dl { grid-template-columns: 78px minmax(0,1fr); }
}
@media (max-width: 440px) {
  body.admin-area .leads-filter-v1111 { grid-template-columns: 1fr; }
  body.admin-area .lead-tab-v1111 { min-height: 36px; }
  body.admin-area .lead-card-v1111 em { display: none; }
  body.admin-area .lead-quick-v1111 { grid-template-columns: 1fr; }
}


/* === v11.12 lead ribbons/selection polish === */
body.admin-area .lead-card-v1111.is-active {
  border-color: color-mix(in srgb, var(--lead-status-color) 72%, #ffffff 8%) !important;
  background:
    radial-gradient(480px 130px at 0% 50%, color-mix(in srgb, var(--lead-status-color) 24%, transparent), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--lead-status-color) 38%, transparent),
    inset 8px 0 0 var(--lead-status-color),
    0 0 0 4px color-mix(in srgb, var(--lead-status-color) 18%, transparent),
    0 18px 36px rgba(0,0,0,.22) !important;
  transform: translateX(2px);
}
body.admin-area .lead-card-v1111.is-active::after {
  content: "открыта";
  position: absolute;
  right: 10px;
  top: 9px;
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 24%, rgba(255,255,255,.08));
  color: var(--text);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .01em;
}
body.admin-area .lead-card-v1111.is-active .lead-card-v1111__stripe { width: 9px; }
body.admin-area .lead-detail-v1111 { overflow: hidden; }
body.admin-area .lead-detail-ribbon-v1111 { display: none !important; }
body.admin-area .lead-detail-head-v112 {
  padding-right: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ic-leads-v1111-border);
}
body.admin-area .lead-detail-titleline-v112 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
body.admin-area .lead-detail-status-v112 {
  --lead-status-color: var(--ic-leads-v1111-info);
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--lead-status-color) 48%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 16%, rgba(255,255,255,.04));
  color: var(--text);
  font-size: .74rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lead-status-color) 8%, transparent);
}
body.admin-area .lead-detail-v1111::before {
  width: 9px;
  border-radius: 0 999px 999px 0;
  opacity: .95;
}
body.admin-area .lead-contact-v1111 {
  border-color: color-mix(in srgb, var(--lead-status-color) 25%, var(--ic-leads-v1111-border));
}
body.admin-area .crm-client-lead-v112 {
  --lead-status-color: rgba(100,181,246,.95);
  position: relative;
  overflow: hidden;
  border-left: 0 !important;
  padding-left: 16px;
}
body.admin-area .crm-client-lead-v112.has-linked-lead-v112::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: var(--lead-status-color);
  box-shadow: 0 0 18px color-mix(in srgb, var(--lead-status-color) 32%, transparent);
}
body.admin-area .crm-client-lead-v112.status-new,
body.admin-area .crm-client-lead-ribbon-v112.status-new { --lead-status-color: var(--ic-leads-v1111-info, #42a5f5); }
body.admin-area .crm-client-lead-v112.status-in_progress,
body.admin-area .crm-client-lead-ribbon-v112.status-in_progress { --lead-status-color: var(--ic-leads-v1111-warn, #ffb300); }
body.admin-area .crm-client-lead-v112.status-done,
body.admin-area .crm-client-lead-ribbon-v112.status-done { --lead-status-color: var(--ic-leads-v1111-good, #43a047); }
body.admin-area .crm-client-lead-v112.status-spam,
body.admin-area .crm-client-lead-ribbon-v112.status-spam { --lead-status-color: var(--ic-leads-v1111-bad, #ef5350); }
body.admin-area .crm-client-lead-ribbon-v112 {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 7px;
  max-width: min(210px, 42%);
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--lead-status-color) 44%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 15%, rgba(255,255,255,.055));
  color: var(--text);
  text-decoration: none;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 6px 16px rgba(0,0,0,.14);
  z-index: 2;
}
body.admin-area .crm-client-lead-ribbon-v112 span,
body.admin-area .crm-client-lead-ribbon-v112 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .crm-client-lead-ribbon-v112 strong {
  color: color-mix(in srgb, var(--lead-status-color) 64%, var(--text));
}
body.admin-area .crm-client-lead-line-v112 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  margin-top: 2px;
}
body.admin-area .crm-client-lead-line-v112 span {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
  font-size: .78rem;
  font-weight: 820;
}
body.admin-area .crm-client-lead-line-v112 b {
  display: inline-flex;
  padding: 2px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--lead-status-color) 16%, transparent);
  color: var(--text);
  font-size: .68rem;
  font-weight: 900;
}
body.admin-area .crm-client-lead-line-v112 b.is-unread {
  background: rgba(255,179,0,.16);
  color: var(--text);
}
body.admin-area .crm-client-lead-v112.has-linked-lead-v112 .crm-lead-card-v42__top,
body.admin-area .crm-client-lead-v112.has-linked-lead-v112 h3 {
  padding-right: min(220px, 43%);
}
body.admin-area .crm-client-lead-v112.has-linked-lead-v112:hover {
  border-color: color-mix(in srgb, var(--lead-status-color) 35%, var(--ic-leads-v1111-border, rgba(100,181,246,.16))) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lead-status-color) 18%, transparent), 0 12px 28px rgba(0,0,0,.16) !important;
}
@media (max-width: 720px) {
  body.admin-area .lead-card-v1111.is-active::after { display: none; }
  body.admin-area .lead-detail-head-v112 { grid-template-columns: 1fr; }
  body.admin-area .crm-client-lead-ribbon-v112 {
    position: static;
    grid-column: 1 / -1;
    width: max-content;
    max-width: 100%;
    margin: 0 0 2px;
    justify-self: start;
  }
  body.admin-area .crm-client-lead-v112.has-linked-lead-v112 .crm-lead-card-v42__top,
  body.admin-area .crm-client-lead-v112.has-linked-lead-v112 h3 { padding-right: 0; }
}

/* === v11.13 leads layout/ribbons correction === */
body.admin-area .leads-board-v1111 {
  height: calc(100dvh - 138px);
  min-height: 560px;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 8px;
  overflow: hidden;
}
body.admin-area .leads-top-v1111 {
  grid-template-columns: minmax(220px, .9fr) minmax(360px, 1.1fr);
  gap: 10px;
  padding: 10px 12px !important;
}
body.admin-area .leads-title-v1111 h2 {
  margin: 2px 0 0;
  font-size: clamp(1.08rem, 1.45vw, 1.42rem);
}
body.admin-area .leads-title-v1111 p { display: none; }
body.admin-area .leads-kpis-v1111 { gap: 6px; }
body.admin-area .leads-kpis-v1111 a {
  min-height: 42px;
  padding: 7px 9px;
  border-radius: 14px;
}
body.admin-area .leads-kpis-v1111 strong { font-size: clamp(1.02rem, 1.3vw, 1.34rem); }
body.admin-area .leads-tabs-v1111 { gap: 6px; }
body.admin-area .lead-tab-v1111 {
  min-height: 32px;
  padding: 6px 9px;
  border-radius: 12px;
}
body.admin-area .leads-filter-v1111 {
  grid-template-columns: minmax(220px, 1fr) minmax(112px, .22fr) auto auto auto;
  gap: 7px;
  padding: 8px !important;
}
body.admin-area .leads-filter-v1111 label span { display: none; }
body.admin-area .leads-filter-v1111 input,
body.admin-area .leads-filter-v1111 select,
body.admin-area .lead-save-v1111 select,
body.admin-area .leads-more-filter-v1111 summary {
  min-height: 34px;
  border-radius: 12px;
}
body.admin-area .leads-layout-v1111 {
  grid-template-columns: minmax(320px, .58fr) minmax(560px, 1.42fr);
  gap: 10px;
  align-items: stretch;
  min-height: 0;
  height: 100%;
}
body.admin-area .leads-list-v1111,
body.admin-area .lead-detail-v1111 {
  height: 100%;
  min-height: 0;
  max-height: 100%;
}
body.admin-area .leads-list-v1111 {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 10px !important;
}
body.admin-area .leads-list-head-v1111 {
  margin-bottom: 7px;
}
body.admin-area .leads-list-head-v1111 h2 { font-size: .98rem; }
body.admin-area .leads-cards-v1111 {
  max-height: none;
  min-height: 0;
  overflow-y: auto;
  gap: 8px;
  padding-right: 5px;
}
body.admin-area .lead-card-v1111 {
  min-height: 62px;
  padding: 9px 10px 9px 18px;
  border-radius: 15px;
  gap: 8px;
}
body.admin-area .lead-card-v1111__body { gap: 3px; }
body.admin-area .lead-card-v1111__body strong { font-size: .86rem; }
body.admin-area .lead-card-v1111__body span { font-size: .78rem; }
body.admin-area .lead-card-v1111__body small { font-size: .70rem; }
body.admin-area .lead-card-v1111 em {
  padding: 3px 7px;
  border-radius: 999px;
  font-size: .68rem;
}
body.admin-area .lead-card-v1111.is-active {
  transform: none !important;
  border-color: color-mix(in srgb, var(--lead-status-color) 78%, #ffffff 6%) !important;
  background:
    radial-gradient(360px 100px at 0% 50%, color-mix(in srgb, var(--lead-status-color) 27%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.04)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--lead-status-color) 40%, transparent),
    inset 7px 0 0 var(--lead-status-color),
    0 0 0 3px color-mix(in srgb, var(--lead-status-color) 20%, transparent),
    0 10px 22px rgba(0,0,0,.20) !important;
}
body.admin-area .lead-card-v1111.is-active::after {
  top: 6px;
  right: 8px;
  padding: 1px 6px;
  font-size: .62rem;
}
body.admin-area .lead-detail-v1111 {
  position: relative;
  top: auto;
  display: grid;
  grid-template-rows: auto auto minmax(74px, .85fr) auto auto auto;
  gap: 8px;
  padding: 12px 14px 12px 16px !important;
  overflow: hidden !important;
  align-content: stretch;
}
body.admin-area .lead-detail-v1111::before {
  width: 6px;
  border-radius: 0 999px 999px 0;
}
body.admin-area .lead-detail-ribbon-v1113 {
  --lead-status-color: var(--ic-leads-v1111-info);
  position: absolute;
  top: 14px;
  right: -35px;
  width: 142px;
  height: 28px;
  display: grid;
  place-items: center;
  transform: rotate(35deg);
  transform-origin: center;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--lead-status-color) 92%, #ffffff 8%), var(--lead-status-color));
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .015em;
  text-transform: lowercase;
  box-shadow: 0 7px 16px rgba(0,0,0,.23);
  z-index: 4;
  pointer-events: none;
}
body.admin-area .lead-detail-ribbon-v1113::before,
body.admin-area .lead-detail-ribbon-v1113::after {
  content: "";
  position: absolute;
  bottom: -5px;
  border-top: 5px solid color-mix(in srgb, var(--lead-status-color) 72%, #000000 28%);
}
body.admin-area .lead-detail-ribbon-v1113::before { left: 0; border-left: 5px solid transparent; }
body.admin-area .lead-detail-ribbon-v1113::after { right: 0; border-right: 5px solid transparent; }
body.admin-area .lead-detail-ribbon-v1113 span { transform: translateY(-.5px); }
body.admin-area .lead-detail-status-v112 { display: none !important; }
body.admin-area .lead-detail-head-v112,
body.admin-area .lead-detail-head-v1111 {
  grid-template-columns: minmax(0, 1fr) minmax(230px, auto);
  align-items: center;
  gap: 10px;
  padding: 0 72px 8px 0;
}
body.admin-area .lead-detail-titleline-v112 { gap: 5px; }
body.admin-area .lead-detail-head-v1111 h2 {
  margin: 2px 0 2px;
  font-size: clamp(1.02rem, 1.35vw, 1.32rem);
  line-height: 1.04;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .lead-detail-head-v1111 p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .76rem;
}
body.admin-area .lead-save-v1111 {
  gap: 6px;
}
body.admin-area .lead-save-v1111 .btn,
body.admin-area .lead-contact-actions-v1111 .btn {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 11px;
  font-size: .78rem;
}
body.admin-area .lead-contact-v1111 {
  grid-template-columns: minmax(0, .95fr) minmax(240px, auto);
  padding: 9px 10px;
  border-radius: 15px;
  gap: 9px;
}
body.admin-area .lead-contact-v1111 > div:first-child { gap: 1px; }
body.admin-area .lead-contact-v1111 strong { font-size: .94rem; }
body.admin-area .lead-contact-v1111 span,
body.admin-area .lead-contact-v1111 small { font-size: .76rem; }
body.admin-area .lead-contact-actions-v1111 { gap: 6px; }
body.admin-area .lead-description-v1111 {
  min-height: 0;
  gap: 5px;
  padding: 9px 10px;
  border-radius: 15px;
}
body.admin-area .lead-description-v1111 h3,
body.admin-area .lead-detail-grid-v1111 h3 {
  font-size: .82rem;
}
body.admin-area .lead-description-v1111 .admin-message {
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  padding: 8px 9px;
  font-size: .84rem;
  line-height: 1.38;
}
body.admin-area .lead-detail-grid-v1111 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body.admin-area .lead-detail-grid-v1111 > section {
  gap: 5px;
  padding: 9px 10px;
  border-radius: 15px;
}
body.admin-area .lead-detail-grid-v1111 dl {
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 5px 8px;
}
body.admin-area .lead-detail-grid-v1111 dt,
body.admin-area .lead-detail-grid-v1111 dd {
  font-size: .76rem;
}
body.admin-area .lead-tag-v1111 {
  margin: 0 4px 4px 0;
  padding: 2px 6px;
  font-size: .68rem;
}
body.admin-area .lead-quick-v1111 {
  gap: 6px;
}
body.admin-area .lead-status-button-v1111 {
  min-height: 31px;
  border-radius: 11px;
  font-size: .77rem;
}
body.admin-area .lead-tech-v1111 {
  padding: 7px 9px;
  border-radius: 13px;
}
body.admin-area .lead-tech-v1111 pre {
  max-height: 72px;
}
body.admin-area .lead-placeholder-v1111 {
  min-height: 0;
  height: 100%;
}
body.admin-area .crm-client-lead-ribbon-v112 {
  top: 10px;
  right: -36px;
  width: 148px;
  height: 26px;
  max-width: none;
  padding: 0 22px;
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center;
  gap: 4px;
  transform: rotate(35deg);
  border: 0;
  border-radius: 0;
  background: var(--lead-status-color);
  color: #fff;
  box-shadow: 0 7px 15px rgba(0,0,0,.22);
  overflow: hidden;
}
body.admin-area .crm-client-lead-ribbon-v112 span,
body.admin-area .crm-client-lead-ribbon-v112 strong {
  color: #fff;
  font-size: .62rem;
  line-height: 1;
  max-width: 58px;
}
body.admin-area .crm-client-lead-ribbon-v112 strong { max-width: 42px; }
body.admin-area .crm-client-lead-v112.has-linked-lead-v112 .crm-lead-card-v42__top,
body.admin-area .crm-client-lead-v112.has-linked-lead-v112 h3 {
  padding-right: 80px;
}
@media (min-width: 981px) and (max-height: 780px) {
  body.admin-area .leads-board-v1111 {
    height: calc(100dvh - 118px);
    min-height: 500px;
    gap: 6px;
  }
  body.admin-area .leads-top-v1111 { padding: 8px 10px !important; }
  body.admin-area .leads-kpis-v1111 a { min-height: 36px; padding: 5px 8px; }
  body.admin-area .lead-tab-v1111 { min-height: 29px; padding-block: 4px; }
  body.admin-area .leads-filter-v1111 { padding: 6px !important; }
  body.admin-area .lead-detail-v1111 { grid-template-rows: auto auto minmax(62px, .7fr) auto auto auto; gap: 6px; padding-block: 10px !important; }
  body.admin-area .lead-description-v1111 .admin-message { font-size: .8rem; line-height: 1.32; padding: 6px 8px; }
  body.admin-area .lead-detail-grid-v1111 > section { padding: 7px 8px; }
  body.admin-area .lead-tech-v1111 { display: none; }
}
@media (max-width: 1280px) {
  body.admin-area .leads-board-v1111 { height: auto; min-height: 0; overflow: visible; }
  body.admin-area .leads-layout-v1111 { grid-template-columns: minmax(300px, .62fr) minmax(450px, 1.38fr); }
}
@media (max-width: 980px) {
  body.admin-area .leads-board-v1111 { height: auto; overflow: visible; }
  body.admin-area .leads-layout-v1111 { grid-template-columns: 1fr; height: auto; }
  body.admin-area .leads-list-v1111,
  body.admin-area .lead-detail-v1111 { height: auto; max-height: none; }
  body.admin-area .leads-cards-v1111 { max-height: 45vh; }
  body.admin-area .lead-detail-v1111 { overflow: hidden !important; }
}
@media (max-width: 720px) {
  body.admin-area .leads-top-v1111 { grid-template-columns: 1fr; }
  body.admin-area .leads-filter-v1111 { grid-template-columns: 1fr 1fr; }
  body.admin-area .lead-detail-head-v112,
  body.admin-area .lead-detail-head-v1111 {
    grid-template-columns: 1fr;
    padding-right: 64px;
  }
  body.admin-area .lead-detail-head-v1111 h2 { white-space: normal; }
  body.admin-area .lead-contact-v1111 { grid-template-columns: 1fr; }
  body.admin-area .lead-detail-grid-v1111 { grid-template-columns: 1fr; }
  body.admin-area .lead-quick-v1111 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.admin-area .crm-client-lead-ribbon-v112 {
    position: absolute;
    top: 9px;
    right: -39px;
    width: 142px;
    margin: 0;
    justify-self: auto;
  }
  body.admin-area .crm-client-lead-v112.has-linked-lead-v112 .crm-lead-card-v42__top,
  body.admin-area .crm-client-lead-v112.has-linked-lead-v112 h3 { padding-right: 70px; }
}
@media (max-width: 440px) {
  body.admin-area .lead-detail-ribbon-v1113 {
    top: 12px;
    right: -39px;
    width: 134px;
    height: 25px;
    font-size: .66rem;
  }
  body.admin-area .lead-detail-head-v112,
  body.admin-area .lead-detail-head-v1111 { padding-right: 52px; }
  body.admin-area .lead-quick-v1111 { grid-template-columns: 1fr; }
}

/* v11.13.1: keep desktop/tablet lead cockpit one-screen down to the mobile breakpoint. */
@media (min-width: 981px) and (max-width: 1280px) {
  body.admin-area .leads-board-v1111 {
    height: calc(100dvh - 132px);
    min-height: 520px;
    overflow: hidden;
  }
  body.admin-area .leads-layout-v1111 {
    height: 100%;
    grid-template-columns: minmax(300px, .56fr) minmax(470px, 1.44fr);
  }
  body.admin-area .leads-list-v1111,
  body.admin-area .lead-detail-v1111 {
    height: 100%;
    max-height: 100%;
  }
}

/* === v11.14 leads screen real layout fix === */
body.admin-area .admin-page-leads .admin-content-v12 {
  min-height: 100dvh;
  overflow: hidden;
}
body.admin-area .admin-page-leads .admin-topbar-v12 {
  padding: 10px 14px 8px;
  gap: 10px;
  align-items: center;
}
body.admin-area .admin-page-leads .admin-topbar-v12 > div:first-child {
  min-width: 0;
}
body.admin-area .admin-page-leads .admin-topbar-v12 h1 {
  margin: 1px 0 0;
  font-size: clamp(1.38rem, 1.8vw, 1.74rem);
  line-height: 1.04;
}
body.admin-area .admin-page-leads .admin-topbar-v12 .section__eyebrow {
  margin-bottom: 1px;
}
body.admin-area .admin-page-leads .admin-topbar-v12 .muted {
  display: none;
}
body.admin-area .admin-page-leads .admin-topbar__actions .btn {
  min-height: 34px;
  padding: 7px 12px;
}
body.admin-area .admin-page-leads .leads-board-v1111 {
  height: calc(100dvh - 186px);
  min-height: 0;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 7px;
}
body.admin-area .admin-page-leads .leads-top-v1111 {
  grid-template-columns: minmax(210px, .78fr) minmax(360px, 1.22fr);
  gap: 10px;
  padding: 8px 10px !important;
}
body.admin-area .admin-page-leads .leads-title-v1111 h2 {
  font-size: clamp(1rem, 1.22vw, 1.26rem);
}
body.admin-area .admin-page-leads .leads-kpis-v1111 {
  gap: 5px;
}
body.admin-area .admin-page-leads .leads-kpis-v1111 a {
  min-height: 38px;
  padding: 5px 8px;
  border-radius: 12px;
}
body.admin-area .admin-page-leads .leads-kpis-v1111 strong {
  font-size: clamp(.98rem, 1.1vw, 1.2rem);
}
body.admin-area .admin-page-leads .leads-kpis-v1111 span {
  font-size: .7rem;
}
body.admin-area .admin-page-leads .leads-tabs-v1111 {
  gap: 5px;
}
body.admin-area .admin-page-leads .lead-tab-v1111 {
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 11px;
}
body.admin-area .admin-page-leads .lead-tab-v1111 span {
  font-size: .78rem;
}
body.admin-area .admin-page-leads .lead-tab-v1111 b {
  min-width: 24px;
  font-size: .7rem;
}
body.admin-area .admin-page-leads .leads-filter-v1111 {
  grid-template-columns: minmax(220px, 1fr) minmax(108px, .2fr) auto auto auto;
  gap: 6px;
  padding: 7px !important;
}
body.admin-area .admin-page-leads .leads-filter-v1111 input,
body.admin-area .admin-page-leads .leads-filter-v1111 select,
body.admin-area .admin-page-leads .lead-save-v1111 select,
body.admin-area .admin-page-leads .leads-more-filter-v1111 summary,
body.admin-area .admin-page-leads .leads-filter-v1111 .btn {
  min-height: 32px;
  border-radius: 11px;
}
body.admin-area .admin-page-leads .leads-layout-v1111 {
  grid-template-columns: minmax(310px, .56fr) minmax(600px, 1.44fr);
  gap: 9px;
  height: 100%;
}
body.admin-area .admin-page-leads .leads-list-v1111,
body.admin-area .admin-page-leads .lead-detail-v1111 {
  height: 100%;
  min-height: 0;
}
body.admin-area .admin-page-leads .leads-list-v1111 {
  padding: 9px !important;
}
body.admin-area .admin-page-leads .leads-cards-v1111 {
  gap: 7px;
  padding-right: 4px;
}
body.admin-area .admin-page-leads .lead-card-v1111 {
  min-height: 60px;
  padding: 9px 10px 9px 17px;
  border-radius: 14px;
}
body.admin-area .admin-page-leads .lead-card-v1111__body strong {
  font-size: .84rem;
}
body.admin-area .admin-page-leads .lead-card-v1111__body span {
  font-size: .76rem;
}
body.admin-area .admin-page-leads .lead-card-v1111__body small {
  font-size: .69rem;
}
body.admin-area .admin-page-leads .lead-card-v1111 em {
  padding: 2px 7px;
  font-size: .66rem;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active {
  transform: none !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--lead-status-color) 38%, transparent),
    inset 8px 0 0 var(--lead-status-color),
    0 0 0 3px color-mix(in srgb, var(--lead-status-color) 17%, transparent),
    0 10px 22px rgba(0,0,0,.18) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active::after {
  display: none !important;
}
body.admin-area .admin-page-leads .lead-detail-v1111 {
  grid-template-columns: minmax(0, 1.08fr) minmax(250px, .92fr);
  grid-template-areas:
    "head head"
    "contact quick"
    "description meta"
    "tech tech";
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 8px;
  padding: 10px 12px 10px 14px !important;
  align-content: stretch;
}
body.admin-area .admin-page-leads .lead-detail-head-v1111,
body.admin-area .admin-page-leads .lead-detail-head-v112 {
  grid-area: head;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: start;
  min-height: 0;
  padding: 0 66px 7px 0;
}
body.admin-area .admin-page-leads .lead-detail-head-v1111 h2 {
  margin: 2px 0 1px;
  font-size: clamp(.98rem, 1.2vw, 1.22rem);
}
body.admin-area .admin-page-leads .lead-detail-head-v1111 p {
  font-size: .73rem;
}
body.admin-area .admin-page-leads .lead-save-v1111 {
  gap: 5px;
}
body.admin-area .admin-page-leads .lead-save-v1111 select {
  min-width: 126px;
}
body.admin-area .admin-page-leads .lead-save-v1111 .btn,
body.admin-area .admin-page-leads .lead-contact-actions-v1111 .btn,
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 10px;
  font-size: .76rem;
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 {
  top: 11px;
  right: -28px;
  width: 118px;
  height: 22px;
  transform: rotate(35deg);
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(0,0,0,.24);
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113::before,
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113::after {
  bottom: -4px;
  border-top-width: 4px;
}
body.admin-area .admin-page-leads .lead-contact-v1111 {
  grid-area: contact;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  padding: 8px 9px;
  border-radius: 14px;
}
body.admin-area .admin-page-leads .lead-contact-v1111 strong {
  font-size: .9rem;
}
body.admin-area .admin-page-leads .lead-contact-v1111 span,
body.admin-area .admin-page-leads .lead-contact-v1111 small {
  font-size: .74rem;
}
body.admin-area .admin-page-leads .lead-contact-actions-v1111 {
  gap: 5px;
}
body.admin-area .admin-page-leads .lead-description-v1111 {
  grid-area: description;
  min-height: 0;
  padding: 8px 9px;
  border-radius: 14px;
}
body.admin-area .admin-page-leads .lead-description-v1111 h3,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 h3 {
  font-size: .78rem;
}
body.admin-area .admin-page-leads .lead-description-v1111 .admin-message {
  min-height: 88px;
  height: 100%;
  max-height: 100%;
  padding: 8px 9px;
  font-size: .81rem;
  line-height: 1.35;
  overflow: auto;
}
body.admin-area .admin-page-leads .lead-description-v1111 .admin-message.is-empty {
  display: flex;
  align-items: center;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 {
  grid-area: meta;
  grid-template-columns: 1fr;
  gap: 8px;
  align-content: start;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 > section {
  padding: 8px 9px;
  border-radius: 14px;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dl {
  grid-template-columns: 68px minmax(0,1fr);
  gap: 4px 7px;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dt,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dd,
body.admin-area .admin-page-leads .lead-tag-v1111 {
  font-size: .72rem;
}
body.admin-area .admin-page-leads .lead-quick-v1111 {
  grid-area: quick;
  grid-template-columns: repeat(2, minmax(0,1fr));
  align-content: start;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--ic-leads-v1111-border);
  border-radius: 14px;
  background: var(--ic-leads-v1111-surface-soft);
}
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  font-size: .73rem;
}
body.admin-area .admin-page-leads .lead-tech-v1111 {
  grid-area: tech;
  padding: 6px 8px;
  border-radius: 12px;
}
body.admin-area .admin-page-leads .lead-tech-v1111 summary {
  font-size: .76rem;
}
body.admin-area .admin-page-leads .lead-tech-v1111 pre {
  max-height: 64px;
}
body.admin-area .admin-page-leads .crm-client-lead-ribbon-v112 {
  top: 8px;
  right: -32px;
  width: 128px;
  height: 22px;
  padding: 0 18px;
  box-shadow: 0 7px 16px rgba(0,0,0,.2);
}
body.admin-area .admin-page-leads .crm-client-lead-ribbon-v112 span,
body.admin-area .admin-page-leads .crm-client-lead-ribbon-v112 strong {
  font-size: .58rem;
}
body.admin-area .admin-page-leads .crm-client-lead-v112.has-linked-lead-v112 .crm-lead-card-v42__top,
body.admin-area .admin-page-leads .crm-client-lead-v112.has-linked-lead-v112 h3 {
  padding-right: 72px;
}
@media (max-width: 1440px) {
  body.admin-area .admin-page-leads .leads-board-v1111 {
    height: calc(100dvh - 176px);
  }
  body.admin-area .admin-page-leads .leads-layout-v1111 {
    grid-template-columns: minmax(290px, .54fr) minmax(520px, 1.46fr);
  }
  body.admin-area .admin-page-leads .lead-detail-v1111 {
    grid-template-columns: minmax(0, 1fr) minmax(230px, .9fr);
  }
}
@media (max-width: 1180px) {
  body.admin-area .admin-page-leads .admin-content-v12 {
    overflow: visible;
  }
  body.admin-area .admin-page-leads .leads-board-v1111 {
    height: auto;
    overflow: visible;
  }
  body.admin-area .admin-page-leads .leads-layout-v1111 {
    grid-template-columns: 1fr;
    height: auto;
  }
  body.admin-area .admin-page-leads .leads-list-v1111,
  body.admin-area .admin-page-leads .lead-detail-v1111 {
    height: auto;
    max-height: none;
  }
  body.admin-area .admin-page-leads .lead-detail-v1111 {
    grid-template-columns: minmax(0,1fr) minmax(260px,.86fr);
  }
}
@media (max-width: 860px) {
  body.admin-area .admin-page-leads .lead-detail-v1111 {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "contact"
      "quick"
      "description"
      "meta"
      "tech";
  }
  body.admin-area .admin-page-leads .lead-contact-v1111,
  body.admin-area .admin-page-leads .lead-detail-head-v1111,
  body.admin-area .admin-page-leads .lead-detail-head-v112 {
    grid-template-columns: 1fr;
    padding-right: 38px;
  }
}
body.admin-area .admin-page-leads {
  height: 100dvh;
  overflow: hidden;
}
body.admin-area .admin-page-leads .leads-cards-v1111 {
  max-height: none !important;
  height: 100%;
}
@media (max-width: 1180px) {
  body.admin-area .admin-page-leads {
    height: auto;
    overflow: visible;
  }
}

/* === v11.15 leads ribbon/color/layout correction === */
body.admin-area .admin-page-leads .status-new { --lead-status-color: var(--ic-leads-v1111-info, #42a5f5); }
body.admin-area .admin-page-leads .status-in_progress { --lead-status-color: var(--ic-leads-v1111-warn, #ffb300); }
body.admin-area .admin-page-leads .status-done { --lead-status-color: var(--ic-leads-v1111-good, #43a047); }
body.admin-area .admin-page-leads .status-spam { --lead-status-color: var(--ic-leads-v1111-bad, #ef5350); }
body.admin-area .admin-page-leads .leads-board-v1111 {
  height: calc(100dvh - 174px);
  gap: 6px;
}
body.admin-area .admin-page-leads .leads-top-v1111 {
  grid-template-columns: minmax(180px, .72fr) minmax(380px, 1.28fr);
  padding: 7px 9px !important;
}
body.admin-area .admin-page-leads .leads-title-v1111 .eyebrow {
  font-size: .72rem;
}
body.admin-area .admin-page-leads .leads-title-v1111 h2 {
  font-size: clamp(.96rem, 1.1vw, 1.18rem);
}
body.admin-area .admin-page-leads .leads-kpis-v1111 a {
  min-height: 34px;
  padding: 4px 7px;
}
body.admin-area .admin-page-leads .lead-tab-v1111 {
  min-height: 28px;
  padding: 4px 8px;
}
body.admin-area .admin-page-leads .leads-filter-v1111 {
  padding: 6px !important;
}
body.admin-area .admin-page-leads .leads-filter-v1111 input,
body.admin-area .admin-page-leads .leads-filter-v1111 select,
body.admin-area .admin-page-leads .lead-save-v1111 select,
body.admin-area .admin-page-leads .leads-more-filter-v1111 summary,
body.admin-area .admin-page-leads .leads-filter-v1111 .btn {
  min-height: 30px;
}
body.admin-area .admin-page-leads .leads-layout-v1111 {
  grid-template-columns: minmax(290px, .52fr) minmax(620px, 1.48fr);
  gap: 8px;
}
body.admin-area .admin-page-leads .lead-card-v1111 {
  min-height: 58px;
  padding: 9px 10px 8px 17px;
  align-items: end;
}
body.admin-area .admin-page-leads .lead-card-v1111__body {
  padding-top: 8px;
}
body.admin-area .admin-page-leads .lead-card-v1111 i {
  top: auto;
  bottom: 10px;
  right: 10px;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115 {
  position: absolute;
  top: 9px;
  right: -31px;
  width: 108px;
  height: 20px;
  display: grid;
  place-items: center;
  transform: rotate(35deg);
  background: linear-gradient(180deg, color-mix(in srgb, var(--lead-status-color) 92%, #ffffff 8%), var(--lead-status-color));
  color: #fff;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  box-shadow: 0 6px 14px rgba(0,0,0,.22);
  pointer-events: none;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::before,
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::after {
  content: "";
  position: absolute;
  bottom: -4px;
  border-top: 4px solid color-mix(in srgb, var(--lead-status-color) 68%, #000 32%);
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::before { left: 0; border-left: 4px solid transparent; }
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::after { right: 0; border-right: 4px solid transparent; }
body.admin-area .admin-page-leads .lead-card-ribbon-v1115 span { transform: translateY(-.5px); }
body.admin-area .admin-page-leads .lead-card-v1111 em { display: none !important; }
body.admin-area .admin-page-leads .lead-card-v1111.is-active {
  border-color: color-mix(in srgb, var(--lead-status-color) 85%, #fff 5%) !important;
  background:
    radial-gradient(320px 110px at 0% 50%, color-mix(in srgb, var(--lead-status-color) 22%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active .lead-card-ribbon-v1115 {
  box-shadow: 0 8px 20px color-mix(in srgb, var(--lead-status-color) 32%, rgba(0,0,0,.18));
}
body.admin-area .admin-page-leads .lead-detail-v1111 {
  grid-template-columns: minmax(0, 1.12fr) minmax(220px, .88fr);
  grid-template-areas:
    "head head"
    "contact quick"
    "description meta"
    "description meta"
    "tech tech";
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  padding: 9px 11px 9px 13px !important;
  gap: 7px;
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 {
  top: 8px;
  right: -30px;
  width: 110px;
  height: 21px;
  font-size: .6rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--lead-status-color) 94%, #fff 6%), var(--lead-status-color));
}
body.admin-area .admin-page-leads .lead-detail-head-v1111,
body.admin-area .admin-page-leads .lead-detail-head-v112 {
  padding: 0 60px 6px 0;
}
body.admin-area .admin-page-leads .lead-detail-head-v1111 h2 {
  font-size: clamp(.94rem, 1.08vw, 1.16rem);
}
body.admin-area .admin-page-leads .lead-save-v1111 {
  align-self: start;
}
body.admin-area .admin-page-leads .lead-contact-v1111 {
  padding: 7px 8px;
}
body.admin-area .admin-page-leads .lead-contact-v1111 strong {
  font-size: .86rem;
}
body.admin-area .admin-page-leads .lead-description-v1111 {
  padding: 7px 8px;
}
body.admin-area .admin-page-leads .lead-description-v1111 .admin-message {
  min-height: 64px;
  padding: 7px 8px;
  font-size: .79rem;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 {
  gap: 7px;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 > section {
  padding: 7px 8px;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dl {
  grid-template-columns: 64px minmax(0,1fr);
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dt,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dd,
body.admin-area .admin-page-leads .lead-tag-v1111 {
  font-size: .7rem;
}
body.admin-area .admin-page-leads .lead-quick-v1111 {
  gap: 5px;
  padding: 7px;
}
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  min-height: 28px;
  font-size: .71rem;
}
body.admin-area .admin-page-leads .lead-tech-v1111 {
  display: none;
}
body.admin-area .admin-page-leads .crm-client-lead-ribbon-v112 {
  background: linear-gradient(180deg, color-mix(in srgb, var(--lead-status-color) 94%, #fff 6%), var(--lead-status-color));
}
@media (max-width: 1400px) {
  body.admin-area .admin-page-leads .leads-board-v1111 { height: calc(100dvh - 166px); }
  body.admin-area .admin-page-leads .leads-layout-v1111 { grid-template-columns: minmax(270px,.5fr) minmax(560px,1.5fr); }
}
@media (max-width: 1180px) {
  body.admin-area .admin-page-leads .lead-tech-v1111 { display: block; }
}

/* === v11.16 leads: actual ribbon + no-stretch + visible detail panel === */
body.admin-area .admin-page-leads .lead-card-v1111,
body.admin-area .admin-page-leads .lead-detail-v1111,
body.admin-area .admin-page-leads .lead-status-button-v1111,
body.admin-area .admin-page-leads .lead-card-ribbon-v1115,
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 {
  --lead-status-color: var(--lead-status-color, #42a5f5);
}
body.admin-area .admin-page-leads .leads-board-v1111 {
  height: calc(100dvh - 176px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  gap: 6px !important;
}
body.admin-area .admin-page-leads .leads-top-v1111 {
  padding: 7px 9px !important;
  min-height: 0 !important;
}
body.admin-area .admin-page-leads .leads-filter-v1111 {
  padding: 6px !important;
  min-height: 0 !important;
}
body.admin-area .admin-page-leads .leads-layout-v1111 {
  height: 100% !important;
  min-height: 0 !important;
  grid-template-columns: minmax(285px, .52fr) minmax(610px, 1.48fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}
body.admin-area .admin-page-leads .leads-list-v1111 {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 8px !important;
}
body.admin-area .admin-page-leads .leads-list-head-v1111 {
  margin-bottom: 6px !important;
}
body.admin-area .admin-page-leads .leads-cards-v1111 {
  display: grid !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  align-items: start !important;
  justify-items: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  gap: 7px !important;
  padding: 0 4px 0 0 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111 {
  align-self: start !important;
  min-height: 56px !important;
  height: auto !important;
  padding: 8px 12px 8px 17px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border-color: color-mix(in srgb, var(--lead-status-color) 36%, var(--ic-leads-v1111-border, rgba(100,181,246,.18))) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--lead-status-color) 13%, transparent), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__stripe {
  width: 7px !important;
  background: var(--lead-status-color) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--lead-status-color) 42%, transparent) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body {
  gap: 2px !important;
  padding: 7px 70px 0 0 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body strong { font-size: .82rem !important; }
body.admin-area .admin-page-leads .lead-card-v1111__body span { font-size: .74rem !important; }
body.admin-area .admin-page-leads .lead-card-v1111__body small { font-size: .67rem !important; }
body.admin-area .admin-page-leads .lead-card-v1111 em { display: none !important; }
body.admin-area .admin-page-leads .lead-card-ribbon-v1115 {
  position: absolute !important;
  top: 8px !important;
  right: -29px !important;
  width: 102px !important;
  height: 19px !important;
  display: grid !important;
  place-items: center !important;
  transform: rotate(35deg) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--lead-status-color) !important;
  color: #fff !important;
  font-size: .56rem !important;
  font-weight: 950 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.24) !important;
  z-index: 3 !important;
  pointer-events: none !important;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::before,
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::after {
  content: "" !important;
  position: absolute !important;
  bottom: -4px !important;
  border-top: 4px solid color-mix(in srgb, var(--lead-status-color) 65%, #000 35%) !important;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::before { left: 0 !important; border-left: 4px solid transparent !important; }
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::after { right: 0 !important; border-right: 4px solid transparent !important; }
body.admin-area .admin-page-leads .lead-card-v1111.is-active {
  border-color: var(--lead-status-color) !important;
  background:
    radial-gradient(340px 120px at 0% 50%, color-mix(in srgb, var(--lead-status-color) 24%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)) !important;
  box-shadow:
    inset 8px 0 0 var(--lead-status-color),
    inset 0 0 0 1px color-mix(in srgb, var(--lead-status-color) 48%, transparent),
    0 0 0 3px color-mix(in srgb, var(--lead-status-color) 18%, transparent),
    0 10px 22px rgba(0,0,0,.20) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active::after { display: none !important; }
body.admin-area .admin-page-leads .lead-detail-v1111 {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(230px, .92fr) !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "head head"
    "quick quick"
    "contact meta"
    "description meta" !important;
  gap: 7px !important;
  padding: 9px 11px 9px 14px !important;
  border-color: color-mix(in srgb, var(--lead-status-color) 44%, var(--ic-leads-v1111-border, rgba(100,181,246,.18))) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--lead-status-color) 8%, transparent), transparent 30%),
    var(--ic-leads-v1111-surface, rgba(12,28,46,.76)) !important;
}
body.admin-area .admin-page-leads .lead-detail-v1111::before {
  width: 7px !important;
  background: var(--lead-status-color) !important;
  box-shadow: 0 0 20px color-mix(in srgb, var(--lead-status-color) 35%, transparent) !important;
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 {
  position: absolute !important;
  top: 8px !important;
  right: -29px !important;
  width: 108px !important;
  height: 20px !important;
  transform: rotate(35deg) !important;
  border-radius: 0 !important;
  background: var(--lead-status-color) !important;
  color: #fff !important;
  font-size: .58rem !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.25) !important;
}
body.admin-area .admin-page-leads .lead-detail-head-v1111,
body.admin-area .admin-page-leads .lead-detail-head-v112 {
  grid-area: head !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  padding: 0 62px 6px 0 !important;
  border-bottom: 1px solid var(--ic-leads-v1111-border, rgba(100,181,246,.16)) !important;
}
body.admin-area .admin-page-leads .lead-detail-head-v1111 h2 {
  margin: 2px 0 1px !important;
  font-size: clamp(.94rem, 1.05vw, 1.12rem) !important;
  line-height: 1.02 !important;
}
body.admin-area .admin-page-leads .lead-detail-head-v1111 p { font-size: .71rem !important; }
body.admin-area .admin-page-leads .lead-save-v1111 { gap: 5px !important; }
body.admin-area .admin-page-leads .lead-save-v1111 select { min-width: 118px !important; }
body.admin-area .admin-page-leads .lead-save-v1111 .btn,
body.admin-area .admin-page-leads .lead-contact-actions-v1111 .btn,
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  min-height: 28px !important;
  padding: 4px 8px !important;
  border-radius: 9px !important;
  font-size: .72rem !important;
}
body.admin-area .admin-page-leads .lead-quick-v1111 {
  grid-area: quick !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  padding: 5px !important;
  border: 1px solid var(--ic-leads-v1111-border, rgba(100,181,246,.16)) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
}
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  background: color-mix(in srgb, var(--lead-status-color) 14%, rgba(255,255,255,.045)) !important;
  border-color: color-mix(in srgb, var(--lead-status-color) 42%, transparent) !important;
}
body.admin-area .admin-page-leads .lead-status-button-v1111.is-current {
  background: var(--lead-status-color) !important;
  color: #fff !important;
}
body.admin-area .admin-page-leads .lead-contact-v1111 {
  grid-area: contact !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-self: start !important;
  padding: 7px 8px !important;
  border-radius: 13px !important;
}
body.admin-area .admin-page-leads .lead-contact-v1111 strong { font-size: .84rem !important; }
body.admin-area .admin-page-leads .lead-contact-v1111 span,
body.admin-area .admin-page-leads .lead-contact-v1111 small { font-size: .71rem !important; }
body.admin-area .admin-page-leads .lead-contact-actions-v1111 { gap: 5px !important; }
body.admin-area .admin-page-leads .lead-description-v1111 {
  grid-area: description !important;
  min-height: 0 !important;
  padding: 7px 8px !important;
  border-radius: 13px !important;
}
body.admin-area .admin-page-leads .lead-description-v1111 h3,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 h3 {
  margin: 0 !important;
  font-size: .74rem !important;
}
body.admin-area .admin-page-leads .lead-description-v1111 .admin-message {
  min-height: 0 !important;
  height: 100% !important;
  padding: 7px 8px !important;
  font-size: .78rem !important;
  line-height: 1.32 !important;
  overflow-y: auto !important;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 {
  grid-area: meta !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 7px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding-right: 2px !important;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 > section {
  gap: 4px !important;
  padding: 7px 8px !important;
  border-radius: 13px !important;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dl {
  grid-template-columns: 62px minmax(0, 1fr) !important;
  gap: 3px 7px !important;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dt,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dd,
body.admin-area .admin-page-leads .lead-tag-v1111 {
  font-size: .68rem !important;
}
body.admin-area .admin-page-leads .lead-tech-v1111 { display: none !important; }
@media (max-width: 1180px) {
  body.admin-area .admin-page-leads,
  body.admin-area .admin-page-leads .admin-content-v12,
  body.admin-area .admin-page-leads .leads-board-v1111 {
    height: auto !important;
    overflow: visible !important;
  }
  body.admin-area .admin-page-leads .leads-layout-v1111 {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }
  body.admin-area .admin-page-leads .lead-detail-v1111 {
    height: auto !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "quick"
      "contact"
      "description"
      "meta" !important;
  }
  body.admin-area .admin-page-leads .lead-detail-grid-v1111 { overflow: visible !important; }
}

/* === v11.17 leads color/overflow actual fix === */
body.admin-area .admin-page-leads .lead-card-v1111,
body.admin-area .admin-page-leads .lead-detail-v1111,
body.admin-area .admin-page-leads .lead-card-ribbon-v1115,
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113,
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  --lead-accent-current: var(--lead-accent, #42a5f5) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111 {
  border-color: color-mix(in srgb, var(--lead-accent-current) 36%, var(--ic-leads-v1111-border, rgba(100,181,246,.18))) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--lead-accent-current) 13%, transparent), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__stripe {
  background: var(--lead-accent-current) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--lead-accent-current) 42%, transparent) !important;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115 {
  background: linear-gradient(180deg, color-mix(in srgb, var(--lead-accent-current) 92%, #ffffff 8%), var(--lead-accent-current)) !important;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::before,
body.admin-area .admin-page-leads .lead-card-ribbon-v1115::after {
  border-top-color: color-mix(in srgb, var(--lead-accent-current) 65%, #000 35%) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active {
  border-color: var(--lead-accent-current) !important;
  background:
    radial-gradient(340px 120px at 0% 50%, color-mix(in srgb, var(--lead-accent-current) 24%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)) !important;
  box-shadow:
    inset 8px 0 0 var(--lead-accent-current),
    inset 0 0 0 1px color-mix(in srgb, var(--lead-accent-current) 48%, transparent),
    0 0 0 3px color-mix(in srgb, var(--lead-accent-current) 18%, transparent),
    0 10px 22px rgba(0,0,0,.20) !important;
}
body.admin-area .admin-page-leads .lead-detail-v1111 {
  border-color: color-mix(in srgb, var(--lead-accent-current) 44%, var(--ic-leads-v1111-border, rgba(100,181,246,.18))) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--lead-accent-current) 8%, transparent), transparent 30%),
    var(--ic-leads-v1111-surface, rgba(12,28,46,.76)) !important;
}
body.admin-area .admin-page-leads .lead-detail-v1111::before {
  background: var(--lead-accent-current) !important;
  box-shadow: 0 0 20px color-mix(in srgb, var(--lead-accent-current) 35%, transparent) !important;
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 {
  background: linear-gradient(180deg, color-mix(in srgb, var(--lead-accent-current) 94%, #ffffff 6%), var(--lead-accent-current)) !important;
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113::before,
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113::after {
  border-top-color: color-mix(in srgb, var(--lead-accent-current) 68%, #000 32%) !important;
}
body.admin-area .admin-page-leads .lead-status-button-v1111.status-new,
body.admin-area .admin-page-leads .lead-status-button-v1111.status-in_progress,
body.admin-area .admin-page-leads .lead-status-button-v1111.status-done,
body.admin-area .admin-page-leads .lead-status-button-v1111.status-spam {
  --lead-accent-current: var(--lead-status-color, #42a5f5) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111,
body.admin-area .admin-page-leads .lead-card-v1111__body,
body.admin-area .admin-page-leads .lead-card-v1111__body strong,
body.admin-area .admin-page-leads .lead-card-v1111__body span,
body.admin-area .admin-page-leads .lead-card-v1111__body small,
body.admin-area .admin-page-leads .lead-detail-head-v1111,
body.admin-area .admin-page-leads .lead-detail-head-v1111 > div,
body.admin-area .admin-page-leads .lead-detail-head-v1111 h2,
body.admin-area .admin-page-leads .lead-detail-head-v1111 p,
body.admin-area .admin-page-leads .lead-contact-v1111,
body.admin-area .admin-page-leads .lead-contact-v1111 > div:first-child,
body.admin-area .admin-page-leads .lead-contact-v1111 strong,
body.admin-area .admin-page-leads .lead-contact-v1111 span,
body.admin-area .admin-page-leads .lead-contact-v1111 small,
body.admin-area .admin-page-leads .lead-detail-grid-v1111,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 > section,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dl,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dt,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dd {
  min-width: 0 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body {
  overflow: hidden !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body strong,
body.admin-area .admin-page-leads .lead-card-v1111__body span,
body.admin-area .admin-page-leads .lead-card-v1111__body small,
body.admin-area .admin-page-leads .lead-detail-head-v1111 h2,
body.admin-area .admin-page-leads .lead-detail-head-v1111 p,
body.admin-area .admin-page-leads .lead-contact-v1111 strong,
body.admin-area .admin-page-leads .lead-contact-v1111 span,
body.admin-area .admin-page-leads .lead-contact-v1111 small,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dd {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body strong,
body.admin-area .admin-page-leads .lead-card-v1111__body span,
body.admin-area .admin-page-leads .lead-card-v1111__body small,
body.admin-area .admin-page-leads .lead-detail-head-v1111 h2,
body.admin-area .admin-page-leads .lead-detail-head-v1111 p,
body.admin-area .admin-page-leads .lead-contact-v1111 strong,
body.admin-area .admin-page-leads .lead-contact-v1111 span,
body.admin-area .admin-page-leads .lead-contact-v1111 small {
  white-space: nowrap !important;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dd {
  white-space: nowrap !important;
}
body.admin-area .admin-page-leads .lead-detail-grid-v1111 dd a {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .admin-page-leads .lead-tag-v1111 {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* === v11.18 leads: colored ribbons, no text bleed, slimmer fields === */
body.admin-area .admin-page-leads .leads-filter-v1111 {
  padding: 5px !important;
  gap: 5px !important;
}
body.admin-area .admin-page-leads .leads-filter-v1111 input,
body.admin-area .admin-page-leads .leads-filter-v1111 select,
body.admin-area .admin-page-leads .leads-more-filter-v1111 summary,
body.admin-area .admin-page-leads .leads-filter-v1111 .btn {
  height: 30px !important;
  min-height: 30px !important;
  padding: 3px 9px !important;
  border-radius: 10px !important;
  font-size: .86rem !important;
  line-height: 1.1 !important;
  box-sizing: border-box !important;
}
body.admin-area .admin-page-leads .leads-filter-v1111 input::placeholder {
  font-size: .86rem !important;
}
body.admin-area .admin-page-leads .lead-card-v1111 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 7px 60px 7px 30px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__stripe {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
  height: auto !important;
  display: block !important;
  border-radius: 14px 0 0 14px !important;
  z-index: 2 !important;
  flex: none !important;
  opacity: 1 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body {
  display: grid !important;
  gap: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  z-index: 3 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body strong,
body.admin-area .admin-page-leads .lead-card-v1111__body span,
body.admin-area .admin-page-leads .lead-card-v1111__body small {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.18 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body strong { font-size: .80rem !important; }
body.admin-area .admin-page-leads .lead-card-v1111__body span { font-size: .72rem !important; }
body.admin-area .admin-page-leads .lead-card-v1111__body small { font-size: .66rem !important; }
body.admin-area .admin-page-leads .lead-card-ribbon-v1115 {
  top: 8px !important;
  right: -29px !important;
  width: 104px !important;
  height: 19px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  opacity: 1 !important;
  z-index: 5 !important;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115 span {
  max-width: 58px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .admin-page-leads .lead-card-v1111 i {
  right: 8px !important;
  bottom: 8px !important;
  top: auto !important;
  z-index: 6 !important;
}
body.admin-area .admin-page-leads .lead-save-v1111 {
  display: grid !important;
  grid-template-columns: minmax(0, 122px) 88px !important;
  width: 216px !important;
  max-width: 216px !important;
  gap: 5px !important;
  justify-self: end !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
body.admin-area .admin-page-leads .lead-save-v1111 select,
body.admin-area .admin-page-leads .lead-save-v1111 .btn {
  height: 29px !important;
  min-height: 29px !important;
  padding: 3px 8px !important;
  border-radius: 9px !important;
  font-size: .74rem !important;
  line-height: 1.1 !important;
  box-sizing: border-box !important;
}
body.admin-area .admin-page-leads .lead-save-v1111 select {
  min-width: 0 !important;
  width: 100% !important;
}
body.admin-area .admin-page-leads .lead-save-v1111 .btn {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
body.admin-area .admin-page-leads .lead-detail-head-v1111,
body.admin-area .admin-page-leads .lead-detail-head-v112 {
  grid-template-columns: minmax(0, 1fr) 216px !important;
  padding-right: 68px !important;
  gap: 8px !important;
  min-width: 0 !important;
}
body.admin-area .admin-page-leads .lead-contact-v1111,
body.admin-area .admin-page-leads .lead-description-v1111,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 > section,
body.admin-area .admin-page-leads .lead-quick-v1111 {
  padding: 6px 8px !important;
  border-radius: 12px !important;
}
body.admin-area .admin-page-leads .lead-contact-actions-v1111 .btn,
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  height: 28px !important;
  min-height: 28px !important;
  padding: 3px 8px !important;
  line-height: 1.1 !important;
}
body.admin-area .admin-page-leads .lead-description-v1111 .admin-message {
  min-height: 42px !important;
  padding: 6px 8px !important;
  line-height: 1.28 !important;
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 {
  color: #fff !important;
  opacity: 1 !important;
}
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 span {
  max-width: 62px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* === v11.19 leads force-color + compact fields fix === */
body.admin-area .admin-page-leads .lead-card-v1111 {
  padding-left: 34px !important;
  border-left-width: 8px !important;
  border-left-style: solid !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__stripe {
  left: 0 !important;
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
  border-radius: 0 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body {
  padding-left: 0 !important;
}
body.admin-area .admin-page-leads .lead-card-v1111__body strong,
body.admin-area .admin-page-leads .lead-card-v1111__body span,
body.admin-area .admin-page-leads .lead-card-v1111__body small {
  position: relative !important;
  z-index: 4 !important;
}
body.admin-area .admin-page-leads .lead-card-ribbon-v1115,
body.admin-area .admin-page-leads .lead-detail-ribbon-v1113 {
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
}
body.admin-area .admin-page-leads .lead-detail-v1111 {
  border-left-width: 8px !important;
  border-left-style: solid !important;
}
body.admin-area .admin-page-leads .lead-save-v1111 {
  grid-template-columns: minmax(0, 114px) 96px !important;
  width: 216px !important;
  max-width: 216px !important;
}
body.admin-area .admin-page-leads .lead-save-v1111 .btn {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  padding-inline: 10px !important;
}
body.admin-area .admin-page-leads .leads-search-v1111 input,
body.admin-area .admin-page-leads .leads-filter-v1111 select,
body.admin-area .admin-page-leads .leads-more-filter-v1111 summary,
body.admin-area .admin-page-leads .leads-filter-v1111 .btn {
  min-height: 26px !important;
  height: 26px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
body.admin-area .admin-page-leads .leads-filter-v1111 {
  padding: 5px !important;
  gap: 5px !important;
}
body.admin-area .admin-page-leads .lead-save-v1111 select,
body.admin-area .admin-page-leads .lead-save-v1111 .btn,
body.admin-area .admin-page-leads .lead-contact-actions-v1111 .btn,
body.admin-area .admin-page-leads .lead-status-button-v1111 {
  min-height: 26px !important;
  height: 26px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
body.admin-area .admin-page-leads .lead-contact-v1111,
body.admin-area .admin-page-leads .lead-description-v1111,
body.admin-area .admin-page-leads .lead-detail-grid-v1111 > section,
body.admin-area .admin-page-leads .lead-quick-v1111 {
  padding: 5px 7px !important;
}
body.admin-area .admin-page-leads .lead-description-v1111 .admin-message {
  min-height: 52px !important;
  padding: 6px 7px !important;
}

/* === v11.20 leads selected-card highlight fix === */
body.admin-area .admin-page-leads .lead-card-v1111.is-active {
  position: relative !important;
  border-left-width: 8px !important;
  outline: 3px solid var(--lead-accent, #42a5f5) !important;
  outline-offset: -3px !important;
  background:
    radial-gradient(420px 140px at 0% 50%, color-mix(in srgb, var(--lead-accent, #42a5f5) 30%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055)) !important;
  box-shadow:
    inset 10px 0 0 var(--lead-accent, #42a5f5) !important,
    0 0 0 4px color-mix(in srgb, var(--lead-accent, #42a5f5) 30%, transparent) !important,
    0 14px 30px rgba(0,0,0,.28) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active .lead-card-v1111__stripe {
  width: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important;
  background: var(--lead-accent, #42a5f5) !important;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active .lead-card-v1111__body strong {
  color: #fff !important;
}
body.admin-area .admin-page-leads .lead-selected-v1120 {
  position: absolute !important;
  right: 8px !important;
  bottom: 7px !important;
  z-index: 8 !important;
  min-width: 0 !important;
  max-width: 64px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: .58rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.26) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
body.admin-area .admin-page-leads .lead-card-v1111.is-active i {
  display: none !important;
}

/* === v11.21 leads complete redesign === */
body.admin-area .leadx-v1121 {
  --leadx-bg: rgba(24, 39, 45, .92);
  --leadx-bg-soft: rgba(255,255,255,.055);
  --leadx-bg-strong: rgba(255,255,255,.08);
  --leadx-line: rgba(140, 190, 205, .18);
  --leadx-line-strong: rgba(140, 210, 235, .34);
  --leadx-text: var(--text, #eef7fb);
  --leadx-muted: var(--muted, rgba(230,240,245,.66));
  --leadx-radius: 18px;
  height: calc(100dvh - 144px);
  min-height: 560px;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 9px;
  overflow: hidden;
}
body.admin-area .leadx-v1121 * { box-sizing: border-box; }
body.admin-area .leads-flash-v1121 { margin-bottom: 9px; }
body.admin-area .leadx-hero-v1121 {
  display: grid;
  grid-template-columns: minmax(230px, .78fr) minmax(420px, 1.22fr);
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid var(--leadx-line);
  border-radius: var(--leadx-radius);
  background:
    radial-gradient(680px 160px at 0% 0%, rgba(56,189,248,.12), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.032));
  overflow: hidden;
}
body.admin-area .leadx-hero-title-v1121 { min-width: 0; }
body.admin-area .leadx-hero-title-v1121 h2 {
  margin: 2px 0 2px;
  font-size: clamp(1.15rem, 1.5vw, 1.55rem);
  line-height: 1.04;
}
body.admin-area .leadx-hero-title-v1121 p {
  margin: 0;
  color: var(--leadx-muted);
  font-size: .84rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.admin-area .leadx-metrics-v1121 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
body.admin-area .leadx-metrics-v1121 a {
  min-width: 0;
  display: grid;
  gap: 2px;
  min-height: 42px;
  padding: 7px 10px;
  border: 1px solid var(--leadx-line);
  border-radius: 15px;
  background: var(--leadx-bg-soft);
  color: inherit;
  text-decoration: none;
}
body.admin-area .leadx-metrics-v1121 strong {
  font-size: clamp(1.02rem, 1.3vw, 1.34rem);
  line-height: 1;
  letter-spacing: -.04em;
}
body.admin-area .leadx-metrics-v1121 span {
  min-width: 0;
  color: var(--leadx-muted);
  font-size: .72rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.admin-area .leadx-tabs-v1121 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}
body.admin-area .leadx-tab-v1121 {
  min-width: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 9px;
  border: 1px solid var(--leadx-line);
  border-radius: 13px;
  background: rgba(0,0,0,.16);
  color: inherit;
  text-decoration: none;
  transition: border-color .14s ease, background .14s ease, transform .14s ease;
}
body.admin-area .leadx-tab-v1121:hover {
  border-color: var(--leadx-line-strong);
  transform: translateY(-1px);
}
body.admin-area .leadx-tab-v1121.is-active {
  border-color: rgba(56,189,248,.55);
  background: linear-gradient(180deg, rgba(56,189,248,.20), rgba(56,189,248,.075));
  box-shadow: inset 0 0 0 1px rgba(56,189,248,.12), 0 0 0 3px rgba(56,189,248,.08);
}
body.admin-area .leadx-tab-v1121 span {
  min-width: 0;
  color: var(--leadx-muted);
  font-size: .78rem;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.admin-area .leadx-tab-v1121.is-active span { color: var(--leadx-text); }
body.admin-area .leadx-tab-v1121 b {
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.075);
  color: var(--leadx-text);
  text-align: center;
  font-size: .7rem;
}
body.admin-area .leadx-filter-v1121 {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(120px, .22fr) auto auto auto;
  gap: 6px;
  align-items: end;
  padding: 7px;
  border: 1px solid var(--leadx-line);
  border-radius: 15px;
  background: var(--leadx-bg-soft);
  overflow: visible;
}
body.admin-area .leadx-filter-v1121 label {
  min-width: 0;
  display: grid;
  gap: 3px;
}
body.admin-area .leadx-filter-v1121 label span {
  display: none;
}
body.admin-area .leadx-filter-v1121 input,
body.admin-area .leadx-filter-v1121 select,
body.admin-area .leadx-more-v1121 summary,
body.admin-area .leadx-filter-v1121 .btn {
  width: 100%;
  min-height: 30px;
  height: 30px;
  border-radius: 11px;
  font-size: .86rem;
}
body.admin-area .leadx-more-v1121 {
  position: relative;
  min-width: 0;
  align-self: end;
}
body.admin-area .leadx-more-v1121 summary {
  display: grid;
  place-items: center;
  padding: 0 12px;
  border: 1px solid var(--leadx-line);
  background: rgba(255,255,255,.045);
  color: var(--leadx-muted);
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}
body.admin-area .leadx-more-v1121 summary::-webkit-details-marker { display: none; }
body.admin-area .leadx-more-v1121[open] summary {
  color: var(--leadx-text);
  border-color: var(--leadx-line-strong);
}
body.admin-area .leadx-more-v1121 > div {
  position: absolute;
  z-index: 20;
  right: 0;
  top: calc(100% + 8px);
  width: min(520px, 86vw);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--leadx-line-strong);
  border-radius: 16px;
  background: rgba(15, 29, 36, .98);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
body.admin-area .leadx-layout-v1121 {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(320px, .62fr) minmax(640px, 1.38fr);
  gap: 10px;
  align-items: stretch;
  overflow: hidden;
}
body.admin-area .leadx-stream-v1121,
body.admin-area .leadx-detail-v1121 {
  min-width: 0;
  min-height: 0;
  height: 100%;
  border: 1px solid var(--leadx-line);
  border-radius: var(--leadx-radius);
  background:
    radial-gradient(520px 180px at 0% 0%, rgba(255,255,255,.06), transparent 66%),
    var(--leadx-bg);
  overflow: hidden;
}
body.admin-area .leadx-stream-v1121 {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 10px;
}
body.admin-area .leadx-stream-head-v1121 {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  margin-bottom: 8px;
}
body.admin-area .leadx-stream-head-v1121 h2,
body.admin-area .leadx-stream-head-v1121 p {
  margin: 0;
}
body.admin-area .leadx-stream-head-v1121 h2 {
  font-size: .98rem;
  line-height: 1.05;
}
body.admin-area .leadx-stream-head-v1121 p,
body.admin-area .leadx-stream-head-v1121 a {
  color: var(--leadx-muted);
  font-size: .76rem;
}
body.admin-area .leadx-list-v1121 {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-width: thin;
}
body.admin-area .leadx-item-v1121 {
  --lead-accent: #38bdf8;
  position: relative;
  min-width: 0;
  min-height: 74px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding: 12px 78px 11px 20px;
  border: 1px solid color-mix(in srgb, var(--lead-accent) 30%, var(--leadx-line));
  border-radius: 16px;
  background:
    radial-gradient(320px 120px at 0% 50%, color-mix(in srgb, var(--lead-accent) 13%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.074), rgba(255,255,255,.035));
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
body.admin-area .leadx-item-v1121:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--lead-accent) 58%, #ffffff 5%);
  box-shadow: 0 12px 28px rgba(0,0,0,.20);
}
body.admin-area .leadx-item-v1121.is-active {
  border-color: var(--lead-accent);
  background:
    radial-gradient(380px 150px at 0% 50%, color-mix(in srgb, var(--lead-accent) 26%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.052));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--lead-accent) 54%, transparent),
    0 0 0 3px color-mix(in srgb, var(--lead-accent) 18%, transparent),
    0 14px 34px rgba(0,0,0,.25);
}
body.admin-area .leadx-item-v1121.is-unread:not(.is-active) {
  border-color: color-mix(in srgb, var(--lead-accent) 44%, #fbbf24 26%);
}
body.admin-area .leadx-item-accent-v1121 {
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--lead-accent);
  box-shadow: 0 0 22px color-mix(in srgb, var(--lead-accent) 45%, transparent);
  z-index: 2;
}
body.admin-area .leadx-ribbon-v1121,
body.admin-area .leadx-detail-ribbon-v1121 {
  position: absolute;
  display: grid;
  place-items: center;
  transform: rotate(35deg);
  background: linear-gradient(180deg, color-mix(in srgb, var(--lead-accent) 92%, #fff 8%), var(--lead-accent));
  color: #fff;
  text-transform: uppercase;
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .035em;
  line-height: 1;
  pointer-events: none;
  text-shadow: 0 1px 1px rgba(0,0,0,.22);
  box-shadow: 0 8px 18px rgba(0,0,0,.24);
}
body.admin-area .leadx-ribbon-v1121 {
  top: 11px;
  right: -31px;
  width: 112px;
  height: 21px;
  z-index: 4;
}
body.admin-area .leadx-selected-v1121 {
  position: absolute;
  right: 9px;
  bottom: 9px;
  z-index: 5;
  max-width: 62px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--lead-accent);
  color: #fff;
  font-size: .58rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 7px 18px rgba(0,0,0,.22);
}
body.admin-area .leadx-item-main-v1121,
body.admin-area .leadx-item-main-v1121 * {
  min-width: 0;
}
body.admin-area .leadx-item-main-v1121 {
  display: grid;
  gap: 3px;
  overflow: hidden;
  z-index: 3;
}
body.admin-area .leadx-item-top-v1121 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
body.admin-area .leadx-item-top-v1121 strong,
body.admin-area .leadx-item-person-v1121,
body.admin-area .leadx-item-bottom-v1121 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .leadx-item-top-v1121 strong {
  color: var(--leadx-text);
  font-size: .88rem;
  line-height: 1.16;
}
body.admin-area .leadx-item-top-v1121 em {
  color: var(--leadx-muted);
  font-style: normal;
  font-size: .68rem;
  white-space: nowrap;
}
body.admin-area .leadx-item-person-v1121 {
  color: var(--leadx-text);
  font-size: .78rem;
  line-height: 1.18;
}
body.admin-area .leadx-item-bottom-v1121 {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 0;
  color: var(--leadx-muted);
  font-size: .68rem;
}
body.admin-area .leadx-item-bottom-v1121 b {
  flex: 0 0 auto;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(251,191,36,.16);
  color: #fde68a;
  font-size: .62rem;
}
body.admin-area .leadx-empty-v1121 {
  display: grid;
  gap: 4px;
  min-height: 100px;
  padding: 16px;
  border: 1px dashed var(--leadx-line);
  border-radius: 16px;
  color: var(--leadx-muted);
}
body.admin-area .leadx-empty-v1121 strong { color: var(--leadx-text); }
body.admin-area .leadx-detail-v1121 {
  --lead-accent: #38bdf8;
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: 8px;
  padding: 12px 14px 12px 18px;
  border-color: color-mix(in srgb, var(--lead-accent) 34%, var(--leadx-line));
  background:
    radial-gradient(620px 220px at 0% 0%, color-mix(in srgb, var(--lead-accent) 10%, transparent), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.03)),
    var(--leadx-bg);
}
body.admin-area .leadx-detail-accent-v1121 {
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--lead-accent);
  box-shadow: 0 0 24px color-mix(in srgb, var(--lead-accent) 45%, transparent);
  z-index: 2;
}
body.admin-area .leadx-detail-ribbon-v1121 {
  top: 12px;
  right: -31px;
  width: 116px;
  height: 22px;
  z-index: 6;
}
body.admin-area .leadx-detail-head-v1121 {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 0 66px 8px 0;
  border-bottom: 1px solid var(--leadx-line);
}
body.admin-area .leadx-detail-head-v1121 > div,
body.admin-area .leadx-detail-head-v1121 h2,
body.admin-area .leadx-detail-head-v1121 p { min-width: 0; }
body.admin-area .leadx-detail-head-v1121 h2 {
  margin: 2px 0 2px;
  color: var(--leadx-text);
  font-size: clamp(1.05rem, 1.35vw, 1.38rem);
  line-height: 1.06;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.admin-area .leadx-detail-head-v1121 p {
  margin: 0;
  color: var(--leadx-muted);
  font-size: .76rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.admin-area .leadx-save-v1121 {
  display: grid;
  grid-template-columns: minmax(116px, 132px) 102px;
  gap: 6px;
  align-items: start;
}
body.admin-area .leadx-save-v1121 select,
body.admin-area .leadx-save-v1121 .btn {
  min-height: 30px;
  height: 30px;
  border-radius: 10px;
  font-size: .78rem;
  padding-block: 3px;
}
body.admin-area .leadx-save-v1121 .btn {
  width: 102px;
  padding-inline: 10px;
  white-space: nowrap;
}
body.admin-area .leadx-contact-card-v1121 {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--lead-accent) 24%, var(--leadx-line));
  border-radius: 15px;
  background: color-mix(in srgb, var(--lead-accent) 8%, rgba(255,255,255,.05));
}
body.admin-area .leadx-avatar-v1121 {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: color-mix(in srgb, var(--lead-accent) 28%, rgba(255,255,255,.08));
  color: #fff;
  font-size: 1rem;
  font-weight: 950;
}
body.admin-area .leadx-contact-main-v1121,
body.admin-area .leadx-contact-main-v1121 * { min-width: 0; }
body.admin-area .leadx-contact-main-v1121 {
  display: grid;
  gap: 1px;
  overflow: hidden;
}
body.admin-area .leadx-contact-main-v1121 strong,
body.admin-area .leadx-contact-main-v1121 span,
body.admin-area .leadx-contact-main-v1121 small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .leadx-contact-main-v1121 strong { font-size: .92rem; }
body.admin-area .leadx-contact-main-v1121 span,
body.admin-area .leadx-contact-main-v1121 small { color: var(--leadx-muted); font-size: .74rem; }
body.admin-area .leadx-contact-actions-v1121 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}
body.admin-area .leadx-contact-actions-v1121 .btn {
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 10px;
  font-size: .75rem;
}
body.admin-area .leadx-statusbar-v1121 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  border: 1px solid var(--leadx-line);
  border-radius: 14px;
  background: rgba(0,0,0,.12);
}
body.admin-area .leadx-statusbar-v1121 form { margin: 0; }
body.admin-area .leadx-status-btn-v1121 {
  width: 100%;
  min-height: 30px;
  border: 1px solid color-mix(in srgb, var(--lead-accent) 34%, var(--leadx-line));
  border-radius: 11px;
  background: color-mix(in srgb, var(--lead-accent) 12%, rgba(255,255,255,.035));
  color: var(--leadx-text);
  font-size: .76rem;
  font-weight: 900;
  cursor: pointer;
}
body.admin-area .leadx-status-btn-v1121.is-current {
  background: var(--lead-accent);
  color: #061018;
  border-color: transparent;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lead-accent) 20%, transparent);
}
body.admin-area .leadx-detail-grid-v1121 {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  gap: 8px;
  overflow: hidden;
}
body.admin-area .leadx-message-v1121,
body.admin-area .leadx-meta-card-v1121,
body.admin-area .leadx-tech-v1121 {
  min-width: 0;
  border: 1px solid var(--leadx-line);
  border-radius: 15px;
  background: var(--leadx-bg-soft);
}
body.admin-area .leadx-message-v1121 {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 5px;
  padding: 8px 10px;
}
body.admin-area .leadx-message-v1121 h3,
body.admin-area .leadx-meta-card-v1121 h3 {
  margin: 0;
  color: var(--leadx-text);
  font-size: .82rem;
  line-height: 1.15;
}
body.admin-area .leadx-message-v1121 > div {
  min-height: 0;
  overflow: auto;
  padding: 8px 9px;
  border-radius: 12px;
  background: rgba(0,0,0,.12);
  color: var(--leadx-text);
  font-size: .84rem;
  line-height: 1.38;
}
body.admin-area .leadx-meta-v1121 {
  min-width: 0;
  min-height: 0;
  display: grid;
  gap: 8px;
  grid-auto-rows: max-content;
  overflow: auto;
}
body.admin-area .leadx-meta-card-v1121 {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
}
body.admin-area .leadx-meta-card-v1121 dl {
  margin: 0;
  min-width: 0;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 5px 8px;
}
body.admin-area .leadx-meta-card-v1121 dt,
body.admin-area .leadx-meta-card-v1121 dd {
  margin: 0;
  min-width: 0;
  font-size: .76rem;
  line-height: 1.2;
}
body.admin-area .leadx-meta-card-v1121 dt { color: var(--leadx-muted); font-weight: 850; }
body.admin-area .leadx-meta-card-v1121 dd,
body.admin-area .leadx-meta-card-v1121 dd a {
  color: var(--leadx-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .leadx-meta-card-v1121 dd a {
  display: inline-block;
  max-width: 100%;
}
body.admin-area .leadx-tag-v1121 {
  display: inline-block;
  max-width: 100%;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: var(--leadx-text);
  font-size: .68rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .leadx-tech-v1121 {
  padding: 7px 9px;
}
body.admin-area .leadx-tech-v1121 summary {
  color: var(--leadx-muted);
  cursor: pointer;
  font-size: .76rem;
  font-weight: 850;
}
body.admin-area .leadx-tech-v1121 pre {
  max-height: 90px;
  overflow: auto;
  white-space: pre-wrap;
}
body.admin-area .leadx-placeholder-v1121 {
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  text-align: center;
  padding: 24px;
}
body.admin-area .leadx-placeholder-v1121 h2,
body.admin-area .leadx-placeholder-v1121 p { margin: 0; }
@media (max-height: 790px) and (min-width: 981px) {
  body.admin-area .leadx-v1121 { height: calc(100dvh - 128px); min-height: 500px; gap: 7px; }
  body.admin-area .leadx-hero-v1121 { padding: 9px 12px; }
  body.admin-area .leadx-hero-title-v1121 p { display: none; }
  body.admin-area .leadx-metrics-v1121 a { min-height: 36px; padding: 5px 8px; }
  body.admin-area .leadx-tab-v1121 { min-height: 29px; padding-block: 4px; }
  body.admin-area .leadx-filter-v1121 { padding: 5px; }
  body.admin-area .leadx-filter-v1121 input,
  body.admin-area .leadx-filter-v1121 select,
  body.admin-area .leadx-more-v1121 summary,
  body.admin-area .leadx-filter-v1121 .btn { min-height: 28px; height: 28px; }
  body.admin-area .leadx-item-v1121 { min-height: 68px; padding-block: 9px; }
  body.admin-area .leadx-detail-v1121 { padding-block: 10px; }
  body.admin-area .leadx-message-v1121 > div { font-size: .8rem; line-height: 1.32; }
}
@media (max-width: 1240px) {
  body.admin-area .leadx-v1121 { height: auto; min-height: 0; overflow: visible; }
  body.admin-area .leadx-layout-v1121 { grid-template-columns: 1fr; height: auto; overflow: visible; }
  body.admin-area .leadx-stream-v1121,
  body.admin-area .leadx-detail-v1121 { height: auto; }
  body.admin-area .leadx-list-v1121 { max-height: 45vh; }
}
@media (max-width: 760px) {
  body.admin-area .leadx-hero-v1121,
  body.admin-area .leadx-detail-grid-v1121,
  body.admin-area .leadx-contact-card-v1121,
  body.admin-area .leadx-detail-head-v1121 { grid-template-columns: 1fr; }
  body.admin-area .leadx-metrics-v1121 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.admin-area .leadx-tabs-v1121 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.admin-area .leadx-filter-v1121 { grid-template-columns: 1fr 1fr; }
  body.admin-area .leadx-search-v1121 { grid-column: 1 / -1; }
  body.admin-area .leadx-more-v1121 > div { left: 0; right: auto; grid-template-columns: 1fr; }
  body.admin-area .leadx-filter-v1121 .btn { width: 100%; }
  body.admin-area .leadx-detail-head-v1121 { padding-right: 42px; }
  body.admin-area .leadx-save-v1121 { grid-template-columns: 1fr; width: 100%; }
  body.admin-area .leadx-save-v1121 .btn { width: 100%; }
  body.admin-area .leadx-contact-actions-v1121 { justify-content: stretch; }
  body.admin-area .leadx-contact-actions-v1121 .btn { flex: 1 1 120px; }
  body.admin-area .leadx-statusbar-v1121 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* === v11.21 client cards polish for linked leads === */
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 {
  position: relative;
  border-radius: 18px !important;
  background:
    radial-gradient(420px 140px at 0% 0%, color-mix(in srgb, var(--lead-status-color, #38bdf8) 8%, transparent), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important;
  border-color: rgba(140,190,205,.18) !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--lead-status-color, #38bdf8);
  box-shadow: 0 0 22px color-mix(in srgb, var(--lead-status-color, #38bdf8) 42%, transparent);
}
body.admin-area .crm-client-lead-ribbon-v112 {
  background: linear-gradient(180deg, color-mix(in srgb, var(--lead-status-color, #38bdf8) 92%, #fff 8%), var(--lead-status-color, #38bdf8)) !important;
  color: #fff !important;
  border: 0 !important;
  text-transform: uppercase;
}
body.admin-area .crm-client-lead-line-v112 b {
  border: 1px solid color-mix(in srgb, var(--lead-status-color, #38bdf8) 35%, transparent);
  background: color-mix(in srgb, var(--lead-status-color, #38bdf8) 14%, transparent) !important;
}

/* === v11.22 clients collapsed card redesign === */
body.admin-area .crm-lead-cards-v51 {
  display: grid !important;
  gap: 10px !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  --crm-card-accent: var(--lead-status-color, #38bdf8);
  position: relative !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 112px !important;
  padding: 14px 16px 14px 18px !important;
  border-radius: 22px !important;
  border: 1px solid color-mix(in srgb, var(--crm-card-accent) 24%, rgba(140,190,205,.18)) !important;
  background:
    radial-gradient(520px 150px at 0% 50%, color-mix(in srgb, var(--crm-card-accent) 10%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.032)) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.16) !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112.status-new { --crm-card-accent: #42a5f5; --lead-status-color: #42a5f5; }
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112.status-in_progress { --crm-card-accent: #ffb300; --lead-status-color: #ffb300; }
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112.status-done { --crm-card-accent: #43a047; --lead-status-color: #43a047; }
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112.status-spam { --crm-card-accent: #ef5350; --lead-status-color: #ef5350; }
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px auto 14px 10px !important;
  width: 5px !important;
  border-radius: 999px !important;
  background: var(--crm-card-accent) !important;
  box-shadow: 0 0 20px color-mix(in srgb, var(--crm-card-accent) 45%, transparent) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112:hover {
  border-color: color-mix(in srgb, var(--crm-card-accent) 46%, rgba(255,255,255,.12)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.22), inset 0 0 0 1px color-mix(in srgb, var(--crm-card-accent) 16%, transparent) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108 {
  border-color: color-mix(in srgb, var(--crm-card-accent) 68%, #fff 8%) !important;
  background:
    radial-gradient(620px 170px at 0% 50%, color-mix(in srgb, var(--crm-card-accent) 18%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.040)) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--crm-card-accent) 14%, transparent),
    0 16px 34px rgba(0,0,0,.24) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 {
  position: relative !important;
  z-index: 4 !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--crm-card-accent) 9%, rgba(255,255,255,.055)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--crm-card-accent) 22%, rgba(255,255,255,.11)) !important;
  cursor: pointer !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51::before,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51::after {
  content: none !important;
  display: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 > span {
  display: grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--crm-card-accent) 36%, rgba(255,255,255,.22)) !important;
  background: rgba(6,18,26,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 > span::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: transparent !important;
  transform: scale(.5) !important;
  opacity: 0 !important;
  transition: transform .12s ease, opacity .12s ease, background .12s ease !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51:has(input[type="checkbox"]:checked) > span {
  border-color: color-mix(in srgb, var(--crm-card-accent) 72%, #fff 8%) !important;
  background: color-mix(in srgb, var(--crm-card-accent) 18%, rgba(6,18,26,.48)) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51:has(input[type="checkbox"]:checked) > span::after {
  opacity: 1 !important;
  transform: scale(1) !important;
  background: var(--crm-card-accent) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--crm-card-accent) 65%, transparent) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 3 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 0 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span {
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--crm-card-accent) 15%, transparent) !important;
  color: var(--text) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3 {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: clamp(.98rem, 1.1vw, 1.18rem) !important;
  line-height: 1.12 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  margin: 0 !important;
  color: rgba(238,247,251,.86) !important;
  font-size: .92rem !important;
  line-height: 1.2 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 small,
body.admin-area .crm-client-lead-line-v112 span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .crm-client-lead-line-v112 {
  margin-top: 0 !important;
  gap: 6px !important;
}
body.admin-area .crm-client-lead-line-v112 b {
  padding: 2px 7px !important;
  border-radius: 999px !important;
  font-size: .66rem !important;
}
body.admin-area .crm-client-lead-ribbon-v112 {
  top: 9px !important;
  right: -31px !important;
  width: 128px !important;
  height: 22px !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  place-items: center !important;
  gap: 4px !important;
  padding: 0 20px !important;
  transform: rotate(35deg) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--crm-card-accent) 92%, #fff 8%), var(--crm-card-accent)) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.23) !important;
  z-index: 5 !important;
}
body.admin-area .crm-client-lead-ribbon-v112 span,
body.admin-area .crm-client-lead-ribbon-v112 strong {
  color: #fff !important;
  max-width: 48px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: .58rem !important;
  line-height: 1 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 !important;
}
body.admin-area .crm-open-client-v1122 {
  min-width: 86px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--crm-card-accent) 10%, rgba(255,255,255,.055)) !important;
  border-color: color-mix(in srgb, var(--crm-card-accent) 30%, rgba(255,255,255,.10)) !important;
  color: var(--text) !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
body.admin-area .crm-open-client-v1122:hover {
  background: color-mix(in srgb, var(--crm-card-accent) 18%, rgba(255,255,255,.07)) !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    min-height: 104px !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
    grid-column: 2 !important;
    justify-content: stretch !important;
  }
  body.admin-area .crm-open-client-v1122 { width: 100% !important; }
}

/* === v11.22.1 clients collapsed card selection cleanup === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 104px !important;
  padding: 14px 16px 14px 18px !important;
  border: 1px solid rgba(140,190,205,.22) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease, transform .14s ease !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--crm-card-accent) 44%, rgba(255,255,255,.14)) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18), 0 0 0 1px color-mix(in srgb, var(--crm-card-accent) 14%, transparent) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked) {
  border-color: color-mix(in srgb, var(--crm-card-accent) 72%, #fff 10%) !important;
  background:
    radial-gradient(520px 150px at 0% 50%, color-mix(in srgb, var(--crm-card-accent) 12%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.036)) !important;
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--crm-card-accent) 32%, transparent),
    0 12px 26px rgba(0,0,0,.20) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 > span {
  width: 16px !important;
  height: 16px !important;
  border-radius: 5px !important;
  border: 1.5px solid rgba(190,220,232,.36) !important;
  background: rgba(9,18,27,.22) !important;
  box-shadow: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 > span::after {
  width: 8px !important;
  height: 8px !important;
  border-radius: 2px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51:has(input[type="checkbox"]:checked) > span {
  border-color: color-mix(in srgb, var(--crm-card-accent) 72%, #fff 10%) !important;
  background: color-mix(in srgb, var(--crm-card-accent) 14%, rgba(9,18,27,.28)) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51:has(input[type="checkbox"]:checked) > span::after {
  background: var(--crm-card-accent) !important;
  box-shadow: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main {
  gap: 5px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span {
  padding: 2px 7px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3 {
  font-size: clamp(.96rem, 1.05vw, 1.12rem) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  font-size: .88rem !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 small,
body.admin-area .crm-client-lead-line-v112 span,
body.admin-area .crm-client-lead-line-v112 b {
  font-size: .68rem !important;
}
body.admin-area .crm-open-client-v1122 {
  min-width: 80px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 10px !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    grid-template-columns: 22px minmax(0, 1fr) !important;
  }
}

/* === v11.22.2 clients: no checkbox marker, outline-only selection === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: var(--ic-admin-client-collapsed-min-height, 128px) !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(140,190,205,.20) !important;
  outline: 0 solid transparent !important;
  outline-offset: -1px !important;
  background:
    radial-gradient(520px 150px at 0% 50%, color-mix(in srgb, var(--crm-card-accent) 7%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.030)) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  cursor: pointer !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:hover {
  border-color: rgba(140,190,205,.22) !important;
  outline: var(--ic-admin-client-hover-outline-width, 1px) solid var(--ic-admin-client-hover-outline-color, #7dd3fc) !important;
  outline-offset: calc(-1 * var(--ic-admin-client-hover-outline-width, 1px)) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.16) !important;
  transform: translateY(-1px) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked) {
  border-color: rgba(140,190,205,.22) !important;
  outline: var(--ic-admin-client-selected-outline-width, 2px) solid var(--ic-admin-client-selected-outline-color, #ef5350) !important;
  outline-offset: calc(-1 * var(--ic-admin-client-selected-outline-width, 2px)) !important;
  background:
    radial-gradient(520px 150px at 0% 50%, color-mix(in srgb, var(--crm-card-accent) 7%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.032)) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.20) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked):hover {
  outline: var(--ic-admin-client-selected-outline-width, 2px) solid var(--ic-admin-client-selected-outline-color, #ef5350) !important;
  outline-offset: calc(-1 * var(--ic-admin-client-selected-outline-width, 2px)) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main {
  gap: 6px !important;
  min-width: 0 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  overflow: hidden !important;
  line-height: 1.16 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  overflow: hidden !important;
  line-height: 1.22 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 small,
body.admin-area .crm-client-lead-line-v112 span {
  line-height: 1.22 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
  align-self: center !important;
}
body.admin-area .crm-open-client-v1122 {
  cursor: pointer !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: max(112px, var(--ic-admin-client-collapsed-min-height, 128px)) !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
    justify-content: stretch !important;
  }
}

/* === v11.24 CRM cards: fixed compact info + whole-card selection === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: var(--ic-admin-client-collapsed-min-height, 104px) !important;
  height: var(--ic-admin-client-collapsed-min-height, 104px) !important;
  padding: 13px 16px !important;
  border: 1px solid rgba(140,190,205,.22) !important;
  outline: 0 solid transparent !important;
  outline-offset: -1px !important;
  background:
    radial-gradient(480px 130px at 0% 50%, color-mix(in srgb, var(--crm-card-accent, #38bdf8) 6%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.030)) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112:hover {
  outline: var(--ic-admin-client-hover-outline-width, 1px) solid var(--ic-admin-client-hover-outline-color, #7dd3fc) !important;
  outline-offset: calc(-1 * var(--ic-admin-client-hover-outline-width, 1px)) !important;
  border-color: rgba(140,190,205,.26) !important;
  transform: none !important;
  box-shadow: 0 9px 20px rgba(0,0,0,.16) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked),
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked):hover {
  outline: var(--ic-admin-client-selected-outline-width, 2px) solid var(--ic-admin-client-selected-outline-color, #ef5350) !important;
  outline-offset: calc(-1 * var(--ic-admin-client-selected-outline-width, 2px)) !important;
  border-color: rgba(140,190,205,.24) !important;
  background:
    radial-gradient(480px 130px at 0% 50%, color-mix(in srgb, var(--crm-card-accent, #38bdf8) 6%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.030)) !important;
  box-shadow: 0 9px 20px rgba(0,0,0,.16) !important;
}
body.admin-area .crm-select-hidden-v1124,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main {
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  gap: 4px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 0 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top small {
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span {
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--crm-card-accent, #38bdf8) 14%, transparent) !important;
  font-size: .68rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p,
body.admin-area .crm-client-card-meta-v1124,
body.admin-area .crm-client-lead-line-v1124 {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  display: block !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3 {
  font-size: clamp(.96rem, 1vw, 1.12rem) !important;
  line-height: 1.16 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  color: rgba(238,247,251,.86) !important;
  font-size: .84rem !important;
  line-height: 1.16 !important;
}
body.admin-area .crm-client-card-meta-v1124 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--muted) !important;
  font-size: .68rem !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
}
body.admin-area .crm-client-card-meta-v1124 span {
  min-width: 0 !important;
  max-width: 34% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .crm-client-card-meta-v1124 span::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 6px 2px 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--crm-card-accent, #38bdf8) 54%, var(--muted));
}
body.admin-area .crm-client-lead-line-v1124 {
  display: flex !important;
  gap: 5px !important;
  margin: 0 !important;
  min-height: 0 !important;
}
body.admin-area .crm-client-lead-line-v1124 b {
  flex: 0 0 auto !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  font-size: .62rem !important;
  line-height: 1.2 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
  align-self: center !important;
  justify-self: end !important;
  padding: 0 !important;
}
body.admin-area .crm-open-client-v1122 {
  min-width: 76px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: .74rem !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112 .crm-lead-card-v42__top,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112 h3 {
  padding-right: 78px !important;
}
body.admin-area .crm-client-lead-ribbon-v112 {
  top: 8px !important;
  right: -34px !important;
  width: 126px !important;
  height: 20px !important;
  font-size: .56rem !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: max(100px, var(--ic-admin-client-collapsed-min-height, 104px)) !important;
  }
  body.admin-area .crm-client-card-meta-v1124 {
    flex-wrap: wrap !important;
  }
  body.admin-area .crm-client-card-meta-v1124 span {
    max-width: 100% !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
    justify-self: stretch !important;
  }
}

/* === v11.25 API documentation page + AI project rules === */
body.admin-area .api-docs-page-v1125 {
  display: grid;
  gap: 14px;
}
body.admin-area .api-docs-toolbar-v1125 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 16px !important;
}
body.admin-area .api-docs-toolbar-v1125 h2 {
  margin: 0 0 4px;
  font-size: clamp(1.35rem, 2vw, 2rem);
}
body.admin-area .api-docs-meta-v1125 {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 8px;
  min-width: min(360px, 100%);
}
body.admin-area .api-docs-meta-v1125 span {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 210, 235, .18);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
body.admin-area .api-docs-meta-v1125 strong { color: var(--accent); font-size: .98rem; }
body.admin-area .api-docs-meta-v1125 small { color: var(--muted); }
body.admin-area .api-docs-grid-v1125 {
  display: grid;
  grid-template-columns: minmax(240px, .34fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
body.admin-area .api-docs-aside-v1125 {
  position: sticky;
  top: 14px;
  display: grid;
  gap: 10px;
  padding: 14px !important;
}
body.admin-area .api-docs-aside-v1125 h3 {
  margin: 8px 0 0;
  font-size: .95rem;
}
body.admin-area .api-docs-aside-v1125 p { margin: 0; color: var(--muted); line-height: 1.45; }
body.admin-area .api-docs-files-v1125 {
  display: grid;
  gap: 5px;
  max-height: 360px;
  overflow: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}
body.admin-area .api-docs-files-v1125 li {
  min-width: 0;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(255,255,255,.035);
}
body.admin-area .api-docs-files-v1125 code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .api-docs-content-v1125 {
  padding: clamp(16px, 2vw, 24px) !important;
  overflow: hidden;
}
body.admin-area .api-docs-content-v1125 h2,
body.admin-area .api-docs-content-v1125 h3,
body.admin-area .api-docs-content-v1125 h4,
body.admin-area .api-docs-content-v1125 h5 {
  margin: 1.15em 0 .45em;
  line-height: 1.15;
}
body.admin-area .api-docs-content-v1125 h2:first-child { margin-top: 0; }
body.admin-area .api-docs-content-v1125 p,
body.admin-area .api-docs-content-v1125 li {
  color: var(--text);
  line-height: 1.58;
}
body.admin-area .api-docs-content-v1125 p { margin: .55em 0; }
body.admin-area .api-docs-content-v1125 ul {
  margin: .5em 0 .85em;
  padding-left: 1.2em;
}
body.admin-area .api-docs-content-v1125 code,
body.admin-area .api-docs-aside-v1125 code {
  padding: 2px 5px;
  border-radius: 7px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(148, 210, 235, .13);
  color: var(--accent);
  font-size: .9em;
}
body.admin-area .api-docs-content-v1125 pre {
  max-width: 100%;
  overflow: auto;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(148, 210, 235, .15);
  background: rgba(0,0,0,.24);
}
body.admin-area .api-docs-content-v1125 pre code {
  padding: 0;
  border: 0;
  background: transparent;
  color: #dff6ff;
}
body.admin-area .api-docs-table-wrap-v1125 {
  overflow: auto;
  margin: .75em 0 1em;
  border: 1px solid rgba(148, 210, 235, .15);
  border-radius: 14px;
}
body.admin-area .api-docs-table-v1125 {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: .9rem;
}
body.admin-area .api-docs-table-v1125 th,
body.admin-area .api-docs-table-v1125 td {
  padding: 9px 10px;
  border-bottom: 1px solid rgba(148, 210, 235, .10);
  vertical-align: top;
  text-align: left;
}
body.admin-area .api-docs-table-v1125 th {
  color: var(--accent);
  background: rgba(255,255,255,.045);
  font-weight: 900;
}
body.admin-area .api-docs-table-v1125 tr:last-child td { border-bottom: 0; }
@media (max-width: 980px) {
  body.admin-area .api-docs-toolbar-v1125,
  body.admin-area .api-docs-grid-v1125 { grid-template-columns: 1fr; display: grid; }
  body.admin-area .api-docs-aside-v1125 { position: static; }
}

/* === v11.26 CRM card selection: simple click + real visible outline === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  height: var(--ic-admin-client-collapsed-min-height, 96px) !important;
  min-height: var(--ic-admin-client-collapsed-min-height, 96px) !important;
  max-height: var(--ic-admin-client-collapsed-min-height, 96px) !important;
  padding: 10px 14px 10px 18px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(140,190,205,.22) !important;
  outline: none !important;
  outline-offset: 0 !important;
  transform: none !important;
  cursor: pointer !important;
  overflow: hidden !important;
  background:
    radial-gradient(420px 110px at 0% 50%, color-mix(in srgb, var(--crm-card-accent, #38bdf8) 5%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.030)) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  transition: box-shadow .12s ease, border-color .12s ease, background .12s ease !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px auto 14px 10px !important;
  width: 4px !important;
  min-width: 4px !important;
  max-width: 4px !important;
  border-radius: 999px !important;
  background: var(--crm-card-accent, var(--lead-status-color, #38bdf8)) !important;
  box-shadow: none !important;
  transform: none !important;
  z-index: 2 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:hover {
  border-color: rgba(140,190,205,.24) !important;
  outline: none !important;
  transform: none !important;
  box-shadow:
    inset 0 0 0 var(--ic-admin-client-hover-outline-width, 1px) var(--ic-admin-client-hover-outline-color, #7dd3fc),
    0 8px 18px rgba(0,0,0,.14) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked),
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked):hover {
  border-color: rgba(140,190,205,.24) !important;
  outline: none !important;
  transform: none !important;
  background:
    radial-gradient(420px 110px at 0% 50%, color-mix(in srgb, var(--crm-card-accent, #38bdf8) 5%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.030)) !important;
  box-shadow:
    inset 0 0 0 var(--ic-admin-client-selected-outline-width, 2px) var(--ic-admin-client-selected-outline-color, #ef5350),
    0 10px 22px rgba(0,0,0,.18) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108::before,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked)::before,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:hover::before {
  inset: 14px auto 14px 10px !important;
  width: 4px !important;
  min-width: 4px !important;
  max-width: 4px !important;
  transform: none !important;
  box-shadow: none !important;
}
body.admin-area .crm-select-hidden-v1124,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 * {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main {
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: center !important;
  gap: 3px !important;
  padding: 0 0 0 8px !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  line-height: 1 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top small {
  flex: 0 1 auto !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span {
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--crm-card-accent, #38bdf8) 14%, transparent) !important;
  font-size: .66rem !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p,
body.admin-area .crm-client-card-meta-v1124 {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3 {
  font-size: clamp(.92rem, .96vw, 1.06rem) !important;
  line-height: 1.1 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  color: rgba(238,247,251,.86) !important;
  font-size: .80rem !important;
  line-height: 1.12 !important;
}
body.admin-area .crm-client-card-meta-v1124 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--muted) !important;
  font-size: .64rem !important;
  line-height: 1.12 !important;
}
body.admin-area .crm-client-card-meta-v1124 span {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 34% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .crm-client-card-meta-v1124 span:nth-child(n+4),
body.admin-area .crm-client-lead-line-v1124 {
  display: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
  align-self: center !important;
  justify-self: end !important;
  padding: 0 !important;
  transform: none !important;
}
body.admin-area .crm-open-client-v1122 {
  min-width: 76px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: .74rem !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112 .crm-lead-card-v42__top,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.has-linked-lead-v112 h3 {
  padding-right: 74px !important;
}
body.admin-area .crm-client-lead-ribbon-v112 {
  top: 8px !important;
  right: -34px !important;
  width: 124px !important;
  height: 19px !important;
  font-size: .54rem !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: var(--ic-admin-client-collapsed-min-height, 96px) !important;
    max-height: none !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
    justify-self: stretch !important;
  }
}

/* === v11.28 plugin settings category tabs === */
body.admin-area .plugin-settings-form-v88.plugin-settings-compact-v90 {
  gap: 12px !important;
}
body.admin-area .plugin-settings-tabs-v1128 {
  position: sticky;
  top: calc(var(--ic-admin-header-height, 64px) + 8px);
  z-index: 8;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 7px;
  margin: 0 0 4px;
  border: 1px solid var(--border, rgba(148,163,184,.16));
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface, #0b1420) 88%, rgba(255,255,255,.045));
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
  backdrop-filter: blur(10px);
}
body.admin-area .plugin-settings-tabs-v1128 button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--muted, #94a3b8);
  font: inherit;
  font-size: .78rem;
  font-weight: 850;
  cursor: pointer;
  transition: border-color .14s ease, background .14s ease, color .14s ease, transform .14s ease;
}
body.admin-area .plugin-settings-tabs-v1128 button:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--accent, #38bdf8) 40%, rgba(255,255,255,.18));
  color: var(--text, #e5eef5);
}
body.admin-area .plugin-settings-tabs-v1128 button.is-active {
  border-color: color-mix(in srgb, var(--accent, #38bdf8) 70%, rgba(255,255,255,.14));
  background: color-mix(in srgb, var(--accent, #38bdf8) 16%, rgba(255,255,255,.045));
  color: var(--text, #e5eef5);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, #38bdf8) 18%, transparent);
}
body.admin-area .plugin-settings-tabs-v1128 b {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: inherit;
  font-size: .68rem;
}
body.admin-area .plugin-settings-groups-v1128 {
  display: grid;
  gap: 12px;
}
body.admin-area .plugin-settings-group-v1128 {
  display: none;
  min-width: 0;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}
body.admin-area .plugin-settings-group-v1128.is-active {
  display: grid;
}
body.admin-area .plugin-settings-group-head-v1128 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 2px 8px;
  border-bottom: 1px solid rgba(148,163,184,.12);
}
body.admin-area .plugin-settings-group-head-v1128 h4 {
  margin: 0;
  color: var(--text, #e5eef5);
  font-size: .92rem;
  line-height: 1.1;
}
body.admin-area .plugin-settings-group-head-v1128 span {
  flex: 0 0 auto;
  color: var(--muted, #94a3b8);
  font-size: .72rem;
  font-weight: 800;
}
body.admin-area .plugin-settings-group-v1128 .setting-row-v90 {
  margin: 0 !important;
}
@media (max-width: 760px) {
  body.admin-area .plugin-settings-tabs-v1128 {
    position: static;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  body.admin-area .plugin-settings-tabs-v1128 button {
    flex: 0 0 auto;
  }
  body.admin-area .plugin-settings-group-head-v1128 {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

/* === v11.29 plugin settings live preview: hero tech background === */
body.admin-area .plugin-preview-card-v1129 {
  display: grid;
  gap: 12px;
  margin: 12px 0 14px;
  padding: 12px;
  border: 1px solid rgba(148, 190, 210, .16);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}
body.admin-area .plugin-preview-card-v1129__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body.admin-area .plugin-preview-card-v1129__head div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
body.admin-area .plugin-preview-card-v1129__head strong {
  color: var(--text, #e8f2f7);
  font-weight: 900;
}
body.admin-area .plugin-preview-card-v1129__head span {
  color: var(--muted, #9fb2bf);
  font-size: .82rem;
}
body.admin-area .hero-bg-preview-v1129 {
  position: relative;
  isolation: isolate;
  min-height: 260px;
  overflow: hidden;
  border: 1px solid rgba(148, 190, 210, .15);
  border-radius: 18px;
  background: #07111a;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 18px 38px rgba(0,0,0,.20);
}
body.admin-area .hero-bg-preview-v1129__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: var(--hero-preview-opacity, .78);
  filter: blur(var(--hero-preview-blur, 8px)) saturate(1.08);
  transform: scale(1.025);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.admin-area .hero-bg-preview-v1129::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,12,20,.62), rgba(5,12,20,.18) 44%, rgba(5,12,20,.38)),
    linear-gradient(180deg, rgba(4,10,18,.18), rgba(4,10,18,.04), rgba(4,10,18,.20));
}
body.admin-area .hero-bg-preview-v1129__content {
  position: relative;
  z-index: 2;
  width: min(520px, 72%);
  min-height: 260px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 28px;
}
body.admin-area .hero-bg-preview-v1129__content span {
  width: max-content;
  padding: 5px 9px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 999px;
  background: rgba(56, 189, 248, .09);
  color: #a8e8ff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.admin-area .hero-bg-preview-v1129__content strong {
  color: #eff8ff;
  font-size: clamp(1.35rem, 2.5vw, 2.25rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}
body.admin-area .hero-bg-preview-v1129__content small {
  color: rgba(220, 238, 247, .72);
  font-size: .86rem;
}
@media (max-width: 760px) {
  body.admin-area .plugin-preview-card-v1129__head { align-items: stretch; flex-direction: column; }
  body.admin-area .hero-bg-preview-v1129 { min-height: 220px; }
  body.admin-area .hero-bg-preview-v1129__content { width: 100%; min-height: 220px; padding: 20px; }
}

/* === v11.32 shared UI component standards === */
body.admin-area {
  --ic-admin-fallback-card-hover-outline-color: var(--ic-admin-client-hover-outline-color, #7dd3fc);
  --ic-admin-fallback-card-hover-outline-width: var(--ic-admin-client-hover-outline-width, 1px);
  --ic-admin-fallback-card-selected-outline-color: var(--ic-admin-client-selected-outline-color, #ef5350);
  --ic-admin-fallback-card-selected-outline-width: var(--ic-admin-client-selected-outline-width, 2px);
  --ic-admin-fallback-list-card-min-height: var(--ic-admin-client-collapsed-min-height, 96px);
}
body.admin-area :where(.btn, button, input[type="button"], input[type="submit"]) {
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body.admin-area :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
body.admin-area :where(label, .form-row, .field, .admin-field, .settings-field-v15, .plugin-field-v1128) {
  min-width: 0;
}
body.admin-area :where(label > span:first-child, .field-label) {
  overflow-wrap: anywhere;
}
body.admin-area .ic-admin-card {
  min-width: 0;
  border: var(--ic-admin-border-width, 1px) solid var(--ic-admin-line, rgba(148,163,184,.18));
  border-radius: var(--ic-admin-radius-lg, 14px);
  background: var(--ic-admin-panel, rgba(15,23,42,.72));
  box-shadow: var(--ic-admin-shadow, 0 8px 24px rgba(0,0,0,.16));
}
body.admin-area .ic-admin-list-shell {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr);
  gap: 12px;
  align-items: stretch;
}
body.admin-area .ic-admin-list-stream,
body.admin-area .ic-admin-detail-card {
  min-width: 0;
  min-height: 0;
}
body.admin-area .ic-admin-list-stream {
  display: grid;
  gap: 8px;
  align-content: start;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}
body.admin-area .ic-admin-detail-card {
  overflow: hidden;
}
body.admin-area .ic-admin-list-card {
  position: relative;
  min-width: 0;
  min-height: var(--ic-admin-list-card-min-height, var(--ic-admin-fallback-list-card-min-height, 96px));
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: var(--ic-admin-border-width, 1px) solid var(--ic-admin-line, rgba(148,163,184,.18));
  border-radius: var(--ic-admin-radius-lg, 14px);
  background: var(--ic-admin-row-bg, var(--ic-admin-panel-2, rgba(30,41,59,.72)));
  color: var(--ic-admin-text, inherit);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  overflow: hidden;
  cursor: default;
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease, transform .14s ease;
}
body.admin-area .ic-admin-list-card:is(:hover, :focus-visible) {
  border-color: var(--ic-admin-card-hover-outline-color, var(--ic-admin-fallback-card-hover-outline-color, #7dd3fc));
  box-shadow: 0 0 0 var(--ic-admin-card-hover-outline-width, var(--ic-admin-fallback-card-hover-outline-width, 1px)) var(--ic-admin-card-hover-outline-color, var(--ic-admin-fallback-card-hover-outline-color, #7dd3fc)), 0 10px 22px rgba(0,0,0,.18);
}
body.admin-area .ic-admin-list-card.is-selected,
body.admin-area .ic-admin-list-card.is-selected-v108,
body.admin-area .ic-admin-list-card[aria-pressed="true"] {
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-fallback-card-selected-outline-color, #ef5350)) !important;
  box-shadow: 0 0 0 var(--ic-admin-card-selected-outline-width, var(--ic-admin-fallback-card-selected-outline-width, 2px)) var(--ic-admin-card-selected-outline-color, var(--ic-admin-fallback-card-selected-outline-color, #ef5350)), 0 12px 26px rgba(0,0,0,.20) !important;
}
body.admin-area .ic-admin-select-card { cursor: pointer; }
body.admin-area .ic-admin-card-select-input,
body.admin-area .ic-admin-select-card input[type="checkbox"].crm-select-v51,
body.admin-area .ic-admin-select-card input[type="checkbox"].ic-admin-card-select-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
body.admin-area .ic-admin-list-card__main,
body.admin-area .ic-admin-list-card__main * {
  min-width: 0;
}
body.admin-area .ic-admin-list-card__main {
  display: grid;
  gap: 4px;
  overflow: hidden;
}
body.admin-area .ic-admin-list-card__kicker,
body.admin-area .ic-admin-list-card__meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--ic-admin-muted, rgba(203,213,225,.72));
  font-size: .72rem;
}
body.admin-area .ic-admin-list-card__kicker span,
body.admin-area .ic-admin-list-card__meta span,
body.admin-area .ic-admin-list-card__meta small {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .ic-admin-list-card h3,
body.admin-area .ic-admin-list-card p {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
body.admin-area .ic-admin-list-card h3 { -webkit-line-clamp: 1; line-clamp: 1; }
body.admin-area .ic-admin-list-card p { -webkit-line-clamp: 1; line-clamp: 1; color: var(--ic-admin-muted, rgba(203,213,225,.78)); }
body.admin-area .ic-admin-list-card__actions {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
body.admin-area .ic-admin-field-card {
  min-width: 0;
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid var(--ic-admin-line, rgba(148,163,184,.18));
  border-radius: var(--ic-admin-radius, 12px);
  background: var(--ic-admin-panel-2, rgba(30,41,59,.54));
  overflow: hidden;
}
body.admin-area .ic-admin-field-card h3 {
  margin: 0;
  color: var(--ic-admin-text, inherit);
  font-size: .84rem;
}
body.admin-area .ic-admin-field-grid,
body.admin-area .ic-admin-meta-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(80px, .34fr) minmax(0, 1fr);
  gap: 5px 9px;
  margin: 0;
}
body.admin-area .ic-admin-field-grid dt,
body.admin-area .ic-admin-meta-grid dt {
  min-width: 0;
  color: var(--ic-admin-muted, rgba(203,213,225,.68));
  font-size: .74rem;
}
body.admin-area .ic-admin-field-grid dd,
body.admin-area .ic-admin-meta-grid dd {
  min-width: 0;
  margin: 0;
  color: var(--ic-admin-text, inherit);
  font-size: .78rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin-area .ic-admin-check,
body.admin-area .ic-admin-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  cursor: pointer;
}
body.admin-area .ic-admin-check input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-height: 18px;
  accent-color: var(--ic-admin-accent, #38bdf8);
}
body.admin-area .ic-admin-toggle input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
body.admin-area .ic-admin-toggle > span {
  width: 42px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid var(--ic-admin-line, rgba(148,163,184,.22));
  background: var(--ic-admin-field-bg, rgba(15,23,42,.72));
  position: relative;
  flex: 0 0 auto;
}
body.admin-area .ic-admin-toggle > span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--ic-admin-muted, #94a3b8);
  transition: transform .16s ease, background .16s ease;
}
body.admin-area .ic-admin-toggle input[type="checkbox"]:checked + span {
  border-color: var(--ic-admin-accent, #38bdf8);
  background: color-mix(in srgb, var(--ic-admin-accent, #38bdf8) 20%, transparent);
}
body.admin-area .ic-admin-toggle input[type="checkbox"]:checked + span::after {
  transform: translateX(18px);
  background: var(--ic-admin-accent, #38bdf8);
}
@media (max-width: 980px) {
  body.admin-area .ic-admin-list-shell { grid-template-columns: 1fr; }
  body.admin-area .ic-admin-list-card { grid-template-columns: minmax(0,1fr); }
  body.admin-area .ic-admin-list-card__actions { justify-content: stretch; }
  body.admin-area .ic-admin-list-card__actions .btn { width: 100%; }
}

/* v11.32: bind CRM cards to shared selection/list standard without visible checkbox junk */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  min-height: var(--ic-admin-list-card-min-height, var(--ic-admin-client-collapsed-min-height, 96px)) !important;
  height: auto !important;
  max-height: none !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  padding: 12px 14px !important;
  border-color: var(--ic-admin-line, rgba(148,163,184,.18)) !important;
  outline: none !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112:hover {
  border-color: var(--ic-admin-card-hover-outline-color, var(--ic-admin-client-hover-outline-color, #7dd3fc)) !important;
  box-shadow: 0 0 0 var(--ic-admin-card-hover-outline-width, var(--ic-admin-client-hover-outline-width, 1px)) var(--ic-admin-card-hover-outline-color, var(--ic-admin-client-hover-outline-color, #7dd3fc)), 0 10px 22px rgba(0,0,0,.18) !important;
  transform: none !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112[aria-pressed="true"] {
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350)) !important;
  box-shadow: 0 0 0 var(--ic-admin-card-selected-outline-width, var(--ic-admin-client-selected-outline-width, 2px)) var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350)), 0 12px 26px rgba(0,0,0,.20) !important;
  transform: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-select-hidden-v1124,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-card-check-v51 {
  display: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main {
  min-width: 0 !important;
  gap: 4px !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p,
body.admin-area .crm-client-card-meta-v1124,
body.admin-area .crm-client-card-meta-v1124 span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .crm-client-card-meta-v1124 {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

/* === v11.33 background scene standard: no fixed/cropped page backdrops === */
html,
body {
  background-color: #050912 !important;
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
}

body:not(.admin-area) {
  background-image:
    radial-gradient(920px 420px at 16% -8%, rgba(39,183,255,.115), transparent 68%),
    radial-gradient(820px 380px at 96% 8%, rgba(34,211,238,.075), transparent 70%),
    linear-gradient(180deg, #050912 0%, #07111f 38%, #050912 100%) !important;
  background-attachment: scroll !important;
  background-position: top center !important;
  min-height: 100dvh;
}

body:not(.admin-area) main,
body:not(.admin-area) .home-v13,
body:not(.admin-area) .section,
body:not(.admin-area) .section-v10,
body:not(.admin-area) .section-v11,
body:not(.admin-area) .section-v13,
body:not(.admin-area) .section-v15,
body:not(.admin-area) .page-hero,
body:not(.admin-area) .page-compact-hero,
body:not(.admin-area) .page-hero-v13,
body:not(.admin-area) .page-hero-v15,
body:not(.admin-area) .hero,
body:not(.admin-area) .hero-v10,
body:not(.admin-area) .hero-v11,
body:not(.admin-area) .hero-v12,
body:not(.admin-area) .hero-v13 {
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
}

body:not(.admin-area) .section,
body:not(.admin-area) .section-v10,
body:not(.admin-area) .section-v11,
body:not(.admin-area) .section-v13,
body:not(.admin-area) .section-v15,
body:not(.admin-area) .page-hero,
body:not(.admin-area) .page-compact-hero,
body:not(.admin-area) .page-hero-v13,
body:not(.admin-area) .page-hero-v15,
body:not(.admin-area) .hero:not(.ic-hero-tech-bg),
body:not(.admin-area) .hero-v10:not(.ic-hero-tech-bg),
body:not(.admin-area) .hero-v11:not(.ic-hero-tech-bg),
body:not(.admin-area) .hero-v12:not(.ic-hero-tech-bg),
body:not(.admin-area) .hero-v13:not(.ic-hero-tech-bg) {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}

body:not(.admin-area) .page-hero::before,
body:not(.admin-area) .page-compact-hero::before,
body:not(.admin-area) .page-hero-v13::before,
body:not(.admin-area) .page-hero-v15::before,
body:not(.admin-area) .hero:not(.ic-hero-tech-bg)::before,
body:not(.admin-area) .hero-v10:not(.ic-hero-tech-bg)::before,
body:not(.admin-area) .hero-v11:not(.ic-hero-tech-bg)::before,
body:not(.admin-area) .hero-v12:not(.ic-hero-tech-bg)::before,
body:not(.admin-area) .hero-v13:not(.ic-hero-tech-bg)::before {
  content: "" !important;
  position: absolute !important;
  inset: -34px 0 -28px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: .82 !important;
  background:
    radial-gradient(760px 300px at 18% 4%, rgba(39,183,255,.13), transparent 70%),
    radial-gradient(520px 240px at 78% 14%, rgba(34,211,238,.075), transparent 72%),
    linear-gradient(180deg, rgba(7,16,28,.58), rgba(5,9,18,0)) !important;
  background-attachment: scroll !important;
  background-size: 104% 104% !important;
  background-position: center !important;
  filter: none !important;
  animation: icPublicSceneDriftV1133 24s ease-in-out infinite alternate !important;
  transform-origin: center;
}

body:not(.admin-area) .page-hero > .container,
body:not(.admin-area) .page-compact-hero > .container,
body:not(.admin-area) .page-hero-v13 > .container,
body:not(.admin-area) .page-hero-v15 > .container,
body:not(.admin-area) .hero > .container,
body:not(.admin-area) .hero-v10 > .container,
body:not(.admin-area) .hero-v11 > .container,
body:not(.admin-area) .hero-v12 > .container,
body:not(.admin-area) .hero-v13 > .container {
  position: relative;
  z-index: 1;
}

@keyframes icPublicSceneDriftV1133 {
  from { transform: translate3d(-.8%, 0, 0) scale(1.01); background-position: 48% 0%; }
  to { transform: translate3d(1.2%, -.6%, 0) scale(1.045); background-position: 53% 4%; }
}

body:not(.admin-area) .comments-block {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026)),
    rgba(10,24,38,.72) !important;
  background-clip: padding-box !important;
}
body:not(.admin-area) .comments-block::before {
  content: "";
  position: absolute;
  inset: -18px;
  z-index: -1;
  border-radius: inherit;
  background:
    radial-gradient(420px 160px at 18% 0%, rgba(39,183,255,.12), transparent 72%),
    radial-gradient(360px 140px at 86% 10%, rgba(34,211,238,.07), transparent 74%);
  pointer-events: none;
}
body:not(.admin-area) .comment-list,
body:not(.admin-area) .comment-form,
body:not(.admin-area) .comment-item,
body:not(.admin-area) .comments-block input,
body:not(.admin-area) .comments-block textarea {
  min-width: 0;
}
body:not(.admin-area) .comment-item {
  overflow-wrap: anywhere;
  border: 1px solid rgba(148,190,210,.14);
  border-radius: var(--radius, 16px);
  background: rgba(255,255,255,.035);
}

@media (prefers-reduced-motion: reduce) {
  body:not(.admin-area) .page-hero::before,
  body:not(.admin-area) .page-compact-hero::before,
  body:not(.admin-area) .page-hero-v13::before,
  body:not(.admin-area) .page-hero-v15::before,
  body:not(.admin-area) .hero:not(.ic-hero-tech-bg)::before,
  body:not(.admin-area) .hero-v10:not(.ic-hero-tech-bg)::before,
  body:not(.admin-area) .hero-v11:not(.ic-hero-tech-bg)::before,
  body:not(.admin-area) .hero-v12:not(.ic-hero-tech-bg)::before,
  body:not(.admin-area) .hero-v13:not(.ic-hero-tech-bg)::before {
    animation: none !important;
    transform: none !important;
  }
}

/* === v11.34 pricing card/layout standard === */
body.admin-area .pricing-editor-v21.content-editor-grid-v30 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}
body.admin-area .pricing-card-v21.pricing-card-v1134.content-editor-card-v30 {
  display: grid !important;
  grid-template-columns: 52px minmax(220px, .95fr) minmax(220px, 1.25fr) minmax(170px, .42fr) auto !important;
  grid-template-areas:
    "num title title price tools"
    "num id    home  home  tools"
    "num desc  desc  desc  desc" !important;
  gap: 12px 14px !important;
  align-items: stretch !important;
  padding: 16px !important;
  min-height: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--ic-admin-line, rgba(148,163,184,.18)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026)),
    var(--ic-admin-panel, rgba(15,23,42,.72)) !important;
}
body.admin-area .pricing-card-v1134__num {
  grid-area: num !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: var(--ic-admin-radius-sm, 10px) !important;
  background: color-mix(in srgb, var(--ic-admin-accent, #38bdf8) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent, #38bdf8) 22%, var(--ic-admin-line, rgba(148,163,184,.18))) !important;
  color: var(--ic-admin-accent, #38bdf8) !important;
  font-weight: 900 !important;
}
body.admin-area .pricing-card-v1134__title { grid-area: title !important; }
body.admin-area .pricing-card-v1134__price { grid-area: price !important; }
body.admin-area .pricing-card-v1134__id { grid-area: id !important; }
body.admin-area .pricing-card-v1134__home { grid-area: home !important; align-self: center !important; }
body.admin-area .pricing-card-v1134__tools { grid-area: tools !important; align-self: start !important; justify-self: end !important; display: flex !important; align-items: start !important; padding: 0 !important; }
body.admin-area .pricing-card-v1134__desc { grid-area: desc !important; }
body.admin-area .pricing-card-v21.pricing-card-v1134 label,
body.admin-area .pricing-card-v21.pricing-card-v1134 .pricing-card-v1134__field {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, auto) !important;
  gap: 5px !important;
}
body.admin-area .pricing-card-v21.pricing-card-v1134 label span,
body.admin-area .pricing-card-v21.pricing-card-v1134 .pricing-card-v1134__field > span {
  display: block !important;
  margin: 0 !important;
  color: var(--ic-admin-muted, rgba(203,213,225,.74)) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.admin-area .pricing-card-v21.pricing-card-v1134 input,
body.admin-area .pricing-card-v21.pricing-card-v1134 textarea {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: var(--ic-admin-control-radius, 10px) !important;
  background: var(--ic-admin-field-bg, rgba(15,23,42,.72)) !important;
}
body.admin-area .pricing-card-v21.pricing-card-v1134 input {
  min-height: 38px !important;
}
body.admin-area .pricing-card-v21.pricing-card-v1134 .pricing-card-v1134__price input {
  font-weight: 900 !important;
  color: var(--ic-admin-accent, #38bdf8) !important;
}
body.admin-area .pricing-card-v21.pricing-card-v1134 textarea {
  min-height: 128px !important;
  height: auto !important;
  max-height: 320px !important;
  resize: vertical !important;
  line-height: 1.48 !important;
  overflow: auto !important;
}
body.admin-area .pricing-card-v1134__home.ic-admin-toggle {
  min-height: 38px !important;
  padding: 0 2px !important;
}
body.admin-area .pricing-card-v1134__home.ic-admin-toggle b {
  min-width: 0 !important;
  color: var(--ic-admin-text, inherit) !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
}
body.admin-area .pricing-card-v1134__tools .btn {
  min-width: 104px !important;
  white-space: nowrap !important;
}
@media (max-width: 1180px) {
  body.admin-area .pricing-card-v21.pricing-card-v1134.content-editor-card-v30 {
    grid-template-columns: 46px minmax(0, 1fr) minmax(160px, .45fr) auto !important;
    grid-template-areas:
      "num title price tools"
      "num id    home  tools"
      "num desc  desc  desc" !important;
  }
}
@media (max-width: 820px) {
  body.admin-area .pricing-card-v21.pricing-card-v1134.content-editor-card-v30 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "title"
      "price"
      "id"
      "home"
      "desc"
      "tools" !important;
  }
  body.admin-area .pricing-card-v1134__num {
    min-height: 34px !important;
    place-items: center start !important;
    padding: 0 12px !important;
  }
  body.admin-area .pricing-card-v1134__tools,
  body.admin-area .pricing-card-v1134__tools .btn {
    width: 100% !important;
    justify-self: stretch !important;
  }
}

body:not(.admin-area) .price-grid-v13,
body:not(.admin-area) .price-grid-v64 {
  align-items: stretch !important;
}
body:not(.admin-area) .price-card-v13 {
  display: grid !important;
  grid-template-rows: auto auto minmax(88px, 1fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 220px !important;
  padding: clamp(18px, 2vw, 24px) !important;
  overflow: hidden !important;
}
body:not(.admin-area) .price-card-v13 span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .price-card-v13 strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  line-height: 1.1 !important;
}
body:not(.admin-area) .price-card-v13 p {
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  line-height: 1.52 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-public-grid-v1134 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap: clamp(12px, 2vw, 18px) !important;
  margin-top: 18px !important;
}
body:not(.admin-area) .pricing-public-card-v1134 {
  display: grid !important;
  grid-template-rows: auto minmax(96px, 1fr) auto !important;
  gap: 14px !important;
  min-height: 250px !important;
  padding: clamp(18px, 2vw, 24px) !important;
  overflow: hidden !important;
}
body:not(.admin-area) .pricing-public-card-v1134__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}
body:not(.admin-area) .pricing-public-card-v1134 h2 {
  min-width: 0 !important;
  margin: 0 !important;
  font-size: clamp(1.05rem, 1.4vw, 1.28rem) !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-public-card-v1134 strong {
  justify-self: end !important;
  max-width: 190px !important;
  color: var(--accent, #38bdf8) !important;
  font-size: clamp(1.1rem, 1.65vw, 1.5rem) !important;
  line-height: 1.08 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-public-card-v1134 p {
  margin: 0 !important;
  color: var(--muted, rgba(203,213,225,.76)) !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-public-card-v1134 .btn {
  justify-self: start !important;
}
@media (max-width: 620px) {
  body:not(.admin-area) .pricing-public-card-v1134__head {
    grid-template-columns: 1fr !important;
  }
  body:not(.admin-area) .pricing-public-card-v1134 strong {
    justify-self: start !important;
    text-align: left !important;
    max-width: none !important;
  }
}

/* === v11.35 pricing page full-height background + wider pricing cards === */
html {
  min-height: 100% !important;
}
body:not(.admin-area) {
  min-height: 100dvh !important;
  height: auto !important;
  background-size: 100% 100%, 100% 100%, 100% 100% !important;
}
body:not(.admin-area) .pricing-page-v64 {
  position: relative !important;
  isolation: isolate !important;
  min-height: max(100dvh, 100%) !important;
  overflow: visible !important;
  background: transparent !important;
}
body:not(.admin-area) .pricing-page-v64::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(980px 520px at 12% 0%, rgba(39,183,255,.135), transparent 70%),
    radial-gradient(860px 440px at 96% 12%, rgba(34,211,238,.090), transparent 72%),
    radial-gradient(720px 360px at 50% 82%, rgba(59,130,246,.060), transparent 74%),
    linear-gradient(180deg, #050912 0%, #07111f 34%, #07111a 64%, #050912 100%) !important;
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center top !important;
}
body:not(.admin-area) .pricing-page-v64::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: .46 !important;
  background-image:
    linear-gradient(rgba(125,211,252,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.032) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  background-position: center top !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.56) 48%, rgba(0,0,0,.22) 100%) !important;
}
body:not(.admin-area) .pricing-page-v64 .section-v13 {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  min-height: auto !important;
}
body:not(.admin-area) .pricing-page-v64 .container {
  width: min(100% - 32px, 1280px) !important;
}
body:not(.admin-area) .pricing-public-grid-v1134 {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(14px, 2.2vw, 22px) !important;
  margin-top: clamp(18px, 2.4vw, 28px) !important;
}
body:not(.admin-area) .pricing-public-card-v1134 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: clamp(220px, 24vw, 300px) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  gap: clamp(12px, 1.5vw, 16px) !important;
  padding: clamp(20px, 2.4vw, 30px) !important;
}
body:not(.admin-area) .pricing-public-card-v1134__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(160px, max-content) !important;
  gap: clamp(12px, 1.6vw, 18px) !important;
  align-items: start !important;
}
body:not(.admin-area) .pricing-public-card-v1134 h2 {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
body:not(.admin-area) .pricing-public-card-v1134 strong {
  max-width: 260px !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
body:not(.admin-area) .pricing-public-card-v1134 p {
  max-width: 78ch !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
@media (min-width: 1180px) {
  body:not(.admin-area) .pricing-public-grid-v1134 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1680px) {
  body:not(.admin-area) .pricing-page-v64 .container {
    width: min(100% - 48px, 1480px) !important;
  }
  body:not(.admin-area) .pricing-public-grid-v1134 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  body:not(.admin-area) .pricing-page-v64 .container {
    width: min(100% - 20px, 1280px) !important;
  }
  body:not(.admin-area) .pricing-public-grid-v1134 {
    grid-template-columns: 1fr !important;
  }
  body:not(.admin-area) .pricing-public-card-v1134 {
    min-height: auto !important;
  }
  body:not(.admin-area) .pricing-public-card-v1134__head {
    grid-template-columns: 1fr !important;
  }
  body:not(.admin-area) .pricing-public-card-v1134 strong {
    justify-self: start !important;
    text-align: left !important;
    max-width: none !important;
  }
}

/* === v11.36 pricing admin description full-width row === */
body.admin-area .pricing-card-v21.pricing-card-v1134.content-editor-card-v30 {
  grid-template-areas:
    "num title title price tools"
    "num id    home  home  tools"
    "desc desc desc  desc  desc" !important;
}
body.admin-area .pricing-card-v1134__desc,
body.admin-area .pricing-card-v21.pricing-card-v1134 > label.full.pricing-card-v1134__desc {
  grid-area: desc !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-top: 2px !important;
}
body.admin-area .pricing-card-v1134__desc textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 116px !important;
}
@media (max-width: 1180px) {
  body.admin-area .pricing-card-v21.pricing-card-v1134.content-editor-card-v30 {
    grid-template-areas:
      "num title price tools"
      "num id    home  tools"
      "desc desc  desc  desc" !important;
  }
}
@media (max-width: 820px) {
  body.admin-area .pricing-card-v21.pricing-card-v1134.content-editor-card-v30 {
    grid-template-areas:
      "num"
      "title"
      "price"
      "id"
      "home"
      "desc"
      "tools" !important;
  }
}

/* === v11.37 CRM client-card visual repair === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  min-height: 132px !important;
  grid-template-columns: minmax(0, 1fr) 124px !important;
  align-items: stretch !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03)) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main {
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  gap: 8px !important;
  padding-right: 8px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top {
  min-height: 24px !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 96px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3 {
  font-size: 1.08rem !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  font-size: .96rem !important;
  line-height: 1.3 !important;
  color: var(--text) !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
body.admin-area .crm-client-card-meta-v1124 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 12px !important;
  align-items: center !important;
  white-space: normal !important;
}
body.admin-area .crm-client-card-meta-v1124 span {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: .83rem !important;
  color: var(--muted) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
body.admin-area .crm-open-client-v1122 {
  width: 116px !important;
  min-width: 116px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 12px !important;
  font-size: .98rem !important;
}
body.admin-area .crm-client-lead-ribbon-v112 {
  transform: scale(.94) !important;
  transform-origin: top right !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    min-height: 148px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions {
    justify-content: stretch !important;
  }
  body.admin-area .crm-open-client-v1122 {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top {
    padding-right: 82px !important;
  }
}

/* === v11.39 CRM client-card final readable layout === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  min-height: 158px !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  padding: 18px 18px 16px 22px !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__main {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  display: grid !important;
  grid-template-rows: 26px minmax(24px, auto) minmax(22px, auto) minmax(22px, auto) !important;
  align-content: center !important;
  gap: 7px !important;
  padding: 0 10px 0 0 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__kicker {
  min-height: 26px !important;
  height: 26px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  padding-right: 98px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top small {
  min-height: 22px !important;
  height: 22px !important;
  padding: 1px 8px !important;
  line-height: 20px !important;
  flex: 0 1 auto !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3,
body.admin-area .ic-admin-list-card.crm-client-lead-v112 h3 {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 24px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  font-size: 1.12rem !important;
  line-height: 1.28 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p,
body.admin-area .ic-admin-list-card.crm-client-lead-v112 p {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 22px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  font-size: .98rem !important;
  line-height: 1.32 !important;
}
body.admin-area .crm-client-card-meta-v1124,
body.admin-area .ic-admin-list-card.crm-client-lead-v112 .ic-admin-list-card__meta {
  min-height: 22px !important;
  max-height: 48px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px 12px !important;
  white-space: normal !important;
}
body.admin-area .crm-client-card-meta-v1124 span,
body.admin-area .ic-admin-list-card.crm-client-lead-v112 .ic-admin-list-card__meta span {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: min(100%, 360px) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: .82rem !important;
  line-height: 1.25 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
  min-width: 132px !important;
  width: 132px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
body.admin-area .crm-open-client-v1122 {
  width: 124px !important;
  min-width: 124px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding-inline: 12px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] {
  transform: none !important;
}
body.admin-area.ic-motion-hover .crm-lead-card-v42.crm-client-lead-v112:hover {
  transform: none !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    min-height: 176px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__main {
    align-content: start !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: stretch !important;
  }
  body.admin-area .crm-open-client-v1122 {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* === v11.40 CRM selectable cards must never fold/open on card click === */
body.admin-area .crm-client-lead-v112[data-ic-card-select].ic-fold-card,
body.admin-area .crm-client-lead-v112[data-ic-card-select].ic-fold-card.is-collapsed,
body.admin-area .crm-client-lead-v112[data-ic-card-select].ic-fold-card.is-expanded {
  max-height: none !important;
  overflow: visible !important;
}
body.admin-area .crm-client-lead-v112[data-ic-card-select] .ic-fold-indicator {
  display: none !important;
}

/* === v11.41 admin card elevation/contrast hierarchy === */
body.admin-area {
  --ic-admin-elevation-panel-bg: rgba(52, 74, 82, .92);
  --ic-admin-elevation-panel-border: rgba(170, 210, 222, .16);
  --ic-admin-elevation-card-bg: rgba(68, 91, 98, .94);
  --ic-admin-elevation-card-bg-alt: rgba(73, 98, 105, .94);
  --ic-admin-elevation-card-inner: rgba(37, 54, 60, .42);
  --ic-admin-elevation-card-border: rgba(198, 230, 238, .22);
  --ic-admin-elevation-card-border-strong: rgba(217, 244, 250, .34);
  --ic-admin-elevation-card-shadow: 0 14px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.075), inset 0 -1px 0 rgba(0,0,0,.22);
  --ic-admin-elevation-card-shadow-hover: 0 18px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.095), inset 0 -1px 0 rgba(0,0,0,.26);
}
body.admin-area .admin-card,
body.admin-area .panel,
body.admin-area .ic-admin-list-shell,
body.admin-area .crm-list-panel-v51,
body.admin-area .leads-list-v1111,
body.admin-area .lead-detail-v1111 {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ic-admin-elevation-panel-bg) 94%, #fff 6%), color-mix(in srgb, var(--ic-admin-elevation-panel-bg) 88%, #000 12%)) !important;
  border-color: var(--ic-admin-elevation-panel-border) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.052) !important;
}
body.admin-area .ic-admin-list-card,
body.admin-area .admin-card-list-v13 > article,
body.admin-area .case-admin-card-v33,
body.admin-area .service-card-v13,
body.admin-area .price-card-v13,
body.admin-area .price-admin-card-v1134,
body.admin-area .lead-card-v1111,
body.admin-area .leadx-item-v1121,
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ic-admin-elevation-card-bg) 93%, #fff 7%), color-mix(in srgb, var(--ic-admin-elevation-card-bg) 86%, #000 14%)) !important;
  border: 1px solid var(--ic-admin-elevation-card-border) !important;
  box-shadow: var(--ic-admin-elevation-card-shadow) !important;
}
body.admin-area .ic-admin-list-card:nth-of-type(even),
body.admin-area .admin-card-list-v13 > article:nth-of-type(even),
body.admin-area .lead-card-v1111:nth-of-type(even),
body.admin-area .leadx-item-v1121:nth-of-type(even),
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112:nth-of-type(even) {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ic-admin-elevation-card-bg-alt) 93%, #fff 7%), color-mix(in srgb, var(--ic-admin-elevation-card-bg-alt) 86%, #000 14%)) !important;
}
body.admin-area .ic-admin-list-card:hover,
body.admin-area .admin-card-list-v13 > article:hover,
body.admin-area .case-admin-card-v33:hover,
body.admin-area .lead-card-v1111:hover,
body.admin-area .leadx-item-v1121:hover,
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112:hover {
  border-color: var(--ic-admin-elevation-card-border-strong) !important;
  box-shadow: var(--ic-admin-elevation-card-shadow-hover) !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  position: relative !important;
  background:
    linear-gradient(180deg, rgba(85,111,118,.96), rgba(58,80,87,.98)) !important;
  border-color: rgba(211, 241, 248, .26) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.105),
    inset 0 -1px 0 rgba(0,0,0,.24) !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112:nth-of-type(even) {
  background:
    linear-gradient(180deg, rgba(91,118,125,.96), rgba(63,86,93,.98)) !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112::after {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__main {
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(31,49,55,.34), rgba(21,35,40,.22)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(0,0,0,.12) !important;
  padding: 9px 14px 9px 12px !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
  position: relative !important;
  z-index: 2 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] {
  background:
    linear-gradient(180deg, rgba(92,119,127,.98), rgba(62,84,91,.99)) !important;
  box-shadow:
    0 0 0 var(--ic-admin-card-selected-outline-width, var(--ic-admin-client-selected-outline-width, 2px)) var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350)),
    0 20px 42px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.28) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top span,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top small,
body.admin-area .crm-client-card-meta-v1124 span {
  background: rgba(15, 30, 36, .26) !important;
  border: 1px solid rgba(255,255,255,.045) !important;
  border-radius: 999px !important;
  padding-inline: 8px !important;
}

/* === v11.42 CRM selectable-card color hierarchy + button alignment === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  --ic-crm-select-hover-color: var(--ic-admin-card-hover-outline-color, var(--ic-admin-client-hover-outline-color, #7dd3fc));
  --ic-crm-select-hover-width: var(--ic-admin-card-hover-outline-width, var(--ic-admin-client-hover-outline-width, 1px));
  --ic-crm-select-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350));
  --ic-crm-select-width: var(--ic-admin-card-selected-outline-width, var(--ic-admin-client-selected-outline-width, 2px));
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 124px !important;
  align-items: stretch !important;
  gap: 16px !important;
  padding: 18px !important;
  border: 1px solid rgba(211, 241, 248, .26) !important;
  outline: 0 solid transparent !important;
  outline-offset: 0 !important;
  background:
    linear-gradient(180deg, rgba(85,111,118,.96), rgba(58,80,87,.98)) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.105),
    inset 0 -1px 0 rgba(0,0,0,.24) !important;
  transition: box-shadow .18s ease, border-color .18s ease, outline-color .18s ease, filter .18s ease !important;
}
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112:nth-of-type(even) {
  background:
    linear-gradient(180deg, rgba(91,118,125,.96), rgba(63,86,93,.98)) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112::after {
  border-color: rgba(255,255,255,.05) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:hover:not(.is-selected-v108):not([aria-pressed="true"]) {
  border-color: color-mix(in srgb, var(--ic-crm-select-hover-color) 64%, rgba(255,255,255,.16)) !important;
  outline: var(--ic-crm-select-hover-width) solid var(--ic-crm-select-hover-color) !important;
  outline-offset: 0 !important;
  background:
    linear-gradient(180deg, rgba(88,114,121,.96), rgba(60,82,89,.98)) !important;
  box-shadow:
    0 0 0 calc(var(--ic-crm-select-hover-width) + 1px) color-mix(in srgb, var(--ic-crm-select-hover-color) 22%, transparent),
    0 18px 34px rgba(0,0,0,.33),
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(0,0,0,.24) !important;
  transform: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:hover:not(.is-selected-v108):not([aria-pressed="true"])::after {
  border-color: color-mix(in srgb, var(--ic-crm-select-hover-color) 28%, rgba(255,255,255,.05)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"],
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked),
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"]:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked):hover {
  border-color: color-mix(in srgb, var(--ic-crm-select-color) 72%, rgba(255,255,255,.18)) !important;
  outline: var(--ic-crm-select-width) solid var(--ic-crm-select-color) !important;
  outline-offset: 0 !important;
  background:
    linear-gradient(180deg, rgba(85,111,118,.96), rgba(58,80,87,.98)) !important;
  box-shadow:
    0 0 0 calc(var(--ic-crm-select-width) + 2px) color-mix(in srgb, var(--ic-crm-select-color) 34%, transparent),
    0 0 26px color-mix(in srgb, var(--ic-crm-select-color) 32%, transparent),
    0 22px 46px rgba(0,0,0,.38),
    inset 0 0 0 1px color-mix(in srgb, var(--ic-crm-select-color) 24%, transparent),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.28) !important;
  filter: saturate(1.03) !important;
  transform: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108:nth-of-type(even),
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"]:nth-of-type(even),
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked):nth-of-type(even) {
  background:
    linear-gradient(180deg, rgba(91,118,125,.96), rgba(63,86,93,.98)) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108::after,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"]::after,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked)::after {
  border-color: color-mix(in srgb, var(--ic-crm-select-color) 36%, rgba(255,255,255,.05)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ic-crm-select-color) 18%, transparent),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__main {
  background: linear-gradient(180deg, rgba(31,49,55,.34), rgba(21,35,40,.22)) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108 .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108 .ic-admin-list-card__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] .ic-admin-list-card__main {
  background: linear-gradient(180deg, rgba(31,49,55,.34), rgba(21,35,40,.22)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ic-crm-select-color) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.12) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.admin-area .crm-open-client-v1122,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-open-client-v1122 {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
}
body.admin-area .crm-open-client-v1122:hover {
  transform: none !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
  }
  body.admin-area .crm-open-client-v1122,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-open-client-v1122 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* === v11.43 CRM selected-card cleanup: no button pad, no tinted button === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  grid-template-columns: minmax(0, 1fr) 124px !important;
  gap: 14px !important;
  align-items: center !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
  position: relative !important;
  z-index: 6 !important;
  align-self: center !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions::before,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions::after,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions::before,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions::after {
  content: none !important;
  display: none !important;
}
body.admin-area .crm-open-client-v1122,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-open-client-v1122 {
  box-sizing: border-box !important;
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: var(--radius-sm, 12px) !important;
  transform: none !important;
  filter: none !important;
  color: var(--text, #e8f2f6) !important;
  background: var(--ic-admin-button-secondary-bg, rgba(96, 125, 139, .62)) !important;
  border-color: var(--ic-admin-button-secondary-border, rgba(202, 232, 241, .22)) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.admin-area .crm-open-client-v1122:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-open-client-v1122:hover {
  background: var(--ic-admin-button-secondary-hover-bg, rgba(112, 143, 153, .68)) !important;
  border-color: var(--ic-admin-button-secondary-hover-border, rgba(217, 242, 248, .30)) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
  transform: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108 .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108 .ic-admin-list-card__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"] .ic-admin-list-card__main {
  background: linear-gradient(180deg, rgba(31,49,55,.30), rgba(21,35,40,.18)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(0,0,0,.10) !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"],
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked),
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"]:hover,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked):hover {
  border-color: var(--ic-crm-select-color, var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350))) !important;
  outline: var(--ic-crm-select-width, var(--ic-admin-card-selected-outline-width, var(--ic-admin-client-selected-outline-width, 2px))) solid var(--ic-crm-select-color, var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350))) !important;
  outline-offset: 0 !important;
  background: linear-gradient(180deg, rgba(85,111,118,.96), rgba(58,80,87,.98)) !important;
  box-shadow:
    0 0 0 calc(var(--ic-crm-select-width, var(--ic-admin-card-selected-outline-width, var(--ic-admin-client-selected-outline-width, 2px))) + 2px) color-mix(in srgb, var(--ic-crm-select-color, var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350))) 24%, transparent),
    0 0 22px color-mix(in srgb, var(--ic-crm-select-color, var(--ic-admin-card-selected-outline-color, var(--ic-admin-client-selected-outline-color, #ef5350))) 26%, transparent),
    0 22px 44px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.26) !important;
  filter: none !important;
  transform: none !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112.is-selected-v108::after,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112[aria-pressed="true"]::after,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112:has(.crm-select-v51:checked)::after {
  border-color: rgba(255,255,255,.055) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.admin-area .crm-open-client-v1122,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-open-client-v1122 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* === v11.44 CRM card bottom containment fix === */
body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
  min-height: 178px !important;
  height: auto !important;
  align-items: stretch !important;
  padding: 18px 20px !important;
  overflow: visible !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__main {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, auto) !important;
  align-content: center !important;
  gap: 8px !important;
  min-height: 118px !important;
  max-height: none !important;
  height: 100% !important;
  padding: 12px 14px !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__top {
  min-height: 22px !important;
  max-height: 24px !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 h3 {
  min-height: 0 !important;
  max-height: 2.7em !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 p {
  min-height: 0 !important;
  max-height: 2.6em !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.admin-area .crm-client-card-meta-v1124 {
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: start !important;
  align-items: center !important;
  gap: 4px 10px !important;
  min-height: 20px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 1.25 !important;
}
body.admin-area .crm-client-card-meta-v1124 span {
  flex: 0 1 auto !important;
  max-width: min(100%, 360px) !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
  align-self: stretch !important;
  height: 100% !important;
  min-height: 118px !important;
}
body.admin-area .crm-client-lead-ribbon-v112 {
  top: 14px !important;
  right: 12px !important;
}
@media (max-width: 900px) {
  body.admin-area .crm-lead-card-v42.crm-lead-card-v51.crm-client-lead-v112 {
    min-height: 206px !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__main,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v51__main,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__main {
    min-height: 132px !important;
  }
  body.admin-area .crm-client-card-meta-v1124 {
    max-height: 58px !important;
  }
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .crm-lead-card-v42__actions,
  body.admin-area .crm-lead-card-v42.crm-client-lead-v112 .ic-admin-list-card__actions {
    min-height: 44px !important;
    height: auto !important;
  }
}


/* === v11.49 theme-controlled chat button fallback === */
body.ic-ui-technical .chat-widget,
body.ic-ui-technical .chat-widget-v15 {
  --ic-chat-button-size: var(--ic-ui-chat-button-size, 56px);
  --ic-chat-button-width: var(--ic-ui-chat-button-width, var(--ic-chat-button-size));
  --ic-chat-button-radius: var(--ic-ui-chat-button-radius, 999px);
}
body.ic-ui-technical .chat-button,
body.ic-ui-technical .chat-button-v15,
body.ic-ui-technical .chat-button-v52 {
  min-width: var(--ic-chat-button-width) !important;
  min-height: var(--ic-chat-button-size) !important;
  border-radius: var(--ic-chat-button-radius) !important;
}


/* === Motion Engine v1.6: chat isolation + no black preload flash === */
.chat-widget.chat-widget-v15,
.chat-widget[data-chat],
[data-chat].chat-widget-v15 {
  background: var(--ic-ui-layer-2, var(--surface-2, #0b1826)) !important;
  color: var(--ic-ui-text, var(--text, #e5eef7)) !important;
  border-color: var(--ic-ui-line, var(--border, rgba(148,163,184,.22))) !important;
  overflow: hidden !important;
  backface-visibility: hidden !important;
  transform: translate3d(0,0,0) !important;
}
.chat-widget.chat-widget-v15:not(.is-open),
.chat-widget[data-chat]:not(.is-open),
[data-chat].chat-widget-v15:not(.is-open) {
  width: var(--ic-ui-chat-button-width, var(--ic-ui-chat-button-size, 56px)) !important;
  height: var(--ic-ui-chat-button-size, 56px) !important;
  border-radius: var(--ic-ui-chat-button-radius, 999px) !important;
}
.chat-widget.chat-widget-v15:not(.is-open) .chat-panel-v15[hidden],
.chat-widget[data-chat]:not(.is-open) .chat-panel[hidden],
.chat-widget[data-chat]:not(.is-open) .chat-panel-v15[hidden] {
  display: none !important;
}
.chat-widget.chat-widget-v15 .chat-button-v15,
.chat-widget.chat-widget-v15 .chat-button-v52,
.chat-widget[data-chat] [data-chat-toggle].chat-button,
.chat-widget[data-chat] > .chat-button {
  background: transparent !important;
  color: var(--ic-ui-accent, var(--accent, #38bdf8)) !important;
  box-shadow: none !important;
  border-color: transparent !important;
  backface-visibility: hidden !important;
}
body:not(.admin-area).ic-motion-chat [data-chat],
body:not(.admin-area).ic-motion-chat [data-chat] *,
body:not(.admin-area).ic-motion-chat .chat-widget,
body:not(.admin-area).ic-motion-chat .chat-widget *,
body:not(.admin-area).ic-motion-chat .chat-widget-v15,
body:not(.admin-area).ic-motion-chat .chat-widget-v15 * {
  animation-name: none !important;
}
body:not(.admin-area).ic-motion-chat [data-chat] .chat-panel,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-panel-v15,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-log,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-log-v15,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-form,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-form-v15,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-compose-v15,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-contact-v15,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-actions-v15,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-head,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-head-v15,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-empty,
body:not(.admin-area).ic-motion-chat [data-chat] textarea,
body:not(.admin-area).ic-motion-chat [data-chat] input,
body:not(.admin-area).ic-motion-chat [data-chat] details,
body:not(.admin-area).ic-motion-chat [data-chat] summary {
  transform: none !important;
  rotate: 0deg !important;
  filter: none !important;
  perspective: none !important;
}
body:not(.admin-area).ic-motion-chat [data-chat] .ic-motion-reveal-target,
body:not(.admin-area).ic-motion-chat [data-chat] .ic-motion-interactive,
body:not(.admin-area).ic-motion-chat [data-chat] .ic-motion-stateful {
  transform: none !important;
  filter: none !important;
}
body:not(.admin-area).ic-motion-chat [data-chat] .chat-panel > *,
body:not(.admin-area).ic-motion-chat [data-chat] .chat-panel-v15 > * {
  transform: none !important;
  filter: none !important;
  rotate: 0deg !important;
  transition: opacity calc(var(--ic-chat-morph-duration, 560ms) * .42) ease !important;
}
body:not(.admin-area).ic-motion-chat [data-chat]:not(.is-open) .chat-panel > *,
body:not(.admin-area).ic-motion-chat [data-chat]:not(.is-open) .chat-panel-v15 > * {
  opacity: 0 !important;
}
body:not(.admin-area).ic-motion-chat [data-chat].is-open .chat-panel > *,
body:not(.admin-area).ic-motion-chat [data-chat].is-open .chat-panel-v15 > * {
  opacity: 1 !important;
  transition-delay: var(--ic-chat-content-delay, 205ms) !important;
}
body:not(.admin-area).ic-motion-chat [data-chat].is-open .chat-button-v15,
body:not(.admin-area).ic-motion-chat [data-chat].is-open .chat-button-v52,
body:not(.admin-area).ic-motion-chat [data-chat].is-open > .chat-button {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
  filter: none !important;
}

/* === v11.52 public channel neon fallback/standard === */
body.ic-ui-technical .channel-card-v65 {
  overflow: visible !important;
  isolation: isolate !important;
}
body.ic-ui-technical .channel-icon-v65 {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}
body.ic-ui-technical .channel-icon-v65::before {
  content: "" !important;
  position: absolute !important;
  inset: calc(var(--ic-ui-channel-avatar-ring-width, 4px) * -1) !important;
  border-radius: calc(18px + var(--ic-ui-channel-avatar-ring-width, 4px)) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* === v11.53 public channel undercard neon safety layer === */
body.ic-ui-technical .section:has(.channel-grid-v65),
body.ic-ui-technical .section-v13:has(.channel-grid-v65),
body.ic-ui-technical .section--soft:has(.channel-grid-v65),
body.ic-ui-technical .channel-grid-v65,
body.ic-ui-technical .channel-grid-home-v65 {
  overflow: visible !important;
}
body.ic-ui-technical .channel-grid-v65 {
  padding-bottom: max(18px, calc(var(--ic-ui-channel-card-underglow-height, 16px) + 12px)) !important;
}
body.ic-ui-technical .channel-card-v65 {
  overflow: visible !important;
  isolation: isolate !important;
  z-index: 1 !important;
  box-shadow:
    var(--ic-ui-shadow, 0 10px 24px rgba(0,0,0,.22)),
    0 18px 42px -20px color-mix(in srgb, var(--ic-channel-avatar-color) 48%, transparent),
    0 26px calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .62) calc(var(--ic-ui-channel-card-underglow-height, 16px) * -.72) color-mix(in srgb, var(--ic-channel-avatar-color) calc(72% * var(--ic-ui-channel-card-underglow-opacity, .84)), transparent) !important;
}
body.ic-ui-technical .channel-card-v65::before {
  content: "" !important;
  position: absolute !important;
  left: clamp(34px, 10%, 82px) !important;
  right: clamp(34px, 10%, 82px) !important;
  top: auto !important;
  bottom: calc((var(--ic-ui-channel-card-underglow-height, 16px) + 7px) * -1) !important;
  height: calc(var(--ic-ui-channel-card-underglow-height, 16px) * 1.45) !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: -1 !important;
  opacity: var(--ic-ui-channel-card-underglow-opacity, .84) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .11)) saturate(1.35) !important;
  background:
    radial-gradient(ellipse at center,
      color-mix(in srgb, var(--ic-channel-avatar-color) 92%, transparent) 0%,
      color-mix(in srgb, var(--ic-channel-avatar-color) 58%, transparent) 42%,
      transparent 76%) !important;
  box-shadow:
    0 0 calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .52) color-mix(in srgb, var(--ic-channel-avatar-color) 62%, transparent),
    0 0 calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .92) color-mix(in srgb, var(--ic-channel-avatar-color) 34%, transparent) !important;
  transform: translate3d(0, 0, 0) !important;
}
body.ic-ui-technical .channel-card-v65:hover::before {
  opacity: min(1, calc(var(--ic-ui-channel-card-underglow-opacity, .84) + .14)) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .13)) saturate(1.5) !important;
}

/* === v11.54 pricing list redesign + motion-friendly rows === */
body:not(.admin-area) .pricing-public-grid-v1134 {
  display: none !important;
}
body:not(.admin-area) .pricing-public-list-v1154,
body:not(.admin-area) .price-grid-v13.price-grid-v64 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-top: 18px !important;
}
body:not(.admin-area) .pricing-public-row-v1154,
body:not(.admin-area) .price-card-v13 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) minmax(160px, 240px) !important;
  gap: clamp(12px, 2vw, 22px) !important;
  align-items: center !important;
  min-height: 104px !important;
  padding: clamp(14px, 1.8vw, 20px) clamp(16px, 2.2vw, 24px) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #38bdf8) 17%, rgba(148,163,184,.20)) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.030)),
    color-mix(in srgb, var(--surface-2, rgba(11,24,38,.86)) 92%, transparent) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  overflow: hidden !important;
}
body:not(.admin-area) .pricing-public-row-v1154::before,
body:not(.admin-area) .price-card-v13::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 3px !important;
  border-radius: 99px !important;
  background: color-mix(in srgb, var(--accent, #38bdf8) 70%, #fff 4%) !important;
  box-shadow: 0 0 22px color-mix(in srgb, var(--accent, #38bdf8) 36%, transparent) !important;
}
body:not(.admin-area) .pricing-public-row-v1154__num {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  color: color-mix(in srgb, var(--accent, #38bdf8) 82%, #fff 12%) !important;
  background: color-mix(in srgb, var(--accent, #38bdf8) 10%, rgba(255,255,255,.035)) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #38bdf8) 20%, rgba(255,255,255,.08)) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}
body:not(.admin-area) .pricing-public-row-v1154__main,
body:not(.admin-area) .price-card-v13 {
  min-width: 0 !important;
}
body:not(.admin-area) .pricing-public-row-v1154 h2,
body:not(.admin-area) .price-card-v13 span {
  margin: 0 0 6px !important;
  min-width: 0 !important;
  color: var(--text, #e5eef7) !important;
  font-size: clamp(1.02rem, 1.35vw, 1.24rem) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-public-row-v1154 p,
body:not(.admin-area) .price-card-v13 p {
  margin: 0 !important;
  color: var(--muted, rgba(203,213,225,.76)) !important;
  line-height: 1.45 !important;
  max-width: 78ch !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-public-row-v1154__side {
  display: grid !important;
  justify-items: end !important;
  gap: 10px !important;
  min-width: 0 !important;
}
body:not(.admin-area) .pricing-public-row-v1154__side strong,
body:not(.admin-area) .price-card-v13 strong {
  color: var(--accent, #38bdf8) !important;
  font-size: clamp(1.05rem, 1.65vw, 1.42rem) !important;
  line-height: 1.08 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-public-row-v1154__side .btn {
  min-height: 34px !important;
  padding-block: 7px !important;
}
body:not(.admin-area) .price-card-v13 {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 230px) !important;
  grid-template-areas:
    "title price"
    "desc price" !important;
}
body:not(.admin-area) .price-card-v13 span { grid-area: title !important; display: block !important; }
body:not(.admin-area) .price-card-v13 p { grid-area: desc !important; }
body:not(.admin-area) .price-card-v13 strong { grid-area: price !important; justify-self: end !important; align-self: center !important; }
@media (max-width: 760px) {
  body:not(.admin-area) .pricing-public-row-v1154 {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-areas:
      "num main"
      "side side" !important;
    align-items: start !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154__num { grid-area: num !important; width: 36px !important; height: 36px !important; border-radius: 12px !important; }
  body:not(.admin-area) .pricing-public-row-v1154__main { grid-area: main !important; }
  body:not(.admin-area) .pricing-public-row-v1154__side { grid-area: side !important; justify-items: start !important; grid-template-columns: 1fr auto !important; align-items: center !important; }
  body:not(.admin-area) .pricing-public-row-v1154__side strong { text-align: left !important; }
  body:not(.admin-area) .price-card-v13 {
    grid-template-columns: 1fr !important;
    grid-template-areas: "title" "price" "desc" !important;
  }
  body:not(.admin-area) .price-card-v13 strong { justify-self: start !important; text-align: left !important; }
}

/* === v11.55 admin-mode embedded UI + mobile pricing readability === */
body.admin-area .admin-mode-native-card-v1155 {
  display: grid !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
  padding: 16px !important;
  border-radius: var(--radius, 18px) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #38bdf8) 28%, var(--border, rgba(148,163,184,.2))) !important;
  background:
    radial-gradient(520px 180px at 0% 0%, color-mix(in srgb, var(--accent, #38bdf8) 13%, transparent), transparent 68%),
    var(--surface-2, rgba(12,26,40,.84)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.admin-area .admin-mode-native-card-v1155__head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
}
body.admin-area .admin-mode-native-card-v1155__head strong {
  display: block !important;
  color: var(--text, #e8f2f6) !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
}
body.admin-area .admin-mode-native-card-v1155__head span {
  display: block !important;
  margin-top: 4px !important;
  color: var(--muted, rgba(203,213,225,.72)) !important;
  line-height: 1.45 !important;
}
body.admin-area .admin-mode-native-card-v1155__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body.admin-area .admin-mode-native-card-v1155__grid span {
  display: block !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--border, rgba(148,163,184,.2)) 70%, transparent) !important;
  background: rgba(255,255,255,.035) !important;
  color: var(--muted, rgba(203,213,225,.72)) !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
}
body.admin-area .admin-mode-native-card-v1155__grid b { color: var(--text, #e8f2f6) !important; }
body.admin-area .admin-mode-native-card-v1155__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
@media (max-width: 920px) {
  body.admin-area .admin-mode-native-card-v1155__head { grid-template-columns: 1fr !important; }
  body.admin-area .admin-mode-native-card-v1155__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  body.admin-area .admin-mode-native-card-v1155__grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 760px) {
  body:not(.admin-area) .pricing-public-list-v1154,
  body:not(.admin-area) .price-grid-v13.price-grid-v64 {
    gap: 12px !important;
    margin-top: 16px !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154,
  body:not(.admin-area) .price-card-v13 {
    min-height: auto !important;
    padding: 17px 16px 16px !important;
    border-radius: 18px !important;
    gap: 11px !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154 {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    grid-template-areas:
      "num main"
      "side side" !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154__num {
    width: 38px !important;
    height: 38px !important;
    font-size: .86rem !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154 h2,
  body:not(.admin-area) .price-card-v13 span {
    font-size: clamp(1.08rem, 5vw, 1.28rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 7px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154 p,
  body:not(.admin-area) .price-card-v13 p {
    font-size: clamp(.95rem, 4.1vw, 1.05rem) !important;
    line-height: 1.48 !important;
    color: color-mix(in srgb, var(--muted, #cbd5e1) 92%, var(--text, #fff) 8%) !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154__side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    gap: 10px !important;
    padding-top: 2px !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154__side strong,
  body:not(.admin-area) .price-card-v13 strong {
    font-size: clamp(1.18rem, 5.2vw, 1.45rem) !important;
    line-height: 1.12 !important;
    text-align: left !important;
  }
  body:not(.admin-area) .pricing-public-row-v1154__side .btn {
    width: 100% !important;
    min-height: 42px !important;
    padding-block: 10px !important;
    font-size: .98rem !important;
  }
  body:not(.admin-area) .price-card-v13 {
    grid-template-columns: 1fr !important;
    grid-template-areas: "title" "price" "desc" !important;
  }
  body:not(.admin-area) .price-card-v13 strong {
    justify-self: start !important;
  }
}


/* === v11.56 pricing repair: scheme cards + home popular cards restored === */
body:not(.admin-area) .pricing-v13 .price-grid-v13,
body:not(.admin-area) .pricing-v13 .price-grid-v64 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
  gap: clamp(12px, 1.7vw, 18px) !important;
  align-items: stretch !important;
}
body:not(.admin-area) .pricing-v13 .price-card-v13 {
  display: grid !important;
  grid-template-areas: "title" "price" "desc" !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto minmax(72px, 1fr) !important;
  gap: 10px !important;
  min-height: 218px !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border-radius: clamp(18px, 2vw, 26px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.074), rgba(255,255,255,.035)),
    color-mix(in srgb, var(--surface, #101926) 90%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--border, rgba(148,163,184,.22)) 80%, rgba(255,255,255,.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 34px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}
body:not(.admin-area) .pricing-v13 .price-card-v13::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: radial-gradient(520px 160px at 12% 0%, color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 12%, transparent), transparent 68%) !important;
  opacity: .72 !important;
}
body:not(.admin-area) .pricing-v13 .price-card-v13 span {
  grid-area: title !important;
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  min-width: 0 !important;
  font-size: clamp(1rem, 1.25vw, 1.16rem) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-v13 .price-card-v13 strong {
  grid-area: price !important;
  position: relative !important;
  z-index: 1 !important;
  justify-self: start !important;
  color: var(--ic-ui-accent, var(--accent, #38bdf8)) !important;
  font-size: clamp(1.2rem, 1.8vw, 1.58rem) !important;
  line-height: 1.04 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-v13 .price-card-v13 p {
  grid-area: desc !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: var(--muted, rgba(203,213,225,.76)) !important;
  line-height: 1.55 !important;
  font-size: .94rem !important;
  overflow-wrap: anywhere !important;
}

body:not(.admin-area) .pricing-page-v1156 .container {
  max-width: min(1180px, calc(100vw - 28px)) !important;
}
body:not(.admin-area) .pricing-scheme-grid-v1156 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap: clamp(14px, 2vw, 20px) !important;
  margin-top: clamp(16px, 2vw, 24px) !important;
  overflow: visible !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156 {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(128px, 1fr) auto !important;
  gap: 16px !important;
  min-height: 292px !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border-radius: clamp(20px, 2.2vw, 30px) !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.034)),
    color-mix(in srgb, var(--surface, #0d1724) 92%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--border, rgba(148,163,184,.22)) 78%, rgba(255,255,255,.13)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 38px rgba(0,0,0,.20) !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(620px 180px at 8% -10%, color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 14%, transparent), transparent 68%),
    linear-gradient(90deg, color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 20%, transparent), transparent 34%) !important;
  opacity: .68 !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 56%, transparent), transparent) !important;
  opacity: .76 !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156 > * {
  position: relative !important;
  z-index: 1 !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156__num {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 16%, rgba(255,255,255,.055)) !important;
  border: 1px solid color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 38%, rgba(255,255,255,.11)) !important;
  color: var(--text, #e5edf6) !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156__tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  color: var(--muted, rgba(203,213,225,.76)) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156__body {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156 h2 {
  margin: 0 !important;
  font-size: clamp(1.08rem, 1.55vw, 1.34rem) !important;
  line-height: 1.14 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156 p {
  margin: 0 !important;
  color: var(--muted, rgba(203,213,225,.76)) !important;
  font-size: clamp(.93rem, 1vw, 1rem) !important;
  line-height: 1.58 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156__bottom {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156__bottom strong {
  min-width: 0 !important;
  color: var(--ic-ui-accent, var(--accent, #38bdf8)) !important;
  font-size: clamp(1.22rem, 1.8vw, 1.62rem) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere !important;
}
body:not(.admin-area) .pricing-scheme-card-v1156__bottom .btn {
  white-space: nowrap !important;
}
@media (max-width: 640px) {
  body:not(.admin-area) .pricing-v13 .price-grid-v13,
  body:not(.admin-area) .pricing-v13 .price-grid-v64,
  body:not(.admin-area) .pricing-scheme-grid-v1156 {
    grid-template-columns: 1fr !important;
  }
  body:not(.admin-area) .pricing-v13 .price-card-v13,
  body:not(.admin-area) .pricing-scheme-card-v1156 {
    min-height: auto !important;
    padding: 18px !important;
  }
  body:not(.admin-area) .pricing-scheme-card-v1156__bottom {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
  body:not(.admin-area) .pricing-scheme-card-v1156__bottom .btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* === v11.56 subtle scroll-depth lists === */
body.ic-motion-scroll-depth .ic-motion-scroll-depth-item {
  transition: opacity 170ms ease, transform 170ms ease, filter 170ms ease !important;
  transform-origin: center top !important;
}

/* === v11.57 pricing layout + theme radius + channel underglow final === */
body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-grid-v1156 {
  grid-template-columns: 1fr !important;
  max-width: 100% !important;
  gap: clamp(14px, 1.6vw, 18px) !important;
}
body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156 {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) minmax(210px, auto) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  min-height: 178px !important;
  gap: clamp(16px, 2vw, 24px) !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border-radius: var(--ic-ui-radius-lg, var(--radius, 14px)) !important;
}
body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__top {
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 10px !important;
}
body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__body {
  align-content: center !important;
  min-height: 0 !important;
}
body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__body p {
  max-width: 74ch !important;
}
body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__bottom {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: end !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: right !important;
}
body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__bottom .btn {
  min-width: 150px !important;
  justify-content: center !important;
}
body:not(.admin-area) .pricing-v13 .price-card-v13,
body:not(.admin-area) .pricing-v13 .price-card-v13::before {
  border-radius: var(--ic-ui-radius-lg, var(--radius, 14px)) !important;
}
@media (max-width: 760px) {
  body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156 {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    align-items: start !important;
  }
  body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__top {
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
  }
  body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__bottom {
    justify-items: stretch !important;
    text-align: left !important;
  }
  body:not(.admin-area) .pricing-page-v1156 .pricing-scheme-card-v1156__bottom .btn {
    width: 100% !important;
  }
}

body.ic-ui-technical .channels-home-v65,
body.ic-ui-technical .channels-page-v65,
body.ic-ui-technical section:has(.channel-card-v65) {
  overflow: visible !important;
}
body.ic-ui-technical .channel-grid-v65,
body.ic-ui-technical .channels-grid-v65,
body.ic-ui-technical .channels-home-v65 .container,
body.ic-ui-technical section:has(.channel-card-v65) .container {
  overflow: visible !important;
}
body.ic-ui-technical .channel-card-v65 {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  z-index: 0 !important;
  --ic-channel-avatar-color: var(--ic-ui-accent, #38bdf8);
  box-shadow:
    0 14px 34px rgba(0,0,0,.22),
    0 32px calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .78) calc(var(--ic-ui-channel-card-underglow-height, 16px) * -.68) color-mix(in srgb, var(--ic-channel-avatar-color) calc(84% * var(--ic-ui-channel-card-underglow-opacity, .84)), transparent) !important;
}
body.ic-ui-technical .channel-card-v65[data-channel="base"] { --ic-channel-avatar-color: #9d3fff; }
body.ic-ui-technical .channel-card-v65[data-channel="chat"] { --ic-channel-avatar-color: #ffcc00; }
body.ic-ui-technical .channel-card-v65[data-channel="announcements"] { --ic-channel-avatar-color: #ff2a40; }
body.ic-ui-technical .channel-card-v65::after {
  content: "" !important;
  position: absolute !important;
  left: 7% !important;
  right: 7% !important;
  bottom: calc(var(--ic-ui-channel-card-underglow-height, 16px) * -1.15) !important;
  height: calc(var(--ic-ui-channel-card-underglow-height, 16px) * 1.9) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  opacity: var(--ic-ui-channel-card-underglow-opacity, .84) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .14)) saturate(1.45) !important;
  background:
    radial-gradient(ellipse at center,
      color-mix(in srgb, var(--ic-channel-avatar-color) 96%, transparent) 0%,
      color-mix(in srgb, var(--ic-channel-avatar-color) 72%, transparent) 32%,
      transparent 74%) !important;
  transform: translateY(0) scaleX(1.08) !important;
}
body.ic-ui-technical .channel-card-v65:hover::after {
  opacity: min(1, calc(var(--ic-ui-channel-card-underglow-opacity, .84) + .12)) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 78px) * .16)) saturate(1.65) !important;
}
body.ic-ui-technical .channel-card-v65 > * {
  position: relative !important;
  z-index: 2 !important;
}

/* === v11.58 final section separators + channel undercard neon === */
body:not(.admin-area) .channel-grid-v65,
body:not(.admin-area) .channel-grid-home-v65,
body:not(.admin-area) section:has(.channel-card-v65),
body:not(.admin-area) section:has(.channel-card-v65) .container {
  overflow: visible !important;
}
body:not(.admin-area) .channel-grid-v65,
body:not(.admin-area) .channel-grid-home-v65 {
  padding-bottom: max(30px, calc(var(--ic-ui-channel-card-underglow-height, 18px) + 22px)) !important;
}
body:not(.admin-area) .channel-card-v65 {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  z-index: 1 !important;
  --ic-channel-avatar-color: var(--ic-ui-accent, #38bdf8);
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    0 36px calc(var(--ic-ui-channel-card-underglow-spread, 86px) * .72) calc(var(--ic-ui-channel-card-underglow-height, 18px) * -.42)
      color-mix(in srgb, var(--ic-channel-avatar-color) calc(92% * var(--ic-ui-channel-card-underglow-opacity, .92)), transparent) !important;
}
body:not(.admin-area) .channel-card-v65[data-channel="base"] { --ic-channel-avatar-color: #9d3fff; }
body:not(.admin-area) .channel-card-v65[data-channel="chat"] { --ic-channel-avatar-color: #ffcc00; }
body:not(.admin-area) .channel-card-v65[data-channel="announcements"] { --ic-channel-avatar-color: #ff2a40; }
body:not(.admin-area) .channel-card-v65::after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  bottom: calc(var(--ic-ui-channel-card-underglow-height, 18px) * -1.38) !important;
  height: calc(var(--ic-ui-channel-card-underglow-height, 18px) * 2.25) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  opacity: var(--ic-ui-channel-card-underglow-opacity, .92) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 86px) * .16)) saturate(1.65) !important;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--ic-channel-avatar-color) 100%, transparent) 0%, color-mix(in srgb, var(--ic-channel-avatar-color) 78%, transparent) 34%, color-mix(in srgb, var(--ic-channel-avatar-color) 30%, transparent) 58%, transparent 82%) !important;
  transform: translateY(3px) scaleX(1.12) !important;
}
body:not(.admin-area) .channel-card-v65 > * {
  position: relative !important;
  z-index: 3 !important;
}
body:not(.admin-area) .channel-card-v65:hover::after {
  opacity: 1 !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 86px) * .18)) saturate(1.85) !important;
}


/* === v11.59 neutral alternating section grid, not dirty wallpapers === */
body:not(.admin-area).ic-section-wallpapers main,
body:not(.admin-area).ic-section-wallpapers .home-v13,
body:not(.admin-area).ic-section-wallpapers .page-v13 {
  background: #05070d !important;
}
body:not(.admin-area).ic-section-wallpapers main > section:not(.hero-v13),
body:not(.admin-area).ic-section-wallpapers .home-v13 > section:not(.hero-v13),
body:not(.admin-area).ic-section-wallpapers .page-v13 > section:not(.hero-v13) {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  border-top: 1px solid rgba(180,220,245,.075) !important;
  background: transparent !important;
}
body:not(.admin-area).ic-section-wallpapers main > section:not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers .home-v13 > section:not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers .page-v13 > section:not(.hero-v13)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  mix-blend-mode: normal !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}
body:not(.admin-area).ic-section-wallpapers main > section:not(.hero-v13)::after,
body:not(.admin-area).ic-section-wallpapers .home-v13 > section:not(.hero-v13)::after,
body:not(.admin-area).ic-section-wallpapers .page-v13 > section:not(.hero-v13)::after {
  content: "" !important;
  position: absolute !important;
  left: max(18px, 4vw) !important;
  right: max(18px, 4vw) !important;
  top: -1px !important;
  height: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: calc(.42 + var(--ic-section-wallpaper-strength, .18) * .22) !important;
  background: linear-gradient(90deg, transparent, rgba(155,190,215,.18), transparent) !important;
  filter: none !important;
}
body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate main > section:nth-of-type(even):not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate .home-v13 > section:nth-of-type(even):not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate .page-v13 > section:nth-of-type(even):not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers:not(.ic-section-wallpapers-alternate) main > section:not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers:not(.ic-section-wallpapers-alternate) .home-v13 > section:not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers:not(.ic-section-wallpapers-alternate) .page-v13 > section:not(.hero-v13)::before {
  opacity: calc(.16 + var(--ic-section-wallpaper-strength, .18) * .42) !important;
  background-image:
    linear-gradient(rgba(170,205,225,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(170,205,225,.06) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px),
    radial-gradient(760px 260px at 50% 0%, rgba(140,180,210,.032), transparent 72%) !important;
  background-size: 28px 28px, 28px 28px, 112px 112px, 112px 112px, 100% 100% !important;
  background-position: center top, center top, center top, center top, center top !important;
}
body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate main > section:nth-of-type(odd):not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate .home-v13 > section:nth-of-type(odd):not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate .page-v13 > section:nth-of-type(odd):not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers-off main > section:not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers-off .home-v13 > section:not(.hero-v13)::before,
body:not(.admin-area).ic-section-wallpapers-off .page-v13 > section:not(.hero-v13)::before {
  opacity: 0 !important;
  background-image: none !important;
}
body:not(.admin-area).ic-section-wallpapers main > section:not(.hero-v13) > .container,
body:not(.admin-area).ic-section-wallpapers .home-v13 > section:not(.hero-v13) > .container,
body:not(.admin-area).ic-section-wallpapers .page-v13 > section:not(.hero-v13) > .container {
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 760px) {
  body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate main > section:nth-of-type(even):not(.hero-v13)::before,
  body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate .home-v13 > section:nth-of-type(even):not(.hero-v13)::before,
  body:not(.admin-area).ic-section-wallpapers.ic-section-wallpapers-alternate .page-v13 > section:nth-of-type(even):not(.hero-v13)::before {
    background-size: 24px 24px, 24px 24px, 96px 96px, 96px 96px, 100% 100% !important;
    opacity: calc(.13 + var(--ic-section-wallpaper-strength, .18) * .36) !important;
  }
}


/* === v11.59 visible channel underbody neon: actual glow below card === */
body:not(.admin-area) section:has(.channel-card-v65),
body:not(.admin-area) section:has(.channel-card-v65) .container,
body:not(.admin-area) .channels-home-v65,
body:not(.admin-area) .channels-home-v65 .container {
  overflow: visible !important;
}
body:not(.admin-area) .channel-card-v65 {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  --ic-channel-avatar-color: var(--ic-channel-avatar-color, #38bdf8);
}
body:not(.admin-area) .channel-card-v65[data-channel="base"] { --ic-channel-avatar-color: #9d3fff !important; }
body:not(.admin-area) .channel-card-v65[data-channel="chat"] { --ic-channel-avatar-color: #ffcc00 !important; }
body:not(.admin-area) .channel-card-v65[data-channel="announcements"] { --ic-channel-avatar-color: #ff2a40 !important; }
body:not(.admin-area) .channel-card-v65::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 10% !important;
  right: 10% !important;
  bottom: -14px !important;
  height: 20px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  opacity: var(--ic-ui-channel-card-underglow-opacity, .92) !important;
  background: color-mix(in srgb, var(--ic-channel-avatar-color) 78%, transparent) !important;
  filter: blur(22px) saturate(1.75) !important;
  transform: translateZ(0) !important;
}
body:not(.admin-area) .channel-card-v65 {
  box-shadow:
    0 14px 28px rgba(0,0,0,.26),
    0 34px 46px -28px color-mix(in srgb, var(--ic-channel-avatar-color) 78%, transparent),
    0 48px 72px -46px color-mix(in srgb, var(--ic-channel-avatar-color) 42%, transparent) !important;
}
body:not(.admin-area) .channel-card-v65:hover::before {
  opacity: 1 !important;
  filter: blur(25px) saturate(1.95) !important;
}
body:not(.admin-area) .channel-card-v65 > * {
  position: relative !important;
  z-index: 1 !important;
}

/* === v11.60 physical card hover + subtle section grid order/contrast === */
body:not(.admin-area).ic-motion-hover .service-card-v13,
body:not(.admin-area).ic-motion-hover .price-card-v13,
body:not(.admin-area).ic-motion-hover .pricing-scheme-card-v1156,
body:not(.admin-area).ic-motion-hover .request-v13__card,
body:not(.admin-area).ic-motion-hover .proof-v13__card,
body:not(.admin-area).ic-motion-hover .channel-card,
body:not(.admin-area).ic-motion-hover .review-card,
body:not(.admin-area).ic-motion-hover .case-card,
body:not(.admin-area).ic-motion-hover .contact-card-v13,
body:not(.admin-area).ic-motion-hover .comment-card,
body:not(.admin-area).ic-motion-hover .faq-card,
body:not(.admin-area).ic-motion-hover .process-grid-v13 > div {
  transform: translate3d(0,0,0) scale(1) !important;
  transform-origin: center center !important;
  will-change: transform, box-shadow !important;
  transition:
    transform 260ms cubic-bezier(.16,1,.3,1),
    box-shadow 260ms cubic-bezier(.16,1,.3,1),
    border-color 220ms ease,
    background-color 220ms ease,
    filter 220ms ease !important;
  backface-visibility: hidden !important;
}
body:not(.admin-area).ic-motion-hover .service-card-v13:hover,
body:not(.admin-area).ic-motion-hover .price-card-v13:hover,
body:not(.admin-area).ic-motion-hover .pricing-scheme-card-v1156:hover,
body:not(.admin-area).ic-motion-hover .request-v13__card:hover,
body:not(.admin-area).ic-motion-hover .proof-v13__card:hover,
body:not(.admin-area).ic-motion-hover .channel-card:hover,
body:not(.admin-area).ic-motion-hover .review-card:hover,
body:not(.admin-area).ic-motion-hover .case-card:hover,
body:not(.admin-area).ic-motion-hover .contact-card-v13:hover,
body:not(.admin-area).ic-motion-hover .comment-card:hover,
body:not(.admin-area).ic-motion-hover .faq-card:hover,
body:not(.admin-area).ic-motion-hover .process-grid-v13 > div:hover {
  transform: translate3d(0, calc(var(--ic-motion-hover-lift, 5px) * -1), 0) scale(1.006) !important;
  filter: saturate(1.035) brightness(1.018) !important;
  border-color: color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 28%, rgba(255,255,255,.14)) !important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.045) inset,
    0 14px 28px rgba(0,0,0,.24),
    0 26px 60px rgba(0,0,0,.18),
    0 0 0 1px color-mix(in srgb, var(--ic-ui-accent, var(--accent, #38bdf8)) 12%, transparent) !important;
}
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .service-card-v13:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .price-card-v13:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .pricing-scheme-card-v1156:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .request-v13__card:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .proof-v13__card:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .channel-card:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .review-card:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .case-card:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .contact-card-v13:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .comment-card:hover,
body:not(.admin-area).ic-ui-technical.ic-ui-paper-cards .faq-card:hover {
  background: color-mix(in srgb, var(--ic-ui-layer-2, #111827) 94%, #ffffff 6%) !important;
  transform: translate3d(0, calc(var(--ic-motion-hover-lift, 5px) * -1), 0) scale(1.006) !important;
}


/* === v11.63 / Motion Engine v2.4: fixed chat viewport anchoring === */
body:not(.admin-area).ic-motion-chat {
  --ic-chat-fixed-gap: 18px;
}
body:not(.admin-area).ic-motion-chat:not(.ic-motion-chat-origin-bottom-left):not(.ic-motion-chat-origin-center) .chat-widget,
body:not(.admin-area).ic-motion-chat:not(.ic-motion-chat-origin-bottom-left):not(.ic-motion-chat-origin-center) .chat-widget-v15,
body:not(.admin-area).ic-motion-chat:not(.ic-motion-chat-origin-bottom-left):not(.ic-motion-chat-origin-center) [data-chat].chat-widget {
  position: fixed !important;
  right: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-right, 0px)) !important;
  bottom: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-bottom, 0px)) !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  translate: none !important;
  inset-inline-start: auto !important;
  inset-inline-end: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-right, 0px)) !important;
  inset-block-start: auto !important;
  inset-block-end: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-bottom, 0px)) !important;
}
body:not(.admin-area).ic-motion-chat.ic-motion-chat-origin-bottom-left .chat-widget,
body:not(.admin-area).ic-motion-chat.ic-motion-chat-origin-bottom-left .chat-widget-v15,
body:not(.admin-area).ic-motion-chat.ic-motion-chat-origin-bottom-left [data-chat].chat-widget {
  position: fixed !important;
  left: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-left, 0px)) !important;
  bottom: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-bottom, 0px)) !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  translate: none !important;
  inset-inline-start: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-left, 0px)) !important;
  inset-inline-end: auto !important;
  inset-block-start: auto !important;
  inset-block-end: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-bottom, 0px)) !important;
}
@media (max-width: 760px) {
  body:not(.admin-area).ic-motion-chat { --ic-chat-fixed-gap: 12px; }
}


/* === v11.64 / Motion Engine v2.5: keep chat above language switcher === */
body:not(.admin-area).ic-motion-chat {
  --ic-chat-fixed-gap: 18px;
  --ic-chat-lang-safe-bottom: 92px;
  --ic-chat-panel-width: min(388px, calc(100vw - 28px));
  --ic-chat-panel-height: min(590px, calc(100dvh - var(--ic-chat-lang-safe-bottom) - 18px));
}
body:not(.admin-area).ic-motion-chat:not(.ic-motion-chat-origin-bottom-left):not(.ic-motion-chat-origin-center) .chat-widget,
body:not(.admin-area).ic-motion-chat:not(.ic-motion-chat-origin-bottom-left):not(.ic-motion-chat-origin-center) .chat-widget-v15,
body:not(.admin-area).ic-motion-chat:not(.ic-motion-chat-origin-bottom-left):not(.ic-motion-chat-origin-center) [data-chat].chat-widget {
  position: fixed !important;
  right: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-right, 0px)) !important;
  bottom: calc(var(--ic-chat-lang-safe-bottom, 92px) + env(safe-area-inset-bottom, 0px)) !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  translate: none !important;
  inset-inline-start: auto !important;
  inset-inline-end: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-right, 0px)) !important;
  inset-block-start: auto !important;
  inset-block-end: calc(var(--ic-chat-lang-safe-bottom, 92px) + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 920 !important;
}
body:not(.admin-area).ic-motion-chat.ic-motion-chat-origin-bottom-left .chat-widget,
body:not(.admin-area).ic-motion-chat.ic-motion-chat-origin-bottom-left .chat-widget-v15,
body:not(.admin-area).ic-motion-chat.ic-motion-chat-origin-bottom-left [data-chat].chat-widget {
  position: fixed !important;
  left: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-left, 0px)) !important;
  bottom: calc(var(--ic-chat-lang-safe-bottom, 92px) + env(safe-area-inset-bottom, 0px)) !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  translate: none !important;
  inset-inline-start: calc(var(--ic-chat-fixed-gap, 18px) + env(safe-area-inset-left, 0px)) !important;
  inset-inline-end: auto !important;
  inset-block-start: auto !important;
  inset-block-end: calc(var(--ic-chat-lang-safe-bottom, 92px) + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 920 !important;
}
body:not(.admin-area) .ic-lang-switcher,
body:not(.admin-area) .ic-lang-switcher-plugin,
body:not(.admin-area) {
  z-index: 880 !important;
}
@media (max-width: 760px) {
  body:not(.admin-area).ic-motion-chat {
    --ic-chat-fixed-gap: 12px;
    --ic-chat-lang-safe-bottom: 82px;
    --ic-chat-panel-width: calc(100vw - 20px);
    --ic-chat-panel-height: min(620px, calc(100dvh - var(--ic-chat-lang-safe-bottom) - 12px));
  }
}
@media (max-width: 420px) {
  body:not(.admin-area).ic-motion-chat {
    --ic-chat-lang-safe-bottom: 88px;
  }
}

/* === v11.65 site-wide physical hover cleanup + section/card polish === */
body:not(.admin-area).ic-motion-hover {
  --ic-card-physical-lift: var(--ic-motion-hover-lift, 5px);
  --ic-card-physical-scale: 1.008;
  --ic-card-physical-bg: color-mix(in srgb, var(--ic-ui-layer-2, var(--surface, #111827)) 94%, #ffffff 6%);
  --ic-card-physical-border: color-mix(in srgb, var(--ic-ui-accent, var(--accent, #7ecbff)) 26%, rgba(255,255,255,.16));
  --ic-card-physical-shadow: 0 2px 0 rgba(255,255,255,.045) inset, 0 16px 32px rgba(0,0,0,.26), 0 30px 70px rgba(0,0,0,.18);
}
body:not(.admin-area).ic-motion-hover :is(
  .panel,
  .card,
  .s-card,
  .pkg-card,
  .step,
  .service-card-v13,
  .price-card-v13,
  .pricing-scheme-card-v1156,
  .pricing-public-row-v1154,
  .request-v13__card,
  .proof-v13__card,
  .channel-card,
  .channel-card-v65,
  .review-card,
  .review-post-v15,
  .case-card,
  .case-post,
  .case-post-v71,
  .contact-card,
  .contact-card-v13,
  .comment-card,
  .faq-card,
  .process-card-v28,
  .process-grid-v13 > div,
  .service-tiles li a,
  article.panel,
  a.panel,
  [data-motion-card],
  [data-pricing-card],
  [data-pricing-row]
):not(.chat-widget):not(.chat-widget-v15):not(.chat-panel):not(.chat-panel-v15):not(.ic-lang-switcher):not(.ic-lang-switcher *):not([data-motion-ignore]) {
  transform: translate3d(0,0,0) scale(1) !important;
  transform-origin: center center !important;
  will-change: transform, box-shadow !important;
  transition:
    transform 260ms cubic-bezier(.16,1,.3,1),
    box-shadow 260ms cubic-bezier(.16,1,.3,1),
    border-color 220ms ease,
    background-color 220ms ease,
    background 220ms ease,
    filter 220ms ease !important;
  filter: none !important;
  backface-visibility: hidden !important;
}
body:not(.admin-area).ic-motion-hover :is(
  .panel,
  .card,
  .s-card,
  .pkg-card,
  .step,
  .service-card-v13,
  .price-card-v13,
  .pricing-scheme-card-v1156,
  .pricing-public-row-v1154,
  .request-v13__card,
  .proof-v13__card,
  .channel-card,
  .channel-card-v65,
  .review-card,
  .review-post-v15,
  .case-card,
  .case-post,
  .case-post-v71,
  .contact-card,
  .contact-card-v13,
  .comment-card,
  .faq-card,
  .process-card-v28,
  .process-grid-v13 > div,
  .service-tiles li a,
  article.panel,
  a.panel,
  [data-motion-card],
  [data-pricing-card],
  [data-pricing-row]
):not(.chat-widget):not(.chat-widget-v15):not(.chat-panel):not(.chat-panel-v15):not(.ic-lang-switcher):not(.ic-lang-switcher *):not([data-motion-ignore]):hover {
  transform: translate3d(0, calc(var(--ic-card-physical-lift) * -1), 0) scale(var(--ic-card-physical-scale)) !important;
  background: var(--ic-card-physical-bg) !important;
  border-color: var(--ic-card-physical-border) !important;
  box-shadow: var(--ic-card-physical-shadow) !important;
  filter: saturate(1.025) brightness(1.012) !important;
}
body:not(.admin-area).ic-motion-hover :is(
  .panel,
  .card,
  .s-card,
  .pkg-card,
  .step,
  .service-card-v13,
  .price-card-v13,
  .pricing-scheme-card-v1156,
  .pricing-public-row-v1154,
  .request-v13__card,
  .proof-v13__card,
  .channel-card,
  .channel-card-v65,
  .review-card,
  .review-post-v15,
  .case-card,
  .case-post,
  .case-post-v71,
  .contact-card,
  .contact-card-v13,
  .comment-card,
  .faq-card,
  .process-card-v28,
  .process-grid-v13 > div,
  .service-tiles li a,
  article.panel,
  a.panel,
  [data-motion-card],
  [data-pricing-card],
  [data-pricing-row]
):not(.chat-widget):not(.chat-widget-v15):not(.chat-panel):not(.chat-panel-v15):not(.ic-lang-switcher):not(.ic-lang-switcher *):not([data-motion-ignore]):active {
  transform: translate3d(0, calc(var(--ic-card-physical-lift) * -.42), 0) scale(1.002) !important;
  transition-duration: 110ms !important;
}
body:not(.admin-area).ic-motion-hover :is(
  .panel,
  .card,
  .s-card,
  .pkg-card,
  .step,
  .service-card-v13,
  .price-card-v13,
  .pricing-scheme-card-v1156,
  .pricing-public-row-v1154,
  .request-v13__card,
  .proof-v13__card,
  .channel-card,
  .channel-card-v65,
  .review-card,
  .review-post-v15,
  .case-card,
  .case-post,
  .case-post-v71,
  .contact-card,
  .contact-card-v13,
  .comment-card,
  .faq-card,
  .process-card-v28,
  .process-grid-v13 > div,
  .service-tiles li a,
  article.panel,
  a.panel,
  [data-motion-card],
  [data-pricing-card],
  [data-pricing-row]
):not(.chat-widget):not(.chat-widget-v15):not(.chat-panel):not(.chat-panel-v15):not(.ic-lang-switcher):not(.ic-lang-switcher *):not([data-motion-ignore]):hover * {
  filter: none !important;
}

/* Keep dark panels themed, not flat grey slabs. */
body:not(.admin-area) .request-v13__card,
body:not(.admin-area) .proof-v13__card,
body:not(.admin-area) .pricing-scheme-card-v1156,
body:not(.admin-area) .price-card-v13,
body:not(.admin-area) .service-card-v13,
body:not(.admin-area) .channel-card-v65,
body:not(.admin-area) .payment-strip-v64 {
  background: color-mix(in srgb, var(--ic-ui-layer-2, var(--surface, #101a28)) 92%, #ffffff 8%) !important;
  border-color: color-mix(in srgb, var(--ic-ui-border, var(--border, rgba(148,163,184,.22))) 78%, transparent) !important;
}

/* Channel cards: visible underbody neon, not only avatar halo. */
body:not(.admin-area) .channels-home-v65,
body:not(.admin-area) .channels-page-v65,
body:not(.admin-area) .channel-grid-v65,
body:not(.admin-area) .channel-grid-home-v65 {
  overflow: visible !important;
}
body:not(.admin-area) .channel-card-v65 {
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.28),
    0 18px 36px -28px color-mix(in srgb, var(--ic-channel-avatar-color, var(--accent, #7ecbff)) 82%, transparent),
    0 42px 70px -34px color-mix(in srgb, var(--ic-channel-avatar-color, var(--accent, #7ecbff)) 66%, transparent) !important;
}
body:not(.admin-area) .channel-card-v65::after {
  content: "" !important;
  position: absolute !important;
  left: 12% !important;
  right: 12% !important;
  bottom: -16px !important;
  height: 22px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: var(--ic-ui-channel-card-underglow-opacity, .95) !important;
  background: color-mix(in srgb, var(--ic-channel-avatar-color, var(--accent, #7ecbff)) 78%, transparent) !important;
  filter: blur(21px) saturate(1.85) !important;
}
body:not(.admin-area) .channel-card-v65:hover::after {
  opacity: 1 !important;
  filter: blur(25px) saturate(2.05) !important;
}
body:not(.admin-area) .channel-card-v65 > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Chat position: close enough to language switcher without overlapping. */
body:not(.admin-area).ic-motion-chat {
  --ic-chat-lang-safe-bottom: 72px;
}
@media (max-width: 760px) {
  body:not(.admin-area).ic-motion-chat { --ic-chat-lang-safe-bottom: 68px; }
}
@media (max-width: 420px) {
  body:not(.admin-area).ic-motion-chat { --ic-chat-lang-safe-bottom: 70px; }
}

/* Give the subtle grid enough contrast without turning into wallpaper dirt. */
body:not(.admin-area).ic-hero-bg-section-wallpapers .section-v13:nth-of-type(even),
body:not(.admin-area).ic-hero-bg-section-wallpapers .section:nth-of-type(even),
body:not(.admin-area).ic-hero-bg-section-wallpapers main > section:nth-of-type(even) {
  background-color: color-mix(in srgb, var(--bg, #050a12) 86%, #ffffff 5%) !important;
}


/* === v11.68 Dandroid7 theme contract: physical surfaces, not dark hover === */
body.ic-ui-technical,
body.admin-area.ic-admin-technical {
  --ic-physical-hover-y: -4px;
  --ic-physical-hover-scale: 1.006;
  --ic-physical-card-shadow: 0 1px 0 rgba(255,255,255,.06), 0 3px 6px rgba(0,0,0,.24), 0 14px 28px rgba(0,0,0,.22);
  --ic-physical-card-shadow-hover: 0 1px 0 rgba(255,255,255,.10), 0 6px 12px rgba(0,0,0,.26), 0 22px 44px rgba(0,0,0,.28);
}
body.ic-ui-technical .panel,
body.ic-ui-technical .card,
body.ic-ui-technical .service-card,
body.ic-ui-technical .service-card-v13,
body.ic-ui-technical .price-card-v13,
body.ic-ui-technical .pricing-scheme-card-v1156,
body.ic-ui-technical .request-v13__card,
body.ic-ui-technical .proof-v13__card,
body.ic-ui-technical .channel-card,
body.ic-ui-technical .channel-card-v65,
body.ic-ui-technical .contact-card,
body.ic-ui-technical .contact-card-v13,
body.ic-ui-technical .review-card,
body.ic-ui-technical .case-card,
body.ic-ui-technical .case-post,
body.ic-ui-technical .faq-card,
body.ic-ui-technical .process-card-v28,
body.ic-ui-technical article.panel,
body.ic-ui-technical a.panel,
body.ic-ui-technical [data-motion-card],
body.ic-ui-technical [class*="__card"] {
  background: var(--ic-ui-panel) !important;
  background-image: none !important;
  color: var(--ic-ui-text) !important;
  border-color: var(--ic-ui-line) !important;
  border-width: var(--ic-ui-border-width) !important;
  border-radius: var(--ic-ui-radius-lg) !important;
  box-shadow: var(--ic-physical-card-shadow) !important;
  transform: translate3d(0,0,0) !important;
  filter: none !important;
  transition: transform .22s cubic-bezier(.2,.82,.2,1), box-shadow .22s cubic-bezier(.2,.82,.2,1), border-color .18s ease, background-color .18s ease !important;
  will-change: transform;
}
body.ic-ui-technical .panel:hover,
body.ic-ui-technical .card:hover,
body.ic-ui-technical .service-card:hover,
body.ic-ui-technical .service-card-v13:hover,
body.ic-ui-technical .price-card-v13:hover,
body.ic-ui-technical .pricing-scheme-card-v1156:hover,
body.ic-ui-technical .request-v13__card:hover,
body.ic-ui-technical .proof-v13__card:hover,
body.ic-ui-technical .channel-card:hover,
body.ic-ui-technical .channel-card-v65:hover,
body.ic-ui-technical .contact-card:hover,
body.ic-ui-technical .contact-card-v13:hover,
body.ic-ui-technical .review-card:hover,
body.ic-ui-technical .case-card:hover,
body.ic-ui-technical .case-post:hover,
body.ic-ui-technical .faq-card:hover,
body.ic-ui-technical .process-card-v28:hover,
body.ic-ui-technical article.panel:hover,
body.ic-ui-technical a.panel:hover,
body.ic-ui-technical [data-motion-card]:hover,
body.ic-ui-technical [class*="__card"]:hover {
  background: var(--ic-ui-card-hover) !important;
  background-image: none !important;
  border-color: var(--ic-ui-line-strong) !important;
  box-shadow: var(--ic-physical-card-shadow-hover) !important;
  transform: translate3d(0,var(--ic-physical-hover-y),0) scale(var(--ic-physical-hover-scale)) !important;
  filter: none !important;
}
body.ic-ui-technical input:hover,
body.ic-ui-technical textarea:hover,
body.ic-ui-technical select:hover,
body.admin-area.ic-admin-technical input:hover,
body.admin-area.ic-admin-technical textarea:hover,
body.admin-area.ic-admin-technical select:hover {
  transform: none !important;
  filter: none !important;
}
body.admin-area.ic-admin-technical .panel,
body.admin-area.ic-admin-technical .admin-card,
body.admin-area.ic-admin-technical .ic-admin-list-card,
body.admin-area.ic-admin-technical .admin-list-item,
body.admin-area.ic-admin-technical .lead-card,
body.admin-area.ic-admin-technical .lead-card-v60,
body.admin-area.ic-admin-technical .crm-lead-card-v42,
body.admin-area.ic-admin-technical .ic-crm-client-row-v1168,
body.admin-area.ic-admin-technical .chat-thread-card-v15,
body.admin-area.ic-admin-technical .comment-card,
body.admin-area.ic-admin-technical .review-card,
body.admin-area.ic-admin-technical .case-admin-row-v35,
body.admin-area.ic-admin-technical .addon-control-card-v88,
body.admin-area.ic-admin-technical .addon-list-card-v88,
body.admin-area.ic-admin-technical .setting-row-v90 {
  background: var(--ic-admin-panel) !important;
  background-image: none !important;
  color: var(--ic-admin-text) !important;
  border-color: var(--ic-admin-line) !important;
  border-width: var(--ic-admin-border-width) !important;
  border-radius: var(--ic-admin-radius-lg) !important;
  box-shadow: var(--ic-physical-card-shadow) !important;
  transform: translate3d(0,0,0) !important;
  filter: none !important;
  transition: transform .2s cubic-bezier(.2,.82,.2,1), box-shadow .2s cubic-bezier(.2,.82,.2,1), border-color .18s ease, background-color .18s ease !important;
}
body.admin-area.ic-admin-technical .panel:hover,
body.admin-area.ic-admin-technical .admin-card:hover,
body.admin-area.ic-admin-technical .ic-admin-list-card:hover,
body.admin-area.ic-admin-technical .admin-list-item:hover,
body.admin-area.ic-admin-technical .lead-card:hover,
body.admin-area.ic-admin-technical .lead-card-v60:hover,
body.admin-area.ic-admin-technical .crm-lead-card-v42:hover,
body.admin-area.ic-admin-technical .ic-crm-client-row-v1168:hover,
body.admin-area.ic-admin-technical .chat-thread-card-v15:hover,
body.admin-area.ic-admin-technical .comment-card:hover,
body.admin-area.ic-admin-technical .review-card:hover,
body.admin-area.ic-admin-technical .case-admin-row-v35:hover,
body.admin-area.ic-admin-technical .addon-control-card-v88:hover,
body.admin-area.ic-admin-technical .addon-list-card-v88:hover,
body.admin-area.ic-admin-technical .setting-row-v90:hover {
  background: var(--ic-admin-card-hover) !important;
  background-image: none !important;
  border-color: var(--ic-admin-line-strong) !important;
  box-shadow: var(--ic-physical-card-shadow-hover) !important;
  transform: translate3d(0,var(--ic-physical-hover-y),0) scale(var(--ic-physical-hover-scale)) !important;
  filter: none !important;
}
body.admin-area.ic-admin-technical .ic-admin-select-card.is-selected,
body.admin-area.ic-admin-technical .ic-admin-select-card.is-selected-v108,
body.admin-area.ic-admin-technical .ic-admin-list-card.is-selected,
body.admin-area.ic-admin-technical .ic-crm-client-row-v1168.is-selected-v108 {
  background: var(--ic-admin-card-active, var(--ic-admin-card-hover)) !important;
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent)) !important;
  box-shadow: 0 0 0 var(--ic-admin-card-selected-outline-width,2px) var(--ic-admin-card-selected-outline-color,var(--ic-admin-accent)), var(--ic-physical-card-shadow-hover) !important;
}
body.ic-ui-technical .btn:hover,
body.ic-ui-technical button:hover,
body.admin-area.ic-admin-technical .btn:hover,
body.admin-area.ic-admin-technical button:hover {
  filter: none !important;
  transform: translate3d(0,-1px,0) !important;
}
body.ic-ui-technical .chat-widget,
body.ic-ui-technical .chat-widget:hover,
body.ic-ui-technical .chat-panel,
body.ic-ui-technical .chat-panel:hover,
body.ic-ui-technical .chat-button,
body.ic-ui-technical .chat-button:hover {
  filter: none !important;
}

/* === v11.68 plugin palette UI: readable color control grid === */
body.admin-area.ic-admin-technical .plugin-settings-form-v88 [data-plugin-settings-panel="palette"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 12px !important;
}
body.admin-area.ic-admin-technical .plugin-settings-form-v88 [data-plugin-settings-panel="palette"] .setting-row-v90 {
  min-height: 78px !important;
  grid-template-columns: minmax(0,1fr) 150px !important;
  align-items: center !important;
}
body.admin-area.ic-admin-technical .setting-color-v93 {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 6px !important;
  border-radius: var(--ic-admin-radius-sm) !important;
  background: var(--ic-admin-layer-4, var(--ic-admin-field-bg)) !important;
  box-shadow: inset 0 0 0 1px var(--ic-admin-line) !important;
}
body.admin-area.ic-admin-technical .setting-color-v93 input[type="color"] {
  width: 42px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}
body.admin-area.ic-admin-technical .setting-color-v93 input[type="text"] {
  min-width: 0 !important;
  height: 36px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  text-transform: uppercase !important;
}

/* === v11.68 compact CRM workspace === */
body.admin-area .ic-crm-workspace-v1168 {
  display: grid !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 14px !important;
}
body.admin-area .ic-crm-top-v1168 {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}
body.admin-area .ic-crm-title-v1168 h2 { margin: 0 !important; line-height: 1.05 !important; }
body.admin-area .ic-crm-actions-v1168 { display: flex !important; gap: 8px !important; align-items: center !important; }
body.admin-area .ic-crm-stats-v1168 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)) !important;
  gap: 6px !important;
}
body.admin-area .ic-crm-stats-v1168 .crm-stat-v40 {
  min-height: 44px !important;
  padding: 8px 10px !important;
  border-radius: var(--ic-admin-radius-sm, 8px) !important;
}
body.admin-area .ic-crm-filter-v1168,
body.admin-area .ic-crm-bulk-v1168 {
  display: grid !important;
  grid-template-columns: minmax(190px, 1.4fr) repeat(5, minmax(118px, .75fr)) auto auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 8px !important;
  border-radius: var(--ic-admin-radius-lg, 10px) !important;
  background: var(--ic-admin-layer-1, var(--ic-admin-bg-2)) !important;
}
body.admin-area .ic-crm-bulk-v1168 { grid-template-columns: 150px repeat(4, minmax(120px, 1fr)) auto !important; }
body.admin-area .ic-crm-filter-v1168 input,
body.admin-area .ic-crm-filter-v1168 select,
body.admin-area .ic-crm-bulk-v1168 input,
body.admin-area .ic-crm-bulk-v1168 select { min-height: 34px !important; height: 34px !important; }
body.admin-area .ic-crm-list-shell-v1168 {
  display: grid !important;
  grid-template-rows: auto minmax(220px, 1fr) !important;
  gap: 6px !important;
  min-height: 0 !important;
}
body.admin-area .ic-crm-list-head-v1168 {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.2fr) minmax(200px, 1fr) minmax(190px, .9fr) 104px !important;
  gap: 10px !important;
  padding: 0 12px !important;
  color: var(--ic-admin-muted) !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}
body.admin-area .ic-crm-client-list-v1168 {
  display: grid !important;
  gap: 7px !important;
  max-height: min(48vh, calc(100vh - 382px)) !important;
  overflow: auto !important;
  padding: 2px 4px 8px 2px !important;
}
body.admin-area .ic-crm-client-row-v1168 {
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 10px minmax(220px, 1.2fr) minmax(200px, 1fr) minmax(190px, .9fr) 104px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
  cursor: pointer !important;
}
body.admin-area .ic-crm-status-dot-v1168 {
  width: 4px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: var(--ic-admin-accent) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--ic-admin-accent) 44%, transparent) !important;
}
body.admin-area .ic-crm-main-v1168,
body.admin-area .ic-crm-contact-v1168,
body.admin-area .ic-crm-meta-v1168 { min-width: 0 !important; overflow: hidden !important; }
body.admin-area .ic-crm-main-v1168 strong,
body.admin-area .ic-crm-contact-v1168,
body.admin-area .ic-crm-meta-v1168 span,
body.admin-area .ic-crm-meta-v1168 small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .ic-crm-main-v1168 strong { font-size: .98rem !important; line-height: 1.1 !important; }
body.admin-area .ic-crm-contact-v1168 { color: var(--ic-admin-text) !important; font-size: .91rem !important; }
body.admin-area .ic-crm-meta-v1168 { color: var(--ic-admin-muted) !important; font-size: .82rem !important; line-height: 1.25 !important; }
body.admin-area .ic-crm-kicker-v1168 {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0 !important;
  margin-bottom: 3px !important;
  color: var(--ic-admin-muted) !important;
  font-size: .74rem !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}
body.admin-area .ic-crm-kicker-v1168 span,
body.admin-area .ic-crm-kicker-v1168 small,
body.admin-area .ic-crm-kicker-v1168 a {
  display: inline-flex !important;
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.admin-area .ic-crm-actions-cell-v1168 { display: flex !important; justify-content: flex-end !important; }
body.admin-area .ic-crm-actions-cell-v1168 .btn { width: 96px !important; min-height: 34px !important; }
body.admin-area .ic-crm-client-row-v1168 .crm-select-hidden-v1124 { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 980px) {
  body.admin-area .ic-crm-top-v1168,
  body.admin-area .ic-crm-filter-v1168,
  body.admin-area .ic-crm-bulk-v1168 { grid-template-columns: 1fr !important; }
  body.admin-area .ic-crm-actions-v1168 { display: grid !important; grid-template-columns: repeat(3,1fr) !important; }
  body.admin-area .ic-crm-list-head-v1168 { display: none !important; }
  body.admin-area .ic-crm-client-list-v1168 { max-height: calc(100vh - 360px) !important; }
  body.admin-area .ic-crm-client-row-v1168 {
    min-height: 72px !important;
    grid-template-columns: 8px minmax(0,1fr) 88px !important;
    grid-template-areas: "dot main action" "dot contact action" "dot meta action" !important;
    gap: 4px 8px !important;
  }
  body.admin-area .ic-crm-status-dot-v1168 { grid-area: dot !important; height: 46px !important; }
  body.admin-area .ic-crm-main-v1168 { grid-area: main !important; }
  body.admin-area .ic-crm-contact-v1168 { grid-area: contact !important; }
  body.admin-area .ic-crm-meta-v1168 { grid-area: meta !important; }
  body.admin-area .ic-crm-actions-cell-v1168 { grid-area: action !important; }
  body.admin-area .ic-crm-actions-cell-v1168 .btn { width: 82px !important; padding-inline: 8px !important; }
}

/* === v11.69 Admin theme contract hardening: surfaces, CRM cockpit, statistics === */
body.admin-area {
  --ic-admin-canvas-safe: var(--ic-admin-canvas, color-mix(in srgb, var(--ic-admin-bg) 72%, var(--ic-admin-bg-2) 28%));
  --ic-admin-surface-safe: var(--ic-admin-panel, var(--surface));
  --ic-admin-surface-raised-safe: var(--ic-admin-card-raised, color-mix(in srgb, var(--ic-admin-panel, var(--surface)) 90%, #fff 10%));
  --ic-admin-hover-safe: var(--ic-admin-card-hover, color-mix(in srgb, var(--ic-admin-panel, var(--surface)) 88%, #fff 12%));
  --ic-admin-active-safe: var(--ic-admin-card-active, color-mix(in srgb, var(--ic-admin-card-hover, var(--surface-2)) 94%, var(--ic-admin-accent, var(--accent)) 6%));
}
body.admin-area.ic-admin-technical,
body.admin-area.ic-admin-technical .admin-shell,
body.admin-area.ic-admin-technical .admin-content,
body.admin-area.ic-admin-technical main {
  background: var(--ic-admin-bg) !important;
  color: var(--ic-admin-text) !important;
}
body.admin-area.ic-admin-technical .admin-content {
  background:
    radial-gradient(900px 460px at 18% -12%, color-mix(in srgb, var(--ic-admin-accent) 5%, transparent), transparent 62%),
    linear-gradient(180deg, var(--ic-admin-bg), var(--ic-admin-canvas-safe)) !important;
}
body.admin-area.ic-admin-technical .panel,
body.admin-area.ic-admin-technical .admin-card,
body.admin-area.ic-admin-technical .analytics-command-v117,
body.admin-area.ic-admin-technical .analytics-chart-card-v117,
body.admin-area.ic-admin-technical .analytics-table-card-v117,
body.admin-area.ic-admin-technical .ic-crm-workspace-v1168,
body.admin-area.ic-admin-technical .ic-crm-context-v1169,
body.admin-area.ic-admin-technical .crm-modal-v42__dialog {
  background: var(--ic-admin-surface-safe) !important;
  color: var(--ic-admin-text) !important;
  border: var(--ic-admin-border-width, 1px) solid var(--ic-admin-line) !important;
  border-radius: var(--ic-admin-radius-lg, var(--ic-admin-radius, 10px)) !important;
  box-shadow: var(--ic-admin-shadow) !important;
  background-image: none !important;
}
body.admin-area.ic-admin-technical .panel:hover,
body.admin-area.ic-admin-technical .admin-card:hover,
body.admin-area.ic-admin-technical .analytics-table-card-v117:hover,
body.admin-area.ic-admin-technical .analytics-chart-card-v117:hover,
body.admin-area.ic-admin-technical .ic-crm-context-v1169:hover {
  background: var(--ic-admin-surface-raised-safe) !important;
  transform: translate3d(0,-2px,0) !important;
  box-shadow: var(--ic-admin-shadow), 0 12px 30px rgba(0,0,0,.24) !important;
  filter: none !important;
}
body.admin-area.ic-admin-technical input,
body.admin-area.ic-admin-technical select,
body.admin-area.ic-admin-technical textarea,
body.admin-area.ic-admin-technical .analytics-row-v117,
body.admin-area.ic-admin-technical .analytics-kpi-v117,
body.admin-area.ic-admin-technical .analytics-signal-v117,
body.admin-area.ic-admin-technical .analytics-sources-grid-v117 > div {
  background: var(--ic-admin-row-bg, var(--ic-admin-field-bg)) !important;
  color: var(--ic-admin-text) !important;
  border-color: var(--ic-admin-line) !important;
  box-shadow: var(--ic-admin-row-inset-shadow, none) !important;
}
body.admin-area.ic-admin-technical .analytics-row-v117:hover,
body.admin-area.ic-admin-technical .analytics-kpi-v117:hover,
body.admin-area.ic-admin-technical .analytics-signal-v117:hover,
body.admin-area.ic-admin-technical .analytics-sources-grid-v117 > div:hover {
  background: var(--ic-admin-hover-safe) !important;
  transform: translate3d(0,-1px,0) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.20) !important;
}
body.admin-area.ic-admin-technical .analytics-range-v117 a,
body.admin-area.ic-admin-technical .crm-stat-v40,
body.admin-area.ic-admin-technical .crm-check-v51 {
  background: var(--ic-admin-panel-2, var(--ic-admin-surface-raised-safe)) !important;
  color: var(--ic-admin-text) !important;
  border: 1px solid var(--ic-admin-line) !important;
  border-radius: var(--ic-admin-radius-sm) !important;
}
body.admin-area.ic-admin-technical .analytics-range-v117 a:hover,
body.admin-area.ic-admin-technical .crm-stat-v40:hover {
  background: var(--ic-admin-hover-safe) !important;
  transform: translate3d(0,-1px,0) !important;
}
body.admin-area.ic-admin-technical .analytics-range-v117 a.is-active,
body.admin-area.ic-admin-technical .crm-stat-v40.is-active {
  background: var(--ic-admin-active-safe) !important;
  border-color: var(--ic-admin-accent) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ic-admin-accent) 48%, transparent) inset !important;
}

/* CRM cockpit v11.69: compact one-screen layout */
body.admin-area .ic-crm-workspace-v1168 {
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  gap: 10px !important;
  height: calc(100dvh - 126px) !important;
  min-height: 560px !important;
  overflow: hidden !important;
  padding: 12px !important;
}
body.admin-area .ic-crm-top-v1168 {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-height: 42px !important;
}
body.admin-area .ic-crm-title-v1168 h2 { margin:0 !important; line-height:1.05 !important; font-size: clamp(1.05rem, 1.6vw, 1.35rem) !important; }
body.admin-area .ic-crm-title-v1168 .muted { margin:2px 0 0 !important; font-size:.82rem !important; }
body.admin-area .ic-crm-actions-v1168 { display:flex !important; gap:8px !important; flex-wrap:wrap !important; justify-content:flex-end !important; }
body.admin-area .ic-crm-stats-v1168 {
  display:grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap:6px !important;
  margin:0 !important;
}
body.admin-area .ic-crm-stats-v1168 .crm-stat-v40 {
  min-height: 42px !important;
  padding: 7px 9px !important;
  display:grid !important;
  gap:2px !important;
  align-content:center !important;
}
body.admin-area .ic-crm-stats-v1168 .crm-stat-v40 span { font-size:.72rem !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
body.admin-area .ic-crm-stats-v1168 .crm-stat-v40 strong { font-size:1rem !important; line-height:1 !important; }
body.admin-area .ic-crm-filter-v1168,
body.admin-area .ic-crm-bulk-v1168 {
  display:grid !important;
  grid-template-columns: 1.4fr repeat(4, minmax(112px, .7fr)) minmax(86px,.55fr) auto auto !important;
  gap:6px !important;
  align-items:center !important;
  margin:0 !important;
}
body.admin-area .ic-crm-bulk-v1168 { grid-template-columns: auto minmax(120px, .7fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(100px,.6fr) auto !important; }
body.admin-area .ic-crm-filter-v1168 input,
body.admin-area .ic-crm-filter-v1168 select,
body.admin-area .ic-crm-bulk-v1168 input,
body.admin-area .ic-crm-bulk-v1168 select { min-height:34px !important; height:34px !important; padding:6px 9px !important; font-size:.82rem !important; border-radius: var(--ic-admin-radius-sm, 8px) !important; }
body.admin-area .ic-crm-workarea-v1169 {
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
  gap:10px !important;
  min-height:0 !important;
  overflow:hidden !important;
}
body.admin-area .ic-crm-list-shell-v1168 {
  min-height:0 !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  background: color-mix(in srgb, var(--ic-admin-panel, var(--surface)) 88%, var(--ic-admin-bg) 12%) !important;
  border:1px solid var(--ic-admin-line, var(--border)) !important;
  border-radius:var(--ic-admin-radius-lg, 12px) !important;
}
body.admin-area .ic-crm-list-head-v1168 {
  display:grid !important;
  grid-template-columns: minmax(220px, 1.2fr) minmax(180px, .9fr) minmax(180px, .9fr) 110px !important;
  gap:10px !important;
  padding:8px 10px !important;
  color:var(--ic-admin-muted, var(--muted)) !important;
  font-size:.7rem !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  border-bottom:1px solid var(--ic-admin-line, var(--border)) !important;
}
body.admin-area .ic-crm-client-list-v1168 {
  min-height:0 !important;
  overflow:auto !important;
  padding:6px !important;
  display:grid !important;
  gap:5px !important;
  align-content:start !important;
}
body.admin-area .ic-crm-client-row-v1168 {
  display:grid !important;
  grid-template-columns: 10px minmax(220px, 1.2fr) minmax(180px, .9fr) minmax(180px, .9fr) 110px !important;
  align-items:center !important;
  gap:10px !important;
  min-height: var(--ic-admin-crm-row-height, 58px) !important;
  height: var(--ic-admin-crm-row-height, 58px) !important;
  padding:7px 8px !important;
  border-radius:var(--ic-admin-radius-sm, 8px) !important;
  border:1px solid var(--ic-admin-line, var(--border)) !important;
  background: var(--ic-admin-panel, var(--surface)) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.035), 0 4px 10px rgba(0,0,0,.15) !important;
  overflow:hidden !important;
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
body.admin-area .ic-crm-client-row-v1168:hover {
  background: var(--ic-admin-hover-safe) !important;
  transform: translate3d(0,-2px,0) !important;
  border-color: var(--ic-admin-line-strong, var(--ic-admin-accent)) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.22) !important;
  filter:none !important;
}
body.admin-area .ic-crm-client-row-v1168.is-selected,
body.admin-area .ic-crm-client-row-v1168.is-selected-v108 {
  background: var(--ic-admin-active-safe) !important;
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent)) !important;
  box-shadow: 0 0 0 var(--ic-admin-card-selected-outline-width,2px) color-mix(in srgb, var(--ic-admin-card-selected-outline-color,var(--ic-admin-accent)) 78%, transparent), 0 12px 26px rgba(0,0,0,.25) !important;
}
body.admin-area .ic-crm-status-dot-v1168 { width:7px !important; height:38px !important; border-radius:999px !important; justify-self:center !important; background: var(--ic-admin-accent, #64d2ff) !important; box-shadow:0 0 12px color-mix(in srgb, var(--ic-admin-accent) 42%, transparent) !important; }
body.admin-area .ic-crm-main-v1168,
body.admin-area .ic-crm-contact-v1168,
body.admin-area .ic-crm-meta-v1168 { min-width:0 !important; overflow:hidden !important; }
body.admin-area .ic-crm-main-v1168 strong,
body.admin-area .ic-crm-contact-v1168,
body.admin-area .ic-crm-meta-v1168 span,
body.admin-area .ic-crm-meta-v1168 small { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
body.admin-area .ic-crm-main-v1168 strong { font-size:.92rem !important; line-height:1.12 !important; color:var(--ic-admin-text,var(--text)) !important; }
body.admin-area .ic-crm-kicker-v1168 { display:flex !important; gap:5px !important; align-items:center !important; min-width:0 !important; margin-bottom:3px !important; }
body.admin-area .ic-crm-kicker-v1168 span,
body.admin-area .ic-crm-kicker-v1168 small,
body.admin-area .ic-crm-kicker-v1168 a { font-size:.66rem !important; line-height:1 !important; color:var(--ic-admin-muted,var(--muted)) !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
body.admin-area .ic-crm-contact-v1168 { font-size:.82rem !important; color:var(--ic-admin-text,var(--text)) !important; }
body.admin-area .ic-crm-meta-v1168 span { font-size:.78rem !important; color:var(--ic-admin-text,var(--text)) !important; }
body.admin-area .ic-crm-meta-v1168 small { font-size:.72rem !important; color:var(--ic-admin-muted,var(--muted)) !important; margin-top:2px !important; }
body.admin-area .ic-crm-actions-cell-v1168 { display:flex !important; justify-content:flex-end !important; align-items:center !important; min-width:0 !important; background:transparent !important; }
body.admin-area .ic-crm-actions-cell-v1168 .btn { width: 96px !important; min-width:96px !important; height:32px !important; min-height:32px !important; padding:0 10px !important; font-size:.78rem !important; transform:none !important; }
body.admin-area .ic-crm-context-v1169 { display:grid !important; grid-template-rows:auto 1fr auto !important; gap:10px !important; min-height:0 !important; overflow:hidden !important; padding:12px !important; }
body.admin-area .ic-crm-context-head-v1169 h3 { margin:0 !important; font-size:1rem !important; line-height:1.15 !important; }
body.admin-area .ic-crm-context-list-v1169 { display:grid !important; gap:7px !important; margin:0 !important; align-content:start !important; overflow:auto !important; }
body.admin-area .ic-crm-context-list-v1169 div { display:grid !important; gap:2px !important; padding:8px !important; background:var(--ic-admin-row-bg,var(--ic-admin-field-bg)) !important; border:1px solid var(--ic-admin-line) !important; border-radius:var(--ic-admin-radius-sm) !important; }
body.admin-area .ic-crm-context-list-v1169 dt { font-size:.66rem !important; color:var(--ic-admin-muted) !important; text-transform:uppercase !important; letter-spacing:.06em !important; }
body.admin-area .ic-crm-context-list-v1169 dd { margin:0 !important; font-size:.82rem !important; color:var(--ic-admin-text) !important; overflow:hidden !important; text-overflow:ellipsis !important; }
body.admin-area .ic-crm-context-actions-v1169 { display:grid !important; gap:8px !important; }
body.admin-area .ic-crm-context-actions-v1169 .btn { width:100% !important; }
@media (max-width: 1040px) {
  body.admin-area .ic-crm-workspace-v1168 { height:auto !important; min-height:0 !important; overflow:visible !important; }
  body.admin-area .ic-crm-workarea-v1169 { grid-template-columns:1fr !important; overflow:visible !important; }
  body.admin-area .ic-crm-context-v1169 { display:none !important; }
  body.admin-area .ic-crm-stats-v1168 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  body.admin-area .ic-crm-filter-v1168,
  body.admin-area .ic-crm-bulk-v1168 { grid-template-columns:1fr 1fr !important; }
  body.admin-area .ic-crm-list-head-v1168 { display:none !important; }
  body.admin-area .ic-crm-client-list-v1168 { max-height:calc(100dvh - 320px) !important; }
  body.admin-area .ic-crm-client-row-v1168 { grid-template-columns:8px minmax(0,1fr) auto !important; height:auto !important; min-height:68px !important; }
  body.admin-area .ic-crm-contact-v1168,
  body.admin-area .ic-crm-meta-v1168 { grid-column:2 / 3 !important; }
  body.admin-area .ic-crm-actions-cell-v1168 { grid-column:3 / 4 !important; grid-row:1 / span 3 !important; }
}

/* Statistics cockpit theme adoption */
body.admin-area.ic-admin-technical .analytics-board-v117 { gap:10px !important; }
body.admin-area.ic-admin-technical .analytics-table-v117 { background:transparent !important; }
body.admin-area.ic-admin-technical .analytics-card-head-v117 h2,
body.admin-area.ic-admin-technical .analytics-card-head-v117 p,
body.admin-area.ic-admin-technical .analytics-sources-grid-v117 h3 { color:var(--ic-admin-text) !important; }
body.admin-area.ic-admin-technical .analytics-card-head-v117 p,
body.admin-area.ic-admin-technical .analytics-row-v117 small,
body.admin-area.ic-admin-technical .analytics-sources-grid-v117 span { color:var(--ic-admin-muted) !important; }
body.admin-area.ic-admin-technical .analytics-bars-v117 { background:var(--ic-admin-row-bg,var(--ic-admin-field-bg)) !important; border:1px solid var(--ic-admin-line) !important; border-radius:var(--ic-admin-radius-lg) !important; box-shadow:var(--ic-admin-row-inset-shadow, none) !important; }
body.admin-area.ic-admin-technical .analytics-bar-v117 i.views { background: color-mix(in srgb, var(--ic-admin-accent) 82%, #fff 18%) !important; }
body.admin-area.ic-admin-technical .analytics-bar-v117 i.visits { background: color-mix(in srgb, var(--ic-admin-accent-2,var(--ic-admin-accent)) 70%, #fff 30%) !important; }
body.admin-area.ic-admin-technical .analytics-bar-v117 i.clicks { background: color-mix(in srgb, #7dd3fc 70%, var(--ic-admin-accent) 30%) !important; }
body.admin-area.ic-admin-technical .analytics-bar-v117 i.exits { background: color-mix(in srgb, #fb7185 72%, var(--ic-admin-bg) 28%) !important; }

/* === v11.70 CRM cockpit alignment fix ===
   Keeps the CRM table/grid straight: 4 visible columns in header and rows.
   Selection remains outline-only; no left decorative status rail. */
body.admin-area .ic-crm-list-head-v1168,
body.admin-area .ic-crm-client-row-v1168 {
  grid-template-columns: minmax(240px, 1.25fr) minmax(210px, 1fr) minmax(210px, .95fr) minmax(96px, auto) !important;
  column-gap: 10px !important;
}
body.admin-area .ic-crm-list-head-v1168 {
  padding-inline: 12px !important;
  align-items: center !important;
}
body.admin-area .ic-crm-client-row-v1168 {
  position: relative !important;
  height: auto !important;
  min-height: 58px !important;
  padding: 8px 10px !important;
  background: var(--ic-admin-panel, var(--surface)) !important;
  border: 1px solid var(--ic-admin-line, var(--border)) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.035), 0 4px 10px rgba(0,0,0,.14) !important;
}
body.admin-area .ic-crm-status-dot-v1168 {
  display: none !important;
}
body.admin-area .ic-crm-client-row-v1168:hover {
  background: var(--ic-admin-hover-safe, var(--ic-admin-panel, var(--surface))) !important;
  transform: translate3d(0,-1px,0) !important;
  border-color: var(--ic-admin-line-strong, var(--ic-admin-accent)) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}
body.admin-area .ic-crm-client-row-v1168.is-selected,
body.admin-area .ic-crm-client-row-v1168.is-selected-v108,
body.admin-area .ic-crm-client-row-v1168.is-context-active-v1170 {
  background: var(--ic-admin-panel, var(--surface)) !important;
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent)) !important;
  box-shadow: 0 0 0 var(--ic-admin-card-selected-outline-width, 2px) color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent)) 78%, transparent), 0 8px 20px rgba(0,0,0,.18) !important;
}
body.admin-area .ic-crm-client-row-v1168.is-selected:hover,
body.admin-area .ic-crm-client-row-v1168.is-selected-v108:hover,
body.admin-area .ic-crm-client-row-v1168.is-context-active-v1170:hover {
  background: var(--ic-admin-panel, var(--surface)) !important;
}
body.admin-area .ic-crm-kicker-v1168 {
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body.admin-area .ic-crm-kicker-v1168 span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 120px !important;
  min-height: 18px !important;
  padding: 2px 7px !important;
  border: 1px solid color-mix(in srgb, var(--ic-admin-accent) 32%, transparent) !important;
  border-radius: 999px !important;
  color: var(--ic-admin-text, var(--text)) !important;
  background: color-mix(in srgb, var(--ic-admin-accent) 9%, transparent) !important;
}
body.admin-area .ic-crm-main-v1168 strong,
body.admin-area .ic-crm-contact-v1168,
body.admin-area .ic-crm-meta-v1168 span,
body.admin-area .ic-crm-meta-v1168 small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 1040px) {
  body.admin-area .ic-crm-client-row-v1168 {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "main action" "contact action" "meta action" !important;
    min-height: 70px !important;
    gap: 4px 8px !important;
  }
  body.admin-area .ic-crm-main-v1168 { grid-area: main !important; }
  body.admin-area .ic-crm-contact-v1168 { grid-area: contact !important; }
  body.admin-area .ic-crm-meta-v1168 { grid-area: meta !important; }
  body.admin-area .ic-crm-actions-cell-v1168 { grid-area: action !important; align-self: center !important; }
}
@media (max-width: 640px) {
  body.admin-area .ic-crm-stats-v1168,
  body.admin-area .ic-crm-filter-v1168,
  body.admin-area .ic-crm-bulk-v1168 {
    grid-template-columns: 1fr !important;
  }
  body.admin-area .ic-crm-client-row-v1168 {
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" "contact" "meta" "action" !important;
  }
  body.admin-area .ic-crm-actions-cell-v1168,
  body.admin-area .ic-crm-actions-cell-v1168 .btn {
    width: 100% !important;
  }
}

/* === v11.71 CRM parent-only highlight ===
   Hover/active belongs only to the clickable parent row.
   Nested CRM panels, context rows and child elements stay visually passive. */
body.admin-area .ic-crm-workspace-v1168,
body.admin-area .ic-crm-workspace-v1168:hover,
body.admin-area.ic-admin-technical .ic-crm-workspace-v1168:hover,
body.admin-area.ic-motion-hover .ic-crm-workspace-v1168:hover {
  transform: none !important;
  filter: none !important;
}
body.admin-area .ic-crm-list-shell-v1168,
body.admin-area .ic-crm-list-shell-v1168:hover,
body.admin-area.ic-admin-technical .ic-crm-list-shell-v1168:hover,
body.admin-area.ic-motion-hover .ic-crm-list-shell-v1168:hover {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  border-color: var(--ic-admin-line, var(--border)) !important;
  background: color-mix(in srgb, var(--ic-admin-panel, var(--surface)) 88%, var(--ic-admin-bg) 12%) !important;
}
body.admin-area .ic-crm-context-v1169,
body.admin-area .ic-crm-context-v1169:hover,
body.admin-area.ic-admin-technical .ic-crm-context-v1169:hover,
body.admin-area.ic-motion-hover .ic-crm-context-v1169:hover {
  transform: none !important;
  filter: none !important;
  background: var(--ic-admin-surface-safe, var(--ic-admin-panel, var(--surface))) !important;
  border-color: var(--ic-admin-line, var(--border)) !important;
  box-shadow: var(--ic-admin-shadow, none) !important;
}
body.admin-area .ic-crm-context-list-v1169 div,
body.admin-area .ic-crm-context-list-v1169 div:hover,
body.admin-area.ic-admin-technical .ic-crm-context-list-v1169 div:hover,
body.admin-area.ic-motion-hover .ic-crm-context-list-v1169 div:hover {
  transform: none !important;
  filter: none !important;
  background: var(--ic-admin-row-bg, var(--ic-admin-field-bg)) !important;
  border-color: var(--ic-admin-line, var(--border)) !important;
  box-shadow: var(--ic-admin-row-inset-shadow, none) !important;
}
body.admin-area .ic-crm-client-row-v1168 > :not(.ic-admin-card-select-input):not(.crm-select-v51),
body.admin-area .ic-crm-client-row-v1168 > :not(.ic-admin-card-select-input):not(.crm-select-v51):hover {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select] {
  cursor: pointer !important;
  isolation: isolate !important;
}
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:hover {
  background: var(--ic-admin-hover-safe, var(--ic-admin-card-hover, var(--ic-admin-panel, var(--surface)))) !important;
  border-color: var(--ic-admin-line-strong, var(--ic-admin-accent)) !important;
  transform: translate3d(0,-1px,0) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-context-active-v1170,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-crm-parent-active-v1171,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-selected,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-selected-v108,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[aria-pressed="true"] {
  background: var(--ic-admin-panel, var(--surface)) !important;
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent)) !important;
  box-shadow: 0 0 0 var(--ic-admin-card-selected-outline-width, 2px) color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent)) 78%, transparent), 0 8px 20px rgba(0,0,0,.18) !important;
}
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-context-active-v1170:hover,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-crm-parent-active-v1171:hover,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-selected:hover,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168.is-selected-v108:hover,
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[aria-pressed="true"]:hover {
  background: var(--ic-admin-panel, var(--surface)) !important;
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent)) !important;
}
body.admin-area .ic-crm-client-row-v1168 .ic-crm-main-v1168:hover,
body.admin-area .ic-crm-client-row-v1168 .ic-crm-contact-v1168:hover,
body.admin-area .ic-crm-client-row-v1168 .ic-crm-meta-v1168:hover,
body.admin-area .ic-crm-client-row-v1168 .ic-crm-kicker-v1168:hover,
body.admin-area .ic-crm-client-row-v1168 .ic-crm-actions-cell-v1168:hover {
  background: transparent !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* === v11.72 CRM list-shell grid reset ===
   The CRM list shell must be a single-column vertical stack.
   Base .ic-admin-list-shell has a two-column master/detail grid; if it leaks here,
   headers stay on the left and rows jump to the right. No more circus. */
body.admin-area .ic-crm-list-shell-v1168,
body.admin-area.ic-admin-technical .ic-crm-list-shell-v1168,
body.admin-area.ic-motion-hover .ic-crm-list-shell-v1168 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 6px !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
}
body.admin-area .ic-crm-list-shell-v1168 > .ic-crm-list-head-v1168,
body.admin-area .ic-crm-list-shell-v1168 > .ic-crm-client-list-v1168 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.admin-area .ic-crm-client-list-v1168 {
  justify-items: stretch !important;
  align-items: start !important;
}
body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(240px, 1.25fr) minmax(210px, 1fr) minmax(210px, .95fr) 96px !important;
  justify-self: stretch !important;
}
body.admin-area .ic-crm-list-head-v1168 {
  grid-template-columns: minmax(240px, 1.25fr) minmax(210px, 1fr) minmax(210px, .95fr) 96px !important;
}
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-main-v1168,
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-contact-v1168,
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-meta-v1168,
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-actions-cell-v1168 {
  min-width: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-main-v1168:hover,
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-contact-v1168:hover,
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-meta-v1168:hover,
body.admin-area .ic-crm-client-row-v1168 > .ic-crm-actions-cell-v1168:hover {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}
body.admin-area .ic-crm-context-list-v1169 > div,
body.admin-area .ic-crm-context-list-v1169 > div:hover {
  cursor: default !important;
}
@media (max-width: 1040px) {
  body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select] {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "main action" "contact action" "meta action" !important;
  }
}
@media (max-width: 640px) {
  body.admin-area .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select] {
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" "contact" "meta" "action" !important;
  }
}


/* === v11.73 clickable parent-card neon outline layer ===
   Public side: only real clickable cards get a glow layer. Nested content does not. */
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href],
  a.s-card[href],
  a.pkg-card[href],
  a.c-card[href],
  a.panel[href],
  a.service-card[href],
  a.service-card-v13[href],
  a.price-card-v13[href],
  a.pricing-scheme-card-v1156[href],
  a.channel-card[href],
  a.channel-card-v65[href],
  a.review-card[href],
  a.case-card[href],
  a.process-card-v28[href],
  [data-clickable-card],
  [data-motion-card][role="button"]
) {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: calc((var(--ic-ui-parent-card-neon-spread, 5px) + 1px) * -1) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow:
    0 0 0 max(1px, var(--ic-ui-card-hover-outline-width, 1px))
      color-mix(in srgb, var(--ic-channel-avatar-color, var(--ic-ui-accent, #38bdf8)) 54%, transparent),
    0 0 var(--ic-ui-parent-card-neon-blur, 27px) var(--ic-ui-parent-card-neon-spread, 5px)
      color-mix(in srgb, var(--ic-channel-avatar-color, var(--ic-ui-accent, #38bdf8)) calc(100% * var(--ic-ui-parent-card-neon-opacity, .64)), transparent) !important;
  filter: blur(calc(var(--ic-ui-parent-card-neon-blur, 27px) * .055)) saturate(1.55) !important;
  transform: translateZ(0) !important;
  transition: opacity .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
) > * {
  position: relative !important;
  z-index: 2 !important;
}
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
):is(:hover, :focus-visible, .is-selected, [aria-pressed="true"], [aria-current="page"])::before {
  opacity: var(--ic-ui-parent-card-neon-opacity, .64) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href]::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href]::before {
  opacity: calc(var(--ic-ui-parent-card-neon-opacity, .64) * .78) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href]:is(:hover, :focus-visible)::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href]:is(:hover, :focus-visible)::before {
  opacity: min(1, calc(var(--ic-ui-parent-card-neon-opacity, .64) + .16)) !important;
  filter: blur(calc(var(--ic-ui-parent-card-neon-blur, 27px) * .075)) saturate(1.85) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[data-channel="base"] { --ic-channel-avatar-color: #9d3fff !important; }
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[data-channel="chat"] { --ic-channel-avatar-color: #ffcc00 !important; }
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[data-channel="announcements"] { --ic-channel-avatar-color: #ff2a40 !important; }
body:not(.admin-area).ic-ui-parent-card-neon.ic-ui-reduce-glow :is(a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href], a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href], a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href], [data-clickable-card], [data-motion-card][role="button"])::before {
  display: block !important;
  filter: blur(calc(var(--ic-ui-parent-card-neon-blur, 27px) * .055)) saturate(1.55) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon :is(a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href], a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href], a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href], [data-clickable-card], [data-motion-card][role="button"]) :is(.panel, .card, [class*="-card"]):not(a):not(button):not([data-clickable-card])::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}


/* === v11.73 parent-only neon outline layer ===
   One blurred neon layer belongs to the clickable parent card only.
   Child blocks inside the card stay passive: no inherited hover, no nested glow. */
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select],
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select] {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select] > * {
  position: relative !important;
  z-index: 2 !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: calc((var(--ic-admin-card-selected-outline-width, 2px) + var(--ic-admin-parent-card-neon-spread, 5px)) * -1) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 var(--ic-admin-card-selected-outline-width, 2px)
      color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) 78%, transparent),
    0 0 var(--ic-admin-parent-card-neon-blur, 28px) var(--ic-admin-parent-card-neon-spread, 5px)
      color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) calc(100% * var(--ic-admin-parent-card-neon-opacity, .68)), transparent) !important;
  filter: blur(calc(var(--ic-admin-parent-card-neon-blur, 28px) * .055)) saturate(1.45) !important;
  transform: translateZ(0) !important;
  transition: opacity .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"])::after,
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"])::after {
  opacity: var(--ic-admin-parent-card-neon-opacity, .68) !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:hover::after {
  opacity: calc(var(--ic-admin-parent-card-neon-opacity, .68) * .58) !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"]):hover::after {
  opacity: min(1, calc(var(--ic-admin-parent-card-neon-opacity, .68) + .12)) !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select] [data-ic-card-select]::after,
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select] :is(.panel, .admin-card, [class*="-card"]):not([data-ic-card-select])::after,
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-row-v1168 :is(.ic-crm-main-v1168, .ic-crm-contact-v1168, .ic-crm-meta-v1168, .ic-crm-actions-cell-v1168)::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-row-v1168 :is(.ic-crm-main-v1168, .ic-crm-contact-v1168, .ic-crm-meta-v1168, .ic-crm-kicker-v1168, .ic-crm-actions-cell-v1168),
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-row-v1168 :is(.ic-crm-main-v1168, .ic-crm-contact-v1168, .ic-crm-meta-v1168, .ic-crm-kicker-v1168, .ic-crm-actions-cell-v1168):hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* === v11.74 parent-card neon underlay geometry fix ===
   The glow layer now uses the card box as its geometry: inset:0, no negative oversized
   pseudo-rectangle, no sharp external stripe, no filter blur on top of the card.
   The selected/clickable parent owns the layer; nested cards stay visually passive. */
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select],
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select],
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
) {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select] > *,
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
) > * {
  position: relative !important;
  z-index: 2 !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select]::after,
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
  transform: none !important;
  box-shadow:
    0 0 var(--ic-admin-parent-card-neon-blur, 28px) 0
      color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) calc(54% * var(--ic-admin-parent-card-neon-opacity, .68)), transparent),
    0 14px var(--ic-admin-parent-card-neon-blur, 28px) var(--ic-admin-parent-card-neon-spread, 5px)
      color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) calc(82% * var(--ic-admin-parent-card-neon-opacity, .68)), transparent) !important;
  transition: opacity .16s ease, box-shadow .16s ease !important;
}
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
  transform: none !important;
  box-shadow:
    0 0 var(--ic-ui-parent-card-neon-blur, 27px) 0
      color-mix(in srgb, var(--ic-channel-avatar-color, var(--ic-ui-accent, #38bdf8)) calc(50% * var(--ic-ui-parent-card-neon-opacity, .64)), transparent),
    0 16px var(--ic-ui-parent-card-neon-blur, 27px) var(--ic-ui-parent-card-neon-spread, 5px)
      color-mix(in srgb, var(--ic-channel-avatar-color, var(--ic-ui-accent, #38bdf8)) calc(78% * var(--ic-ui-parent-card-neon-opacity, .64)), transparent) !important;
  transition: opacity .18s ease, box-shadow .18s ease !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"]),
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"]) {
  outline: 0 !important;
  border-color: var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) !important;
  box-shadow:
    inset 0 0 0 var(--ic-admin-card-selected-outline-width, 2px)
      color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) 72%, transparent),
    0 8px 20px rgba(0,0,0,.20) !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"])::after,
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"])::after {
  opacity: var(--ic-admin-parent-card-neon-opacity, .68) !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:hover::after {
  opacity: calc(var(--ic-admin-parent-card-neon-opacity, .68) * .42) !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"]):hover::after {
  opacity: var(--ic-admin-parent-card-neon-opacity, .68) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
):is(:hover, :focus-visible, .is-selected, [aria-pressed="true"], [aria-current="page"])::before {
  opacity: var(--ic-ui-parent-card-neon-opacity, .64) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href]::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href]::before {
  opacity: calc(var(--ic-ui-parent-card-neon-opacity, .64) * .62) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href]:is(:hover, :focus-visible)::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href]:is(:hover, :focus-visible)::before {
  opacity: min(1, calc(var(--ic-ui-parent-card-neon-opacity, .64) + .10)) !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select] [data-ic-card-select]::after,
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select] :is(.panel, .admin-card, [class*="-card"]):not([data-ic-card-select])::before,
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select] :is(.panel, .admin-card, [class*="-card"]):not([data-ic-card-select])::after,
body:not(.admin-area).ic-ui-parent-card-neon :is(a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href], a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href], a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href], [data-clickable-card], [data-motion-card][role="button"]) :is(.panel, .card, [class*="-card"]):not(a):not(button):not([data-clickable-card])::before,
body:not(.admin-area).ic-ui-parent-card-neon :is(a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href], a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href], a.channel-card[href], a.channel-card-v65[href], a.review-card[href], a.case-card[href], a.process-card-v28[href], [data-clickable-card], [data-motion-card][role="button"]) :is(.panel, .card, [class*="-card"]):not(a):not(button):not([data-clickable-card])::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 {
  padding: 10px 8px 16px 8px !important;
  gap: 8px !important;
}

/* === v11.75 parent neon intensity + channel-card underlay containment ===
   Fixes two bugs from the first neon pass:
   1) common clickable cards no longer throw a huge bloom across the layout;
   2) channel cards no longer reuse the generic full-card ::before layer, so the glow
      stays under the card instead of painting a colored band on top of it. */
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
):not(.channel-card):not(.channel-card-v65)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
  transform: none !important;
  box-shadow:
    0 10px calc(var(--ic-ui-parent-card-neon-blur, 16px) * .62) calc(var(--ic-ui-parent-card-neon-spread, 2px) * -.85)
      color-mix(in srgb, var(--ic-ui-accent, #38bdf8) calc(34% * var(--ic-ui-parent-card-neon-opacity, .28)), transparent),
    0 16px calc(var(--ic-ui-parent-card-neon-blur, 16px) * .86) calc(var(--ic-ui-parent-card-neon-spread, 2px) * -.42)
      color-mix(in srgb, var(--ic-ui-accent, #38bdf8) calc(22% * var(--ic-ui-parent-card-neon-opacity, .28)), transparent) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
):not(.channel-card):not(.channel-card-v65):is(:hover, :focus-visible, .is-selected, [aria-pressed="true"], [aria-current="page"])::before {
  opacity: .82 !important;
}
body:not(.admin-area).ic-ui-parent-card-neon.ic-ui-reduce-glow :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
):not(.channel-card):not(.channel-card-v65)::before {
  opacity: 0 !important;
  box-shadow:
    0 10px calc(var(--ic-ui-parent-card-neon-blur, 16px) * .48) calc(var(--ic-ui-parent-card-neon-spread, 2px) * -.90)
      color-mix(in srgb, var(--ic-ui-accent, #38bdf8) calc(18% * var(--ic-ui-parent-card-neon-opacity, .28)), transparent) !important;
}
body:not(.admin-area).ic-ui-parent-card-neon.ic-ui-reduce-glow :is(
  a.card[href], a.s-card[href], a.pkg-card[href], a.c-card[href], a.panel[href],
  a.service-card[href], a.service-card-v13[href], a.price-card-v13[href], a.pricing-scheme-card-v1156[href],
  a.review-card[href], a.case-card[href], a.process-card-v28[href],
  [data-clickable-card], [data-motion-card][role="button"]
):not(.channel-card):not(.channel-card-v65):is(:hover, :focus-visible, .is-selected, [aria-pressed="true"], [aria-current="page"])::before {
  opacity: .38 !important;
}

body:not(.admin-area) .channel-card-v65,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href],
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href] {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  z-index: 1 !important;
  --ic-channel-avatar-color: var(--ic-ui-accent, #38bdf8);
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    0 22px calc(var(--ic-ui-channel-card-underglow-spread, 52px) * .46) calc(var(--ic-ui-channel-card-underglow-height, 10px) * -.95)
      color-mix(in srgb, var(--ic-channel-avatar-color) calc(28% * var(--ic-ui-channel-card-underglow-opacity, .26)), transparent) !important;
}
body:not(.admin-area) .channel-card-v65[data-channel="base"] { --ic-channel-avatar-color: #9d3fff !important; }
body:not(.admin-area) .channel-card-v65[data-channel="chat"] { --ic-channel-avatar-color: #ffcc00 !important; }
body:not(.admin-area) .channel-card-v65[data-channel="announcements"] { --ic-channel-avatar-color: #ff2a40 !important; }
body:not(.admin-area) .channel-card-v65::after,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href]::after,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href]::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  background: none !important;
}
body:not(.admin-area) .channel-card-v65::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href]::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href]::before {
  content: "" !important;
  position: absolute !important;
  left: clamp(42px, 16%, 92px) !important;
  right: clamp(42px, 16%, 92px) !important;
  top: auto !important;
  bottom: calc(var(--ic-ui-channel-card-underglow-height, 10px) * -.58) !important;
  height: max(6px, calc(var(--ic-ui-channel-card-underglow-height, 10px) * .82)) !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: -1 !important;
  opacity: min(.62, calc(var(--ic-ui-channel-card-underglow-opacity, .26) * .92)) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 52px) * .105)) saturate(1.18) !important;
  background:
    radial-gradient(ellipse at center,
      color-mix(in srgb, var(--ic-channel-avatar-color) 58%, transparent) 0%,
      color-mix(in srgb, var(--ic-channel-avatar-color) 30%, transparent) 48%,
      transparent 78%) !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: translate3d(0,0,0) !important;
}
body:not(.admin-area) .channel-card-v65:hover::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href]:is(:hover, :focus-visible)::before,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href]:is(:hover, :focus-visible)::before {
  opacity: min(.72, calc(var(--ic-ui-channel-card-underglow-opacity, .26) * 1.08)) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 52px) * .115)) saturate(1.24) !important;
}
body:not(.admin-area).ic-ui-reduce-glow .channel-card-v65::before,
body:not(.admin-area).ic-ui-reduce-glow.ic-ui-parent-card-neon a.channel-card-v65[href]::before,
body:not(.admin-area).ic-ui-reduce-glow.ic-ui-parent-card-neon a.channel-card[href]::before {
  opacity: min(.38, calc(var(--ic-ui-channel-card-underglow-opacity, .26) * .55)) !important;
  filter: blur(calc(var(--ic-ui-channel-card-underglow-spread, 52px) * .075)) saturate(1.05) !important;
}
body:not(.admin-area) .channel-card-v65 > *,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card-v65[href] > *,
body:not(.admin-area).ic-ui-parent-card-neon a.channel-card[href] > * {
  position: relative !important;
  z-index: 2 !important;
}
body:not(.admin-area) .channel-grid-v65,
body:not(.admin-area) .channel-grid-home-v65 {
  padding-bottom: max(14px, calc(var(--ic-ui-channel-card-underglow-height, 10px) + 10px)) !important;
}

body.admin-area.ic-admin-parent-card-neon [data-ic-card-select]::after,
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]::after {
  background: transparent !important;
  filter: none !important;
  inset: 0 !important;
  z-index: 0 !important;
  box-shadow:
    0 8px calc(var(--ic-admin-parent-card-neon-blur, 22px) * .64) calc(var(--ic-admin-parent-card-neon-spread, 3px) * -.70)
      color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) calc(46% * var(--ic-admin-parent-card-neon-opacity, .42)), transparent),
    0 15px calc(var(--ic-admin-parent-card-neon-blur, 22px) * .90) calc(var(--ic-admin-parent-card-neon-spread, 3px) * -.34)
      color-mix(in srgb, var(--ic-admin-card-selected-outline-color, var(--ic-admin-accent, #38bdf8)) calc(30% * var(--ic-admin-parent-card-neon-opacity, .42)), transparent) !important;
}
body.admin-area.ic-admin-parent-card-neon [data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"])::after,
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"])::after {
  opacity: .88 !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:hover::after {
  opacity: .34 !important;
}
body.admin-area.ic-admin-parent-card-neon .ic-crm-client-list-v1168 > .ic-crm-client-row-v1168[data-ic-card-select]:is(.is-selected, .is-selected-v108, .is-context-active-v1170, .is-crm-parent-active-v1171, [aria-pressed="true"]):hover::after {
  opacity: .88 !important;
}

/* === v11.76 chat open state: unclip panel from round button wrapper ===
   The widget shell is only the launcher when closed. When opened, the panel must
   be allowed to render outside the 56px button box; otherwise the click works
   but the chat looks frozen because the panel is clipped by the parent. */
body:not(.admin-area) .chat-widget[data-chat],
body:not(.admin-area) [data-chat].chat-widget-v15 {
  isolation: isolate !important;
}
body:not(.admin-area) .chat-widget[data-chat]:not(.is-open),
body:not(.admin-area) [data-chat].chat-widget-v15:not(.is-open) {
  overflow: hidden !important;
  width: var(--ic-ui-chat-button-width, var(--ic-ui-chat-button-size, 56px)) !important;
  height: var(--ic-ui-chat-button-size, 56px) !important;
  background: var(--ic-ui-layer-2, var(--surface-2, #0b1826)) !important;
  border-color: var(--ic-ui-line, var(--border, rgba(148,163,184,.22))) !important;
}
body:not(.admin-area) .chat-widget[data-chat].is-open,
body:not(.admin-area) [data-chat].chat-widget-v15.is-open {
  overflow: visible !important;
  width: var(--ic-ui-chat-button-width, var(--ic-ui-chat-button-size, 56px)) !important;
  height: var(--ic-ui-chat-button-size, 56px) !important;
  background: transparent !important;
  border-color: transparent !important;
}
body:not(.admin-area) .chat-widget[data-chat] > .chat-button,
body:not(.admin-area) [data-chat].chat-widget-v15 > .chat-button {
  z-index: 2 !important;
}
body:not(.admin-area) .chat-widget[data-chat] .chat-panel,
body:not(.admin-area) .chat-widget[data-chat] .chat-panel-v15,
body:not(.admin-area) [data-chat].chat-widget-v15 .chat-panel,
body:not(.admin-area) [data-chat].chat-widget-v15 .chat-panel-v15 {
  z-index: 6 !important;
  pointer-events: auto !important;
}
body:not(.admin-area) .chat-widget[data-chat].is-open .chat-panel:not([hidden]),
body:not(.admin-area) .chat-widget[data-chat].is-open .chat-panel-v15:not([hidden]),
body:not(.admin-area) [data-chat].chat-widget-v15.is-open .chat-panel:not([hidden]),
body:not(.admin-area) [data-chat].chat-widget-v15.is-open .chat-panel-v15:not([hidden]) {
  display: grid !important;
  visibility: visible !important;
}


/* === v11.77 case detail cleanup: remove accidental grey parent-card shell ===
   The case page container is a layout wrapper, not a card. Previous paper-card
   rules painted .case-detail itself, creating the giant grey slab seen under
   the hero. Keep only real content cards painted. */
body:not(.admin-area) .case-detail-section-v1177,
body.ic-ui-technical.ic-ui-paper-cards .case-detail-section-v1177 {
  background: transparent !important;
  background-image: none !important;
  padding-block: clamp(34px, 5vw, 62px) !important;
  overflow: visible !important;
}
body:not(.admin-area) .case-detail,
body.ic-ui-technical.ic-ui-paper-cards .case-detail {
  display: grid !important;
  gap: 18px !important;
  width: min(1000px, calc(100% - 32px)) !important;
  max-width: 1000px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: inherit !important;
}
body:not(.admin-area) .case-detail::before,
body:not(.admin-area) .case-detail::after,
body.ic-ui-technical.ic-ui-paper-cards .case-detail::before,
body.ic-ui-technical.ic-ui-paper-cards .case-detail::after {
  content: none !important;
  display: none !important;
}
body:not(.admin-area) .case-detail > .panel,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .panel,
body:not(.admin-area) .case-detail > .case-article,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .case-article,
body:not(.admin-area) .case-detail > .comments-block,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .comments-block,
body:not(.admin-area) .case-detail > .cta-panel,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .cta-panel {
  width: 100% !important;
  max-width: 900px !important;
  margin-inline: auto !important;
  background:
    linear-gradient(180deg, rgba(13, 27, 43, .94), rgba(7, 14, 26, .97)) !important;
  border: 1px solid rgba(88, 132, 170, .24) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, .30) !important;
  color: var(--ic-ui-text, var(--text, #e8eef8)) !important;
  transform: none !important;
}
body:not(.admin-area) .case-detail > .case-article,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .case-article {
  padding: clamp(22px, 3.4vw, 34px) !important;
}
body:not(.admin-area) .case-detail > .comments-block,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .comments-block {
  padding: clamp(18px, 3vw, 28px) !important;
  isolation: auto !important;
  overflow: hidden !important;
}
body:not(.admin-area) .comments-block::before,
body:not(.admin-area) .comments-block::after,
body.ic-ui-technical.ic-ui-paper-cards .comments-block::before,
body.ic-ui-technical.ic-ui-paper-cards .comments-block::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
body:not(.admin-area) .case-detail > .case-article:hover,
body:not(.admin-area) .case-detail > .comments-block:hover,
body:not(.admin-area) .case-detail > .cta-panel:hover,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .case-article:hover,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .comments-block:hover,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .cta-panel:hover {
  background:
    linear-gradient(180deg, rgba(13, 27, 43, .94), rgba(7, 14, 26, .97)) !important;
  transform: none !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, .30) !important;
}
body:not(.admin-area) .case-article p,
body:not(.admin-area) .case-article li,
body:not(.admin-area) .comments-block p,
body.ic-ui-technical.ic-ui-paper-cards .case-article p,
body.ic-ui-technical.ic-ui-paper-cards .case-article li,
body.ic-ui-technical.ic-ui-paper-cards .comments-block p {
  color: var(--ic-ui-muted, var(--muted, #94a3b8)) !important;
}
body:not(.admin-area) .case-article h2,
body:not(.admin-area) .case-article h3,
body:not(.admin-area) .comments-block h2,
body:not(.admin-area) .cta-panel h2,
body.ic-ui-technical.ic-ui-paper-cards .case-article h2,
body.ic-ui-technical.ic-ui-paper-cards .case-article h3,
body.ic-ui-technical.ic-ui-paper-cards .comments-block h2,
body.ic-ui-technical.ic-ui-paper-cards .cta-panel h2 {
  color: var(--ic-ui-text, var(--text, #e8eef8)) !important;
}
body:not(.admin-area) .comments-block label,
body.ic-ui-technical.ic-ui-paper-cards .comments-block label {
  display: grid !important;
  gap: 7px !important;
  margin-top: 14px !important;
  color: var(--ic-ui-text, var(--text, #e8eef8)) !important;
  font-weight: 760 !important;
}
body:not(.admin-area) .comments-block input,
body:not(.admin-area) .comments-block textarea,
body.ic-ui-technical.ic-ui-paper-cards .comments-block input,
body.ic-ui-technical.ic-ui-paper-cards .comments-block textarea {
  width: 100% !important;
  min-height: 44px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(130, 165, 195, .20) !important;
  border-radius: 14px !important;
  background: rgba(4, 11, 20, .58) !important;
  background-image: none !important;
  color: var(--ic-ui-text, var(--text, #e8eef8)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body:not(.admin-area) .comments-block textarea,
body.ic-ui-technical.ic-ui-paper-cards .comments-block textarea {
  min-height: 118px !important;
  max-height: 260px !important;
  resize: vertical !important;
}
body:not(.admin-area) .comments-block input::placeholder,
body:not(.admin-area) .comments-block textarea::placeholder,
body.ic-ui-technical.ic-ui-paper-cards .comments-block input::placeholder,
body.ic-ui-technical.ic-ui-paper-cards .comments-block textarea::placeholder {
  color: color-mix(in srgb, var(--ic-ui-muted, #94a3b8) 66%, transparent) !important;
}
body:not(.admin-area) .comments-block .btn,
body.ic-ui-technical.ic-ui-paper-cards .comments-block .btn {
  width: 100% !important;
  margin-top: 14px !important;
  background: color-mix(in srgb, var(--ic-ui-layer-3, #142235) 78%, #000 22%) !important;
  border-color: rgba(130, 165, 195, .22) !important;
}
body:not(.admin-area) .case-detail > .cta-panel,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .cta-panel {
  max-width: 760px !important;
}
@media (max-width: 720px) {
  body:not(.admin-area) .case-detail,
  body.ic-ui-technical.ic-ui-paper-cards .case-detail {
    width: min(100% - 20px, 1000px) !important;
    gap: 12px !important;
  }
  body:not(.admin-area) .case-detail > .panel,
  body.ic-ui-technical.ic-ui-paper-cards .case-detail > .panel {
    border-radius: 16px !important;
  }
}



/* Europe jobs conversion layer */
.brand--text{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text,#172033)!important;font-weight:800;letter-spacing:-.02em}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(37,99,235,.22)}.brand-name{font-size:17px}.site-header--jobs .bar{min-height:62px}.home-jobs .hero-v13,.hero-jobs{background:radial-gradient(circle at 10% 5%,rgba(37,99,235,.11),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.65),rgba(239,246,255,.46))!important}.vacancy-grid-home .service-card-v13,.vacancy-list-card{min-height:170px}.vacancy-detail-v1 .case-article h2{margin-top:1.15em}.payment-strip-v64 span{line-height:1.45}.chat-widget[hidden]{display:none!important}@media(max-width:768px){.brand-name{font-size:15px}.brand-mark{width:34px;height:34px}.site-header--jobs .bar{min-height:56px}}


/* Europe jobs final light override */
body:not(.admin-area),
body.vacancies-page,
body.cases-page,
body.theme-europe-light {
  background: #f6f8fb !important;
  color: #172033 !important;
}
body:not(.admin-area) .site-header,
body.cases-page .site-header,
body.vacancies-page .site-header {
  background: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 28px rgba(15,23,42,.06) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
body:not(.admin-area) .section--soft,
body.cases-page .section--soft,
body.vacancies-page .section--soft,
body:not(.admin-area) .page-hero,
body:not(.admin-area) .hero,
body:not(.admin-area) .section-v10,
body:not(.admin-area) .section-v13 {
  background: transparent !important;
  color: #172033 !important;
}
body:not(.admin-area) .panel,
body.cases-page .panel,
body.vacancies-page .panel,
body:not(.admin-area) .case-post-v71,
body:not(.admin-area) .service-card-v13,
body:not(.admin-area) .price-card-v13,
body:not(.admin-area) .case-detail > .panel,
body:not(.admin-area) .case-detail > .case-article,
body:not(.admin-area) .case-detail > .comments-block,
body:not(.admin-area) .case-detail > .cta-panel,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .panel,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .case-article,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .comments-block,
body.ic-ui-technical.ic-ui-paper-cards .case-detail > .cta-panel {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  color: #172033 !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.08) !important;
}
body:not(.admin-area) h1,
body:not(.admin-area) h2,
body:not(.admin-area) h3,
body:not(.admin-area) .hero-title,
body:not(.admin-area) .case-post-v71 h2,
body:not(.admin-area) .case-article h2,
body:not(.admin-area) .case-article h3,
body:not(.admin-area) .cta-panel h2 {
  color: #172033 !important;
}
body:not(.admin-area) .muted,
body:not(.admin-area) .hero-subtitle,
body:not(.admin-area) .case-post-v71 .muted,
body:not(.admin-area) .case-article p,
body:not(.admin-area) .case-article li,
body:not(.admin-area) .comments-block p,
body:not(.admin-area) .service-card-v13 p,
body:not(.admin-area) .price-card-v13 p {
  color: #64748b !important;
}
body:not(.admin-area) input,
body:not(.admin-area) textarea,
body:not(.admin-area) select,
body:not(.admin-area) .comments-block input,
body:not(.admin-area) .comments-block textarea,
body.ic-ui-technical.ic-ui-paper-cards .comments-block input,
body.ic-ui-technical.ic-ui-paper-cards .comments-block textarea {
  background: #ffffff !important;
  color: #172033 !important;
  border-color: rgba(148,163,184,.35) !important;
  box-shadow: none !important;
}
body:not(.admin-area) .ic-lang-switcher,
body:not(.admin-area) .ic-lang-switcher-plugin,
body:not(.admin-area) .skiptranslate,
body:not(.admin-area) .goog-te-banner-frame {
  display: none !important;
  visibility: hidden !important;
}


/* JobPilot Europe CSS-first brand system */
:root{
  --jpe-accent:#ff5a3c;
  --jpe-accent-2:#ff7a47;
  --jpe-dark:#172033;
  --jpe-muted:#667387;
  --jpe-soft:#f4f6f9;
  --jpe-soft-2:#fff5ef;
  --jpe-line:#e6eaf1;
  --jpe-shadow:0 18px 40px rgba(23,32,51,.12);
  --jpe-shadow-soft:0 10px 24px rgba(255,90,60,.18);
  --jpe-route:rgba(102,115,135,.30);
  --jpe-surface:#ffffff;
  --jpe-surface-2:#fbfcfd;
  --jpe-brand-gap:12px;
  --jpe-sign-text:#5f6d81;
}

.site-header--jobs{background:rgba(255,255,255,.84);backdrop-filter:blur(10px);border-bottom:1px solid rgba(230,234,241,.9)}
.brand--pilot{display:inline-flex!important;align-items:center;gap:var(--jpe-brand-gap);text-decoration:none;color:var(--jpe-dark)!important;font-weight:800;letter-spacing:-.02em}
.brand--pilot .brand-mark{display:block!important;height:auto!important;width:auto!important;background:none!important;box-shadow:none!important;color:inherit}
.brand-mark--pilot{position:relative;width:52px;height:52px;flex:0 0 52px}
.brand-mark--pilot::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:8px;border-radius:50%;background:rgba(23,32,51,.09);filter:blur(1px)}
.brand-mark--pilot .brand-pin{position:absolute;inset:7px 9px 8px 9px;background:linear-gradient(180deg,var(--jpe-accent-2),var(--jpe-accent));border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:var(--jpe-shadow-soft)}
.brand-mark--pilot .brand-ring{position:absolute;left:2px;top:14px;width:48px;height:22px;border:4px solid var(--jpe-accent);border-top-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-20deg)}
.brand-mark--pilot .brand-plane{position:absolute;left:17px;top:14px;width:18px;height:18px;background:#fff;clip-path:polygon(0 46%,100% 0,64% 100%,49% 65%,28% 82%,38% 56%);transform:rotate(8deg)}
.brand-mark--pilot .brand-star{position:absolute;right:4px;top:2px;width:11px;height:11px;background:var(--jpe-accent);transform:rotate(45deg);border-radius:3px}
.brand-mark--pilot .brand-star::before{content:"";position:absolute;inset:-2px;background:var(--jpe-accent);transform:rotate(0deg);border-radius:50%}
.brand-wordmark{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-name{display:flex;align-items:baseline;gap:9px;line-height:1;min-width:0}
.brand-name-main{font-size:1.28rem;color:var(--jpe-dark);font-weight:800}
.brand-name-accent{font-size:1.28rem;color:var(--jpe-accent);font-weight:500}
.brand-tagline{font-size:.74rem;font-weight:600;color:var(--jpe-muted);letter-spacing:.01em;text-transform:none}
.site-header--jobs .brand-name-main,.site-header--jobs .brand-name-accent{font-size:1.52rem}
.site-header--jobs .brand-tagline{font-size:.77rem}
.brand--pilot-admin{align-items:flex-start;gap:10px}
.brand--pilot-admin .brand-mark--pilot{width:42px;height:42px;flex-basis:42px}
.brand--pilot-admin .brand-name-main,.brand--pilot-admin .brand-name-accent{font-size:1.06rem}
.brand--pilot-admin .brand-tagline{font-size:.72rem;color:rgba(255,255,255,.72)}
.admin-sidebar__brand--pilot{padding:0!important}
.admin-sidebar__brand--pilot .brand--pilot{color:#fff!important}
.admin-sidebar__brand--pilot .brand-name-main{color:#fff}
.admin-sidebar__brand--pilot .brand-name-accent{color:#ff8d67}
.admin-sidebar__brand--pilot .brand-mark--pilot::after{background:rgba(255,255,255,.10)}

.home-jobs .hero-v13,.hero-jobs{background:
  radial-gradient(circle at 8% 14%,rgba(255,122,71,.15),transparent 26%),
  radial-gradient(circle at 92% 12%,rgba(255,90,60,.09),transparent 24%),
  linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,247,243,.86))!important;
}
.hero-v13__copy{position:relative;z-index:2}
.hero-summary-v29{padding:20px!important;display:grid;gap:18px;background:linear-gradient(180deg,#fff,#fbfcfe)!important;border:1px solid var(--jpe-line)!important;box-shadow:var(--jpe-shadow)!important}
.hero-summary-v29 h2{margin:0;font-size:1.18rem;color:var(--jpe-dark)}
.hero-jpe-scene{position:relative;min-height:290px;border-radius:28px;overflow:hidden;padding:20px;background:
  radial-gradient(circle at 18% 16%,rgba(255,90,60,.13),transparent 20%),
  linear-gradient(180deg,#fff 0%,#f9fbfd 100%);
  border:1px solid var(--jpe-line);
}
.hero-jpe-scene::before{content:"";position:absolute;inset:14px 18px auto auto;width:250px;height:170px;border-radius:56% 44% 48% 52%/42% 54% 46% 58%;background:linear-gradient(180deg,rgba(102,115,135,.08),rgba(102,115,135,.04));filter:blur(.2px);opacity:.9}
.hero-jpe-scene::after{content:"";position:absolute;left:-14px;right:-14px;bottom:-34px;height:120px;background:radial-gradient(circle at 30% 0,rgba(255,90,60,.08),transparent 38%),linear-gradient(180deg,transparent,rgba(23,32,51,.03));pointer-events:none}
.hero-jpe-scene__map{position:absolute;inset:0;pointer-events:none}
.hero-jpe-cloud{position:absolute;height:14px;border-radius:999px;background:#eef2f7}
.hero-jpe-cloud::before,.hero-jpe-cloud::after{content:"";position:absolute;background:#eef2f7;border-radius:50%}
.hero-jpe-cloud::before{width:16px;height:16px;left:8px;top:-7px}
.hero-jpe-cloud::after{width:11px;height:11px;right:9px;top:-5px}
.hero-jpe-cloud--one{width:48px;right:38px;top:28px}
.hero-jpe-cloud--two{width:38px;left:52%;top:36px}
.hero-jpe-airplane{position:absolute;left:50px;top:46px;width:72px;height:18px;background:linear-gradient(180deg,#fff,#dde4ef);border-radius:16px;transform:rotate(-18deg);box-shadow:0 4px 12px rgba(23,32,51,.1)}
.hero-jpe-airplane::before{content:"";position:absolute;left:10px;right:10px;top:7px;border-top:2px dotted rgba(23,32,51,.25)}
.hero-jpe-airplane::after{content:"";position:absolute;right:7px;top:6px;width:18px;height:6px;background:var(--jpe-accent);clip-path:polygon(0 0,100% 0,74% 100%,0 100%)}
.hero-jpe-route{position:absolute;border:2px dashed var(--jpe-route);border-radius:50%;opacity:.85}
.hero-jpe-route.route-a{right:54px;top:56px;width:170px;height:110px;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(10deg)}
.hero-jpe-route.route-b{left:94px;top:70px;width:220px;height:130px;border-right-color:transparent;border-top-color:transparent;transform:rotate(-8deg)}
.hero-jpe-pin{position:absolute;width:18px;height:18px;background:linear-gradient(180deg,var(--jpe-accent-2),var(--jpe-accent));border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 8px 16px rgba(255,90,60,.18)}
.hero-jpe-pin::after{content:"";position:absolute;left:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#fff}
.hero-jpe-pin.pin-a{right:78px;top:62px}
.hero-jpe-pin.pin-b{right:148px;top:116px}
.hero-jpe-pin.pin-c{left:62%;top:156px}
.hero-jpe-pin.pin-d{left:44%;top:112px}
.hero-jpe-jobcard,.hero-jpe-passport,.hero-jpe-doccard,.hero-jpe-signpost,.hero-jpe-suitcase{position:absolute;box-shadow:0 18px 38px rgba(23,32,51,.08)}
.hero-jpe-jobcard{left:24px;bottom:24px;width:min(58%,250px);padding:15px 16px 16px;border-radius:22px;background:#fff;border:1px solid var(--jpe-line);display:grid;gap:8px;z-index:2}
.hero-jpe-jobcard__eyebrow{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--jpe-muted);font-weight:700}
.hero-jpe-jobcard strong{font-size:1rem;line-height:1.22;color:var(--jpe-dark)}
.hero-jpe-jobcard small{font-size:.78rem;color:var(--jpe-muted)}
.hero-jpe-jobcard__tags{display:flex;gap:8px;flex-wrap:wrap}
.hero-jpe-jobcard__tags b{display:inline-flex;padding:7px 9px;border-radius:999px;background:var(--jpe-soft-2);color:var(--jpe-accent);font-size:.72rem;line-height:1;font-weight:700}
.hero-jpe-passport{left:calc(24px + min(58%,250px) + 12px);bottom:26px;width:62px;height:86px;border-radius:16px;background:linear-gradient(180deg,#182640,#0f1a2d);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;font-size:1rem;z-index:2}
.hero-jpe-passport small{display:block;font-size:.58rem;opacity:.72;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.hero-jpe-passport span::before{content:"✦ ✦ ✦";display:block;font-size:.5rem;letter-spacing:.18em;text-align:center;margin-bottom:8px;color:#fff}
.hero-jpe-doccard{right:22px;bottom:34px;width:108px;height:122px;padding:18px 16px;border-radius:22px;background:linear-gradient(180deg,#fff,#f7f9fc);border:1px solid var(--jpe-line);display:grid;gap:10px;z-index:2}
.hero-jpe-doccard span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#e7ecf3,#f3f6fa)}
.hero-jpe-doccard span:first-child{height:28px;width:28px;border-radius:50%;background:linear-gradient(180deg,#dbe4f1,#eef2f7)}
.hero-jpe-doccard span:nth-child(2){width:82%}
.hero-jpe-doccard span:nth-child(3){width:92%}
.hero-jpe-doccard span:nth-child(4){width:68%}
.hero-jpe-suitcase{right:8px;bottom:8px;width:58px;height:76px;border-radius:16px;background:linear-gradient(180deg,#f6f8fb,#e9eef5);border:1px solid #d9e0ea}
.hero-jpe-suitcase::before{content:"";position:absolute;left:18px;top:-12px;width:22px;height:16px;border:4px solid #b9c5d3;border-bottom:none;border-radius:8px 8px 0 0}
.hero-jpe-suitcase::after{content:"";position:absolute;left:12px;right:12px;top:26px;height:4px;background:#d4dde8;border-radius:999px;box-shadow:0 14px 0 #d4dde8,0 28px 0 #d4dde8}
.hero-jpe-signpost{right:18px;top:94px;display:grid;gap:8px;z-index:2}
.hero-jpe-signpost span{display:block;padding:10px 14px;background:#fff;border:1px solid var(--jpe-line);border-radius:14px 18px 18px 14px;color:var(--jpe-sign-text);font-size:.74rem;font-weight:800;letter-spacing:.03em;box-shadow:0 12px 28px rgba(23,32,51,.05)}
.hero-jpe-signpost span:last-child{color:var(--jpe-accent)}
.process-grid-v28{position:relative;z-index:2}
.process-card-v28{background:#fff!important;border:1px solid var(--jpe-line)!important;box-shadow:none!important}
.process-card-v28 strong{color:var(--jpe-dark)}

.page-hero .brand--pilot,.site-footer .brand--pilot{transform-origin:left center}
.site-footer{border-top:1px solid var(--jpe-line);background:#fff}
.site-footer .footer-copy small{color:var(--jpe-muted)}
.site-nav a.nav-cta,.btn.primary,.btn.primary:visited{background:linear-gradient(135deg,var(--jpe-accent),var(--jpe-accent-2))!important;border-color:transparent!important;box-shadow:0 14px 30px rgba(255,90,60,.22)!important}
.site-nav a.nav-cta:hover,.btn.primary:hover{transform:translateY(-1px)}
.badge.hero-tag-v103,.hero-tags-v103 .badge{background:var(--jpe-soft-2)!important;color:var(--jpe-accent)!important;border:1px solid rgba(255,90,60,.14)!important}

@media (max-width: 1100px){
  .hero-jpe-jobcard{width:min(60%,230px)}
  .hero-jpe-passport{left:auto;right:138px;bottom:28px}
}
@media (max-width: 760px){
  .site-header--jobs .brand-name-main,.site-header--jobs .brand-name-accent{font-size:1.18rem}
  .brand-tagline{display:none}
  .brand-mark--pilot{width:44px;height:44px;flex-basis:44px}
  .hero-summary-v29{padding:16px!important}
  .hero-jpe-scene{min-height:250px;padding:16px}
  .hero-jpe-jobcard{left:16px;right:16px;bottom:16px;width:auto}
  .hero-jpe-passport{display:none}
  .hero-jpe-doccard{right:18px;top:118px;width:88px;height:104px;padding:14px}
  .hero-jpe-signpost{display:none}
  .hero-jpe-suitcase{display:none}
}