/* Kavio Labs static theme demo: demo bar, device stage, toast (themes/tools/demo-export.mjs).
   Kavio Labs website palette (Tolerance): dark #0C0F13, paper #F6F4EF, module orange #FF5B2E with ink text.
   Instrument Sans (SIL OFL 1.1), self-hosted next to this file. */
@font-face { font-family: "Kavio Instrument Sans"; font-style: normal; font-display: swap; font-weight: 400 700; font-stretch: 75% 100%; src: url(instrument-sans-latin.woff2) format("woff2"); }
:root { --kvd-h: 48px; }
html.kvd-has-bar body { padding-top: var(--kvd-h) !important; }
html.kvd-has-bar[data-kvt~="kvt-sticky"] .tygh-header { top: var(--kvd-h) !important; }
html.kvd-has-bar .cm-notification-container.notification-container { top: calc(var(--kvd-h) + 8px) !important; }
.kvd-bar, .kvd-bar *, .kvd-toast, .kvd-toast *, .kvd-stage { box-sizing: border-box; }
.kvd-bar {
    position: fixed; z-index: 2147483600; top: 0; left: 0; right: 0; height: var(--kvd-h);
    display: flex; align-items: center; gap: 14px; padding: 0 12px 0 16px;
    background: #0C0F13; color: #F6F4EF; border-bottom: 1px solid rgba(246, 244, 239, .10);
    font: 500 13px/1.2 "Kavio Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    letter-spacing: 0; text-transform: none; -webkit-font-smoothing: antialiased;
}
.kvd-bar a { color: inherit; text-decoration: none; }
.kvd-brand { display: flex; align-items: center; gap: 9px; min-width: 0; white-space: nowrap; }
.kvd-brand img { width: 22px; height: 22px; display: block; flex: none; }
.kvd-brand b { font-weight: 650; font-size: 14px; }
.kvd-brand span { color: rgba(246, 244, 239, .62); font-weight: 450; }
.kvd-panel { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.kvd-field { display: flex; align-items: center; gap: 7px; margin: 0; color: rgba(246, 244, 239, .62); font: inherit; }
.kvd-field select {
    height: 30px; margin: 0; padding: 0 28px 0 10px; border: 1px solid rgba(246, 244, 239, .18); border-radius: 6px;
    background: #151A21 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23F6F4EF' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 9px center / 12px;
    color: #F6F4EF; font: 500 13px/1 "Kavio Instrument Sans", ui-sans-serif, system-ui, sans-serif; appearance: none; -webkit-appearance: none; cursor: pointer; width: auto; max-width: none; box-shadow: none;
}
.kvd-field select:focus-visible, .kvd-bar button:focus-visible, .kvd-bar a:focus-visible { outline: 2px solid #FF5B2E; outline-offset: 2px; }
.kvd-dev { display: flex; gap: 2px; padding: 2px; border: 1px solid rgba(246, 244, 239, .18); border-radius: 7px; }
.kvd-bar button { margin: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; min-width: 0; height: auto; }
.kvd-dev button { width: 32px; height: 26px; border-radius: 5px; display: grid; place-items: center; color: rgba(246, 244, 239, .7); }
.kvd-dev button[aria-pressed="true"] { background: #F6F4EF; color: #0C0F13; }
.kvd-bar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.kvd-buy { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 6px; background: #FF5B2E; color: #101418 !important; font-weight: 650; white-space: nowrap; }
.kvd-buy:hover { background: #F04A1C; }
.kvd-close { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 6px; color: rgba(246, 244, 239, .8) !important; }
.kvd-close:hover { background: #1D232C; }
.kvd-more { display: none !important; align-items: center; gap: 6px; height: 32px; padding: 0 10px !important; border-radius: 6px; border: 1px solid rgba(246, 244, 239, .18) !important; margin-left: auto !important; }
.kvd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 899px) {
    .kvd-dev { display: none; }
}
@media (max-width: 719px) {
    :root { --kvd-h: 44px; }
    .kvd-bar { gap: 8px; padding: 0 8px 0 12px; }
    .kvd-brand span { display: none; }
    .kvd-more { display: inline-flex !important; }
    .kvd-more span { display: none; }
    .kvd-panel { display: none; position: absolute; top: var(--kvd-h); left: 0; right: 0; margin: 0; padding: 12px; flex-direction: column; align-items: stretch; background: #0C0F13; border-bottom: 1px solid rgba(246, 244, 239, .10); }
    .kvd-open .kvd-panel { display: flex; }
    .kvd-field { justify-content: space-between; }
    .kvd-field select { min-width: 60%; height: 36px; }
    .kvd-buy { padding: 0 11px; }
}
/* device preview */
html.kvd-device, html.kvd-device body { overflow: hidden !important; }
.kvd-stage { position: fixed; z-index: 2147483500; inset: var(--kvd-h) 0 0 0; background: #151A21; display: flex; justify-content: center; padding: 20px 0; overflow: auto; }
.kvd-stage iframe { display: block; height: 100%; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 0 0 8px #1D232C, 0 24px 60px rgba(0, 0, 0, .5); }
/* toast */
.kvd-toast {
    position: fixed; z-index: 2147483640; left: 50%; bottom: 24px; transform: translate(-50%, 16px); opacity: 0; pointer-events: none;
    display: flex; align-items: center; gap: 14px; max-width: calc(100vw - 24px); padding: 12px 14px 12px 18px; border-radius: 10px;
    background: #0C0F13; color: #F6F4EF; box-shadow: 0 12px 40px rgba(18, 24, 28, .35);
    font: 500 14px/1.35 "Kavio Instrument Sans", ui-sans-serif, system-ui, sans-serif; transition: opacity .2s, transform .2s;
}
.kvd-toast--on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.kvd-toast a { flex: none; padding: 7px 11px; border-radius: 6px; background: #FF5B2E; color: #101418 !important; font-weight: 650; text-decoration: none; }
@media (max-width: 719px) { .kvd-toast { bottom: 84px; width: calc(100vw - 24px); flex-direction: column; align-items: flex-start; gap: 10px; } }
@media (prefers-reduced-motion: reduce) { .kvd-toast { transition: none; } }
/* consent banners / transient notices are not part of the theme */
.kv-cookie-consent-mode, .klaro, .cookie-notice, .ty-gdpr-popup, .kv-ccm__banner, .kv-ccm__backdrop, #kv_ccm { display: none !important; }