/* Shared skin for the live dock and the editor preview. */
:is(#dora-app-navigation,.mobile-panel-demo){--panel-bg:var(--tenant-dark,#142735);--panel-button:var(--tenant-primary-light,#dbe8f0);--panel-ink:var(--tenant-primary-dark,#244458);--panel-radius:999px;--panel-button-radius:50%;--panel-shadow:0 10px 30px #0b182b35;--panel-alpha:var(--panel-opacity,92%);background:color-mix(in srgb,var(--panel-bg) var(--panel-alpha),transparent)!important;border-radius:var(--panel-radius)!important;box-shadow:var(--panel-shadow);padding:6px 8px;border:1px solid color-mix(in srgb,var(--panel-ink) 18%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#dora-app-navigation{bottom:calc(var(--panel-gap,20px) + env(safe-area-inset-bottom,0px) + var(--dora-dock-lift,0px))}
[data-panel-palette="light"]{--panel-bg:#f8fafc!important;--panel-button:var(--tenant-primary-light,#dbe8f0)!important;--panel-ink:var(--tenant-primary-dark,#244458)!important}
[data-panel-palette="primary"]{--panel-bg:var(--tenant-primary-light,#dbe8f0)!important;--panel-button:var(--tenant-primary,#2563eb)!important;--panel-ink:var(--panel-primary-contrast,#fff)!important}
[data-panel-palette="secondary"]{--panel-bg:var(--tenant-secondary-light,#d5f5ed)!important;--panel-button:var(--tenant-secondary,#14b8a6)!important;--panel-ink:var(--panel-secondary-contrast,#102a28)!important}
[data-panel-palette="duo"]{--panel-bg:var(--tenant-primary-dark,#244458)!important;--panel-button:var(--tenant-secondary-light,#d5f5ed)!important;--panel-ink:var(--tenant-secondary-dark,#115e59)!important}
[data-panel-palette="graphite"]{--panel-bg:#202832!important;--panel-button:#e2e8f0!important;--panel-ink:#243244!important}
[data-panel-shape="rounded"]{--panel-radius:22px!important;--panel-button-radius:14px!important}
[data-panel-shape="square"]{--panel-radius:12px!important;--panel-button-radius:8px!important}
[data-panel-blur="solid"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(body #dora-app-navigation,.mobile-panel-demo) button:not(#openChatbot),body[data-mobile-app-controls="true"] #dora-app-navigation #back-to-top{--panel-fill:var(--panel-button);--panel-text:var(--panel-ink);width:var(--panel-size,40px)!important;height:var(--panel-size,40px)!important;min-height:var(--panel-size,40px)!important;flex:0 0 var(--panel-size,40px)!important;border-radius:var(--panel-button-radius)!important;background:var(--panel-fill)!important;color:var(--panel-text)!important;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--panel-text) 15%,transparent);transition:transform .18s,box-shadow .18s,filter .18s;cursor:pointer}
:is(body #dora-app-navigation,.mobile-panel-demo)[data-panel-invert="inverse"] button:not(#openChatbot),body[data-mobile-app-controls="true"] #dora-app-navigation[data-panel-invert="inverse"] #back-to-top{--panel-fill:var(--panel-ink);--panel-text:var(--panel-button)}
#dora-app-navigation .dora-dock-top{width:var(--panel-size,40px);flex-basis:var(--panel-size,40px)}
:is(#dora-app-navigation,.mobile-panel-demo) button:disabled{opacity:.4;cursor:default;transform:none!important;box-shadow:none!important}
:is(#dora-app-navigation,.mobile-panel-demo) button:not(#openChatbot):focus-visible{outline:3px solid var(--panel-button);outline-offset:3px}
@media(hover:hover){:is(#dora-app-navigation,.mobile-panel-demo) button:not(#openChatbot):hover:not(:disabled){filter:brightness(1.08);transform:none;box-shadow:none}:is(#dora-app-navigation,.mobile-panel-demo)[data-panel-effect="lift"] button:not(#openChatbot):hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 12px #0003}:is(#dora-app-navigation,.mobile-panel-demo)[data-panel-effect="glow"] button:not(#openChatbot):hover:not(:disabled){box-shadow:0 0 0 4px color-mix(in srgb,var(--panel-button) 30%,transparent)}}
:is(#dora-app-navigation,.mobile-panel-demo) button:not(#openChatbot):active:not(:disabled){transform:scale(.95);filter:brightness(.94)}
:is(#dora-app-navigation,.mobile-panel-demo)[data-panel-effect="press"] button:not(#openChatbot):active:not(:disabled){box-shadow:inset 0 3px 6px #0004;transform:translateY(1px)}
:is(#dora-app-navigation,.mobile-panel-demo)[data-panel-effect="none"] button:not(#openChatbot){transform:none!important}
.mobile-panel-stage{display:flex;justify-content:center;align-items:flex-end;min-height:145px;padding:24px 8px;background:linear-gradient(135deg,#edf2f8,#fff);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:12px;overflow:auto}.mobile-panel-stage[data-position="left"]{justify-content:flex-start}.mobile-panel-stage[data-position="right"]{justify-content:flex-end}.mobile-panel-demo{display:flex;gap:4px;width:max-content;margin-bottom:calc(var(--panel-gap,20px) - 8px)}
@media(prefers-reduced-motion:reduce){:is(#dora-app-navigation,.mobile-panel-demo) button{transition:none!important;transform:none!important}}