/* Fixed readable panel colors keep every template palette accessible. */
.industry-demo #dzPanel{z-index:10000;width:350px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#182038;border-color:#69738a;scrollbar-gutter:stable}
.industry-demo #dzBtn{z-index:10001}
.industry-demo #dzPanel h4,.industry-demo #dzPanel .lab,.industry-demo #dzPanel .dz-hint{color:#47536b}
.industry-demo #dzPanel .dz-code{background:#edf0f7;color:#182038}
.industry-demo #dzPanel .num{color:#26367b;overflow-wrap:anywhere}
.industry-demo #dzPanel .dz-seg button{color:#26314a;min-height:44px}
.industry-demo #dzPanel .dz-seg button[aria-pressed="true"]{background:#26367b;color:#fff}
.industry-demo #dzPanel .dz-code button,.industry-demo #dzPanel .vk-personalize-secondary,.industry-demo #dzPanel .vk-personalize-close{background:#26367b;color:#fff;min-height:44px;border:1px solid #26367b;border-radius:8px;padding:9px 12px;cursor:pointer;font:600 .88rem/1.4 system-ui;white-space:normal}
.industry-demo #dzPanel label{display:block;font:600 .88rem/1.5 system-ui;color:#182038;margin:12px 0 5px}
.industry-demo #dzPanel input,.industry-demo #dzPanel textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #65728c;border-radius:7px;padding:9px;background:#fff;color:#182038;font:1rem/1.4 system-ui}
.industry-demo #dzPanel input::placeholder{color:#58647b;opacity:1}
.industry-demo #dzPanel input[type="file"]{font-size:.85rem;overflow:hidden}
.industry-demo #dzPanel textarea{resize:vertical;overflow-wrap:anywhere}
.industry-demo #dzPanel :focus-visible{outline:3px solid #1747ac;outline-offset:3px}
.industry-demo .vk-personalize{padding:0 0 16px;margin:0 0 15px;border-bottom:1px solid #bec5d3}
.industry-demo .vk-personalize h3{color:#182038;font:700 1.2rem/1.4 system-ui;margin:0 0 8px}
.industry-demo .vk-personalize-hint,.industry-demo .vk-personalize-status{font:.82rem/1.55 system-ui;color:#47536b;margin:10px 0 0;overflow-wrap:anywhere}
.industry-demo .vk-personalize-status:empty{display:none}
.industry-demo #dzPanel .vk-personalize-secondary{margin-top:12px;width:100%}
.industry-demo #dzPanel .vk-personalize-back{display:inline-flex;align-items:center;min-height:44px;color:#26367b;font:600 .88rem/1.4 system-ui;text-decoration:underline;text-underline-offset:3px}
.vk-brief-preview .demo-badge,.vk-brief-preview .vk-home-fab,.vk-brief-preview #dzBtn,.vk-brief-preview #dzPanel{display:none!important}
.industry-demo .vk-local-logo{display:inline-block;width:64px;height:64px;max-width:64px;object-fit:contain;flex:0 0 64px;vertical-align:middle;border-radius:7px;background:#fff;padding:3px;margin-right:6px}
.industry-demo .vk-local-logo[hidden],.industry-demo .vk-original-mark[hidden],.industry-demo #dzPanel button[hidden]{display:none!important}
.industry-demo .brand,.industry-demo .brand-name,.industry-demo .foot-brand{min-width:0;overflow-wrap:anywhere;word-break:normal}
.industry-demo .brand>span:not(.mark):not(.logo):not(.bmark):not(.brand-logo){min-width:0}
.industry-demo .vk-company-word{min-width:0;white-space:normal;overflow-wrap:anywhere;font:inherit;color:inherit;letter-spacing:inherit}
.vk-has-company .industry-demo .brand>.vk-company-word{flex:1 1 0}
.vk-has-company .industry-demo .brand b:empty,.vk-has-company .industry-demo .brand span:empty{display:none}
@media(max-width:600px){.industry-demo .vk-local-logo{width:44px;height:44px;max-width:44px;flex-basis:44px}.industry-demo .brand{min-width:0;max-width:54%;font-size:.9rem}.industry-demo .nav-inner,.industry-demo .nav-in{flex-wrap:nowrap}}
@media(max-width:600px){
  .industry-demo .vk-home-fab,.industry-demo .demo-badge{display:none!important}
  .industry-demo #dzBtn{right:12px!important;bottom:12px!important;left:auto!important;max-width:calc(100vw - 24px);font-size:.88rem!important;padding:10px 14px!important}
  .industry-demo #dzPanel{right:12px!important;bottom:62px!important;left:auto!important;max-height:calc(100dvh - 82px)}
}
@media print{
  .industry-demo #dzPanel,.industry-demo #dzBtn,.industry-demo .demo-badge,.industry-demo .vk-home-fab,.industry-demo .mobile-cta,.industry-demo .vk-wm{display:none!important}
  .industry-demo .nav,.industry-demo .topbar,.industry-demo>nav{position:static!important}
  .industry-demo{overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .industry-demo .vk-local-logo:not([hidden]){display:inline-block!important}
  .industry-demo .nav nav,.industry-demo .nav .nav-links,.industry-demo .nav .nav-cta{display:none!important}
  .industry-demo .nav .brand{flex:1 1 auto;max-width:none;font-size:12pt!important;letter-spacing:normal!important;line-height:1.4;text-transform:none}
  .industry-demo .nav .brand>.vk-company-word{flex:1 1 auto;letter-spacing:normal!important}
  .industry-demo .card,.industry-demo .step,.industry-demo .info,.industry-demo .hours,.industry-demo footer{break-inside:avoid;page-break-inside:avoid}
  .industry-demo h2,.industry-demo h3{break-after:avoid;page-break-after:avoid;break-inside:avoid;line-height:1.2!important;padding-top:.15em}
  .industry-demo .sec-head,.industry-demo .section-head,.industry-demo .intro{break-inside:avoid;page-break-inside:avoid}
  .industry-demo p{orphans:3;widows:3}
}

/* One keyboard-operable control surface for all 16 demonstration templates. */
.industry-demo{padding-bottom:92px!important}
.industry-demo .demo-badge,.industry-demo .vk-home-fab,.industry-demo #dzBtn{display:none!important}
.industry-demo .vk-design-toolbar{position:fixed;z-index:10002;top:auto!important;left:50%;bottom:14px;height:auto!important;transform:translateX(-50%);display:flex;align-items:center;gap:5px;max-width:92vw;padding:6px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(246,248,255,.86);color:#172139;box-shadow:0 12px 42px rgba(15,22,54,.26);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font:600 .86rem/1.2 system-ui}
.industry-demo .vk-design-toolbar>a,.industry-demo .vk-design-toolbar>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px 12px;border:0;border-radius:999px;background:transparent;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;font:inherit}
.industry-demo .vk-design-toolbar>a:hover,.industry-demo .vk-design-toolbar>button:hover{background:rgba(63,85,168,.13)}
.industry-demo .vk-design-toolbar svg,.industry-demo #dzPanel .dz-seg svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.industry-demo .vk-design-toolbar :focus-visible,.industry-demo #dzPanel :focus-visible{outline:3px solid #4167d5;outline-offset:2px}
.industry-demo .vk-reset-ask{position:absolute;left:50%;right:auto;bottom:calc(100% + 9px);transform:translateX(-50%);display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 28px);padding:8px 10px;border-radius:14px;background:#fff;color:#172139;border:1px solid #b7c2dc;box-shadow:0 8px 25px rgba(0,0,0,.22);white-space:normal}
.industry-demo .vk-reset-ask[hidden]{display:none!important}
.industry-demo .vk-reset-ask button{min-height:38px;padding:7px 12px;border-radius:9px;border:1px solid #929db8;background:#eef1fb;color:#172139;cursor:pointer;font:600 .82rem system-ui}
.industry-demo #dzPanel{z-index:10001;right:50%!important;bottom:78px!important;transform:translateX(50%);width:min(425px,92vw);max-height:calc(100dvh - 95px);border-radius:22px;border:1px solid rgba(255,255,255,.66);background:rgba(248,250,255,.93);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 65px rgba(14,23,53,.3);padding:20px}
.industry-demo #dzPanel .vk-personalize{position:relative;padding-right:40px}
.industry-demo #dzPanel .vk-personalize-close{position:absolute;top:0;right:0;width:40px;min-height:40px;border-radius:12px;font-size:1.3rem;line-height:1}
.industry-demo #dzPanel h4{text-transform:none;letter-spacing:0;font-size:.83rem;font-weight:750;margin-top:12px}
.industry-demo #dzPanel .dz-seg button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.industry-demo #dzPanel .vk-personalize-print{width:100%;border:0;background:transparent;color:#26367b;text-decoration:underline;text-underline-offset:3px;min-height:44px;cursor:pointer;font:600 .86rem system-ui}
html[data-mode="dunkel"] .industry-demo .vk-design-toolbar{background:rgba(22,29,49,.88);color:#f5f7ff;border-color:rgba(255,255,255,.2)}
html[data-mode="dunkel"] .industry-demo #dzPanel{background:rgba(27,34,55,.94);color:#f3f5fc;border-color:rgba(255,255,255,.18)}
html[data-mode="dunkel"] .industry-demo #dzPanel h3,html[data-mode="dunkel"] .industry-demo #dzPanel h4,html[data-mode="dunkel"] .industry-demo #dzPanel label,html[data-mode="dunkel"] .industry-demo #dzPanel .dz-hint,html[data-mode="dunkel"] .industry-demo #dzPanel .vk-personalize-hint,html[data-mode="dunkel"] .industry-demo #dzPanel .vk-personalize-status,html[data-mode="dunkel"] .industry-demo #dzPanel .lab{color:#e9edfa}
html[data-mode="dunkel"] .industry-demo #dzPanel .dz-code{background:#252d48;color:#f3f5fc}
html[data-mode="dunkel"] .industry-demo #dzPanel .num{color:#c4d0ff}
html[data-mode="dunkel"] .industry-demo #dzPanel .dz-seg button{color:#e9edfa}
html[data-mode="dunkel"] .industry-demo #dzPanel .dz-seg button[aria-pressed="true"]{background:#7892f5;color:#0f193b}
html[data-mode="dunkel"] .industry-demo #dzPanel .vk-personalize-print{color:#ccd8ff}
@media(max-width:600px){.industry-demo .vk-design-toolbar>button span,.industry-demo .vk-design-toolbar>a span{display:none}.industry-demo .vk-design-toolbar{bottom:10px}.industry-demo #dzPanel{right:50%!important;bottom:70px!important;max-height:calc(100dvh - 84px)}}
@media print{.industry-demo .vk-design-toolbar{display:none!important}.industry-demo{padding-bottom:0!important}}
.vk-brief-preview .vk-design-toolbar{display:none!important}
