:root{--test-banner-height:48px}
body.kv-test-environment{padding-top:var(--test-banner-height)}
.kv-test-banner{position:fixed;inset:0 0 auto;z-index:1000;min-height:var(--test-banner-height);display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:#f7d98b;color:#432b1f;border-bottom:1px solid #b88731;font:13px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:center}
.kv-test-banner strong{font-size:12px;letter-spacing:.8px;white-space:nowrap}
body.kv-test-environment .app-shell{min-height:calc(100dvh - var(--test-banner-height))}
body.kv-test-environment .app-shell>.sidebar{inset:var(--test-banner-height) auto 0 0;max-height:calc(100dvh - var(--test-banner-height))}
body.kv-test-environment .drawer-scrim,body.kv-test-environment .sidebar-scrim{top:var(--test-banner-height)}
body.kv-test-environment .modal-overlay{padding-top:calc(24px + var(--test-banner-height))}
body.kv-test-environment .notifications-drawer{top:var(--test-banner-height);height:calc(100dvh - var(--test-banner-height))}
@media(max-width:600px){:root{--test-banner-height:64px}.kv-test-banner{flex-direction:column;gap:2px;padding:8px 12px;font-size:12px}body.kv-test-environment .modal-overlay{padding-top:var(--test-banner-height)}}
@media print{body.kv-test-environment{padding-top:0}.kv-test-banner{display:none}}