/* Native image blocks preserve independent replacement and WordPress lightbox. */
.product-cockpit{position:relative;perspective:1600px;padding-top:66px;--cockpit-x:0deg;--cockpit-y:0deg}
.product-cockpit .wp-block-group,.product-cockpit figure,.product-cockpit p{margin:0}
.cockpit-shell{position:relative;border:1px solid #dedee3;border-radius:20px;background:#fafafb;padding:0 22px;box-shadow:0 24px 65px #1d202510,0 2px 5px #1d202507;transform:rotateX(var(--cockpit-x)) rotateY(var(--cockpit-y));transition:transform .9s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.cockpit-chrome{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 3px;font:10px var(--falcon-mono);color:#8c8c98;border-bottom:1px solid #e9e9ee}
.cockpit-dots{letter-spacing:4px;color:#d7d7de}.cockpit-address{letter-spacing:2px}.cockpit-live{color:#008f69}
.cockpit-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;padding:25px 0 18px;align-items:start}
.cockpit-main{border:1px solid #ebe9e6;border-radius:15px;overflow:hidden;background:white}
.cockpit-aside{min-width:0;display:flex;flex-direction:column;gap:12px}
.product-cockpit .cockpit-label{font:9px var(--falcon-mono);letter-spacing:1px;color:#858590;padding:0 8px}
.cockpit-image img{display:block;width:100%;height:auto}.cockpit-image{position:relative;min-width:0}
.cockpit-case,.cockpit-monitor{border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #17171906}
.cockpit-status{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5e5ea;padding:15px 3px;font:9px var(--falcon-mono);color:#9595a0}.cockpit-status p:first-child{color:#008f69}
.cockpit-hud{position:absolute;inset:0 -25px auto;z-index:2;display:flex;justify-content:space-between;pointer-events:none}
.cockpit-hud .cockpit-image{width:27%;pointer-events:auto;transform:translateZ(24px)}
.cockpit-image .lightbox-trigger{min-width:44px;min-height:44px;right:12px!important;top:12px!important}
@media(prefers-reduced-motion:no-preference){
 .falcon-motion-full .cockpit-hud .cockpit-image{animation:cockpit-hover 7s ease-in-out infinite}.falcon-motion-full .cockpit-hud .cockpit-success{animation-delay:-3.5s}
 .falcon-motion-full .cockpit-live{animation:cockpit-status-pulse 4s ease-in-out infinite}
 .falcon-motion-paused .product-cockpit *,.product-cockpit.cockpit-paused *{animation-play-state:paused!important}
 @media(hover:hover) and (pointer:fine){.falcon-motion .cockpit-main,.falcon-motion .cockpit-aside .cockpit-image{transition:translate .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.falcon-motion .cockpit-main:hover,.falcon-motion .cockpit-aside .cockpit-image:hover{translate:0 -4px;box-shadow:0 14px 30px #20202310}}
}
@keyframes cockpit-hover{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes cockpit-status-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:767px){
 .product-cockpit{padding-top:0;perspective:none}.cockpit-hud{position:relative;inset:auto;gap:8px;margin-bottom:8px!important}.cockpit-hud .cockpit-image{width:50%}.cockpit-shell{padding:0 12px;border-radius:14px;transform:none!important}.cockpit-chrome{font-size:8px;gap:8px;padding:14px 0}.cockpit-dots{letter-spacing:1px}.cockpit-address{letter-spacing:.5px}.cockpit-live{font-size:7px}.cockpit-grid{grid-template-columns:1fr;padding-top:14px;gap:18px}.cockpit-aside{gap:10px}.cockpit-status{font-size:8px;flex-direction:column;gap:7px}.cockpit-image .lightbox-trigger{opacity:1!important}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.product-cockpit *{animation:none!important}.cockpit-shell{transform:none!important;transition:none!important}}
.editor-styles-wrapper .product-cockpit *{animation:none!important;transform:none!important;translate:none!important}
@media(max-width:767px){.product-cockpit *{animation:none!important}}
@media(max-width:480px){.cockpit-hud{flex-direction:column;gap:0}.cockpit-hud .cockpit-image{width:88%}.cockpit-hud .cockpit-success{align-self:flex-end}}
/* v1.8: real editable blocks, no rasterized interface. */
.cockpit-native .cockpit-hud{inset:4px -12px auto}.cockpit-native{padding-top:80px}
.native-hud{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e1e6;border-radius:14px;padding:16px 20px;box-shadow:0 10px 28px #15151c0c;pointer-events:auto}
.hud-value{font:700 24px var(--falcon-mono);padding:12px;border:1px solid #b1f2d7;border-radius:10px;color:#00976c;background:#ecfff6}
.cockpit-success .hud-value{color:var(--falcon-accent);border-color:#ffdec0;background:#fff7ed}.hud-title{font:700 12px var(--falcon-mono)}.hud-description{font:11px var(--falcon-mono);color:#858591;padding-top:7px}
.cockpit-native .cockpit-grid{grid-template-columns:1.55fr 1fr;align-items:stretch}
.native-clients{padding:23px;display:flex;flex-direction:column;gap:22px}.native-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.product-cockpit .native-title{font-size:25px;letter-spacing:-1px;line-height:1.25;margin:0 0 5px}.native-muted{font-size:10px;line-height:1.5;color:#98949b}.native-pill{width:fit-content;display:inline-block;border-radius:7px;padding:7px 10px;background:#f3f3f5;font-size:10px;line-height:1.5;white-space:nowrap}.native-orange{background:var(--falcon-accent);color:#fff}.native-green{background:#d7fae9;color:#008c64;border-radius:30px}.native-stats{display:grid;grid-template-columns:repeat(6,1fr);padding:20px 4px;border:1px solid #ffdac5;border-radius:12px;text-align:center}.native-stat{padding:0 5px;border-right:1px solid #fceee7}.native-stat:last-child{border:0}.native-stat-icon{color:#ff8b4c;font-size:19px}.native-stat-number{font-weight:750;font-size:24px;line-height:1.7}.native-stats .native-muted{font-size:9px}.native-client-list{border:1px solid #ffdac5;border-radius:12px;padding:18px;background:linear-gradient(#fff 35%,#fff8f3)}.product-cockpit .native-subtitle{font-size:18px;letter-spacing:-.5px;line-height:1.4;margin:0}.native-client-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0 16px;margin-top:15px!important;border-block:1px solid #f5e6dc}.native-person{display:flex;align-items:center;gap:12px}.native-avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;background:var(--falcon-accent);border-radius:50%;color:#fff;font-size:17px}.native-client-name{font-size:12px;font-weight:700}.native-date{font-size:11px;color:var(--falcon-accent)}.native-stage{font-size:9px;padding:12px 0;color:#a58a7c}.native-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.native-mini{padding:14px 10px;background:white;border:1px solid #eee;border-radius:10px;box-shadow:0 5px 12px #33201008;min-width:0}.native-mini-title{font:8px/1.5 var(--falcon-mono);color:#ec783e;padding-bottom:16px}.native-big{font-size:27px;font-weight:750;line-height:1.4}.native-accent{color:var(--falcon-accent)}.native-message{font-size:10px;color:#777;padding-bottom:12px}.native-message strong{float:right;color:#222}.native-mini .native-pill{margin-top:14px}.native-mini .case-progress-label{font-size:9px}.native-mini .case-progress{height:4px;margin-block:7px 12px}.native-mini .progress-value{height:4px}.native-case{padding:28px;background:white;border:1px solid #eee;border-radius:18px;box-shadow:0 12px 24px #18181c08}.native-avatar-large{width:64px;height:64px;font-size:32px}.native-case .native-subtitle{font-size:23px;margin-bottom:7px}.native-case .falcon-progress{margin-block:25px 18px}.native-case .case-progress-label{font-size:16px}.native-counts{display:flex;gap:10px}.native-counts .native-pill{font-size:13px;border-radius:25px;padding:9px 14px}.native-monitor{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;background:#0b0b0d;border:1px solid #242426;border-radius:13px;position:relative;overflow:hidden}.native-bureau{padding:13px 9px;background:#151517;border-radius:9px;min-width:0}.native-bureau-name{font:9px var(--falcon-mono);color:#a1a1a9;margin-bottom:16px!important}.native-event{font-size:8px;line-height:1.7;color:#bbb;margin-bottom:9px!important;padding-left:10px;position:relative;overflow-wrap:anywhere}.native-event::before{content:'';position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:#00bc8e}.event-1::before{background:#ffc700}.event-2::before{background:#ff3c63}.native-monitor .case-progress-label{font-size:8px;color:#8d8d94;margin-top:12px}.native-monitor .case-progress{height:4px;background:#303034;margin:8px 0 0}.native-monitor .progress-value{height:4px}.cockpit-native .cockpit-aside{justify-content:space-between;gap:15px}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) and (min-width:768px){
 .falcon-motion-full .native-hud{animation:cockpit-hover 7s ease-in-out infinite}.falcon-motion-full .native-hud.cockpit-success{animation-delay:-3.5s}
 .falcon-motion-full .native-event::before{animation:native-led 4s ease-in-out infinite}.falcon-motion-full .event-1::before{animation-delay:1s}.falcon-motion-full .event-2::before{animation-delay:2s}
 .falcon-motion-full .native-monitor::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(transparent, #ffffff05,transparent);height:25%;animation:native-scan 8s linear infinite}
 .falcon-motion .native-mini,.falcon-motion .native-case{transition:transform .4s,box-shadow .4s}.falcon-motion .native-mini:hover,.falcon-motion .native-case:hover{transform:translateY(-4px);box-shadow:0 16px 30px #16161910}
 .cockpit-paused *::before,.cockpit-paused::after,.cockpit-paused .native-monitor::after,.falcon-motion-paused .native-monitor::after,.falcon-motion-paused .native-event::before{animation-play-state:paused!important}
}
@keyframes native-led{0%,100%{opacity:1}50%{opacity:.4;box-shadow:0 0 7px currentColor}}
@keyframes native-scan{from{translate:0 -100%}to{translate:0 500%}}
@media(max-width:1100px){.cockpit-native .cockpit-grid{grid-template-columns:1fr}.cockpit-native .cockpit-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.cockpit-native .cockpit-label{grid-row:1}.native-case,.native-monitor{grid-row:2}.native-monitor{min-height:230px}.native-hud{padding:12px;gap:8px}.hud-description{font-size:9px}.hud-value{font-size:20px}}
@media(max-width:767px){.cockpit-native{padding-top:0}.cockpit-native .cockpit-hud{inset:auto;gap:12px;margin-bottom:20px!important}.native-hud{width:auto}.native-clients{padding:15px;gap:16px}.product-cockpit .native-title{font-size:21px}.native-title-row{flex-wrap:wrap}.native-stats{grid-template-columns:repeat(3,1fr);row-gap:20px}.native-stat:nth-child(3){border:0}.native-client-list{padding:12px}.native-client-row{flex-wrap:wrap}.native-mini-grid{grid-template-columns:1fr}.native-mini{padding:18px}.native-mini-title{font-size:10px}.native-mini .native-muted,.native-mini .native-message{font-size:12px}.native-mini .case-progress-label{font-size:12px}.cockpit-native .cockpit-aside{display:flex;gap:14px}.native-case{padding:20px}.native-case .native-subtitle{font-size:21px}.native-monitor{min-height:0}.native-bureau{padding:13px 6px}.native-event{font-size:9px}.native-bureau-name{font-size:8px}.native-counts .native-pill{font-size:12px}.hud-description{font-size:10px}.hud-value{font-size:22px}.cockpit-native .cockpit-status{font-size:9px}}
.native-monitor .case-progress-label strong{color:#b3b3bd}.cockpit-native .progress-value{border-radius:inherit;transform-origin:left center}
@media(min-width:1101px){.cockpit-native .cockpit-aside{display:grid;grid-template-rows:auto 1fr auto auto}.native-case{display:flex;flex-direction:column;justify-content:center}}
/* Supplied SVG icons; legacy statistics acquire the same icons without changing saved text or numbers. */
.native-stat:nth-child(1),.native-stat:nth-child(4),.native-stat:nth-child(5){--stat-icon:url('../images/stat-users.svg')}
.native-stat:nth-child(2){--stat-icon:url('../images/stat-user-check.svg')}
.native-stat:nth-child(3){--stat-icon:url('../images/stat-trend-up.svg')}
.native-stat:nth-child(6){--stat-icon:url('../images/stat-archive.svg')}
.product-cockpit .native-stat-icon{display:block;width:28px;height:25px;margin:0 auto 4px;line-height:0}
.product-cockpit p.native-stat-icon{font-size:0;background-image:var(--stat-icon);background-size:contain;background-position:center;background-repeat:no-repeat}
.native-stat-image img{display:block;width:100%;height:100%;object-fit:contain}
/* v1.8.2: self-contained pattern, including insertion outside falcon-container. */
.product-cockpit{width:calc(100% - 96px);max-width:1320px;margin:0 auto 64px!important}
.falcon-container .product-cockpit{width:100%;margin-bottom:0!important}
.product-cockpit .wp-block-group,.product-cockpit .wp-block-image{max-width:none}
.cockpit-native .cockpit-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}
.cockpit-native .cockpit-main,.cockpit-native .cockpit-aside{width:100%;min-width:0;margin-inline:0!important}
.cockpit-native .cockpit-aside{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}
.cockpit-native .native-case{width:100%;padding:30px;min-height:0;display:block;align-self:stretch}
.cockpit-native .native-monitor{width:100%;min-height:0;grid-template-columns:1fr;padding:14px;gap:9px}
.cockpit-native .native-bureau{display:grid;grid-template-columns:1fr 1.2fr;gap:5px 12px;padding:12px 14px}
.cockpit-native .native-bureau-name{font-size:11px;margin:0!important;grid-column:1}
.cockpit-native .native-event{font-size:11px;line-height:1.55;margin:0!important;grid-column:1/-1}
.cockpit-native .native-bureau .falcon-progress{grid-column:2;grid-row:1;align-self:center;margin:0}
.cockpit-native .native-bureau .case-progress-label{font-size:10px;margin:0}
.cockpit-native .native-bureau .case-progress{margin-top:5px}
.cockpit-native .native-stat .native-muted{font-size:11px}
.cockpit-native .native-muted{font-size:11px}
.cockpit-native .native-mini-title{font-size:10px}
.cockpit-native .native-message{font-size:12px}
.cockpit-native .native-mini .case-progress-label{font-size:11px}
.cockpit-native .native-mini{min-height:190px}
.cockpit-native .cockpit-hud{inset:4px 0 auto}
@media(max-width:1100px){.cockpit-native .cockpit-grid{grid-template-columns:1fr}.cockpit-native .cockpit-aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cockpit-native .native-case{padding:24px}.cockpit-native .cockpit-label{grid-row:1}.cockpit-native .native-case,.cockpit-native .native-monitor{grid-row:2}}
@media(max-width:767px){.product-cockpit{width:calc(100% - 36px);margin-bottom:36px!important}.cockpit-native .cockpit-hud{inset:auto}.cockpit-native .cockpit-aside{display:flex}.cockpit-native .native-case{padding:20px}.cockpit-native .native-mini{min-height:0}.cockpit-native .native-event{font-size:12px}}