/* Scoped to the new VK campaign subtab. Existing pages keep their styles. */
#view .pl252-panel { min-width: 0; padding: 3px 0 28px; color: #1b1b1b; }
#view .pl252-hero { display: grid; grid-template-columns: minmax(0,1fr) 222px; align-items: center; gap: 20px; min-height: 170px; padding: 21px 24px; background: #171717; color: #fff; border-left: 4px solid #eb1017; border-radius: 8px; overflow: hidden; }
#view .pl252-hero-copy { min-width: 0; }
#view .pl252-eyebrow { display: block; margin-bottom: 11px; color: #f05255; font: 750 11px/1.2 Arial,sans-serif; letter-spacing: .11em; }
body[data-theme] #view.vk-stage .pl252-hero .pl252-hero-copy h3 { margin: 0 0 9px; color: #fff !important; font-size: clamp(22px,2.2vw,28px); line-height: 1.1; }
body[data-theme] #view.vk-stage .pl252-hero .pl252-hero-copy p { margin: 0; max-width: 610px; color: #d4d4d4 !important; font-size: 13px; line-height: 1.5; }
#view .pl252-eye.place-konk-eye-v2 { display: grid; place-items: center; width: 216px; aspect-ratio: 12/7; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; position: relative; overflow: visible; justify-self: end; }
#view .pl252-eye .pl252-eye-wrap.place-konk-eye-wrap-v2 { display: block; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; filter: drop-shadow(0 10px 14px rgba(0,0,0,.45)); }
#view .pl252-eye-art { display: block; width: 100%; height: 100%; overflow: visible; }
html[data-place-eye-visuals-v235="hidden"] #view .pl252-eye .pl252-eye-wrap { display: none !important; }
html[data-place-eye-visuals-v235="hidden"] #view .pl252-eye::after { content: "+"; display: block; color: #ef4147; font: 300 49px/1 Arial,sans-serif; }
#view .pl252-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 12px 0; border: 1px solid #ddd; border-radius: 8px; background: #fff; overflow: hidden; }
#view .pl252-metric { display: grid; align-content: start; gap: 7px; min-width: 0; padding: 14px 17px; border-right: 1px solid #e3e3e3; }
#view .pl252-metric:last-child { border-right: 0; }
#view .pl252-metric span { font-size: 11px; line-height: 1.25; letter-spacing: .045em; text-transform: uppercase; color: #6e6e6e; }
#view .pl252-metric strong { overflow-wrap: anywhere; font-size: 20px; line-height: 1.2; color: #181818; }
#view .pl252-metric small { color: #777; font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
#view .pl252-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 12px; }
#view .pl252-card { min-width: 0; padding: 19px 19px 17px; background: #fff; border: 1px solid #dedede; border-top: 3px solid #e3e3e3; border-radius: 8px; }
#view .pl252-card h4 { margin: 0 0 14px; font-size: 17px; line-height: 1.25; color: #1b1b1b; }
#view .pl252-check-row { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; padding: 9px 0; border-top: 1px solid #ececec; }
#view .pl252-mark { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; font: 700 13px/1 Arial,sans-serif; }
#view .pl252-mark.ok { background: #e9f4ed; color: #23734a; }
#view .pl252-mark.pending { background: #fff0e8; color: #bb5a32; }
#view .pl252-check-copy { min-width: 0; display: grid; gap: 3px; }
#view .pl252-check-copy strong { font-size: 12px; line-height: 1.3; color: #252525; }
#view .pl252-check-copy span { font-size: 12px; line-height: 1.4; color: #646464; overflow-wrap: anywhere; }
#view .pl252-message { margin: 7px 0; padding: 10px 12px; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; border-radius: 5px; }
#view .pl252-message.error { background: #fff0ed; border-left: 3px solid #cf5553; color: #672724; }
#view .pl252-message.warning { background: #fff7e6; border-left: 3px solid #d7a238; color: #68501d; }
#view .pl252-message.success { background: #eef6f0; border-left: 3px solid #5a9a70; color: #205537; }
#view .pl252-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 17px 0 10px; }
#view .pl252-actions button { min-height: 38px; padding: 9px 13px; border-radius: 5px; font: 700 12px/1.3 Arial,sans-serif; cursor: pointer; }
#view .pl252-actions .pl252-secondary { color: #222; background: #fff; border: 1px solid #aaa; }
#view .pl252-actions .pl252-primary { color: #fff; background: #d90d14; border: 1px solid #d90d14; }
#view .pl252-actions button:hover:not(:disabled) { filter: brightness(.92); }
#view .pl252-actions button:disabled { cursor: not-allowed; opacity: .5; }
#view .pl252-note { display: block; color: #777; font-size: 11px; line-height: 1.4; }
body[data-theme="place"] #view .pl252-hero { border-left-color: #1678a1; background: #162632; }
body[data-theme="place"] #view .pl252-eyebrow { color: #6bc5dd; }
body[data-theme="place"] #view .pl252-actions .pl252-primary { background: #117c9f; border-color: #117c9f; }
body[data-theme="place"] #view .pl252-eye::after { color: #35a7c4; }
@media (max-width: 900px) { #view .pl252-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 650px) {
  #view .pl252-hero { grid-template-columns: minmax(0,1fr) 96px; gap: 8px; padding: 16px; }
  #view .pl252-eye.place-konk-eye-v2 { width: 96px; }
  #view .pl252-stats { grid-template-columns: minmax(0,1fr); }
  #view .pl252-metric { border-right: 0; border-bottom: 1px solid #e3e3e3; }
  #view .pl252-metric:last-child { border-bottom: 0; }
}