/* Isolated demo viewer, branded chrome; never restyles the remote dashboard. */
:is(.hhp,.hhx) .hhd-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border:1px solid #f6a06b80;border-radius:999px;background:#f6a06b0d;color:#f6a06b!important;font:600 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none!important;cursor:pointer;white-space:nowrap}
:is(.hhp,.hhx) .hhd-trigger:hover{background:#f6a06b20;border-color:#f6a06b}
.hhd-trigger:focus-visible,.hhd :focus-visible{outline:2px solid #f6a06b;outline-offset:3px}
dialog.hhd{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0 auto;width:calc(100% - 40px);max-width:1600px;height:90vh;height:90dvh;max-height:100dvh;padding:0;border:1px solid #c67139;border-bottom:0;border-radius:22px 22px 0 0;background:#1e1815;color:#f5ead8;box-shadow:0 -20px 90px #0008;overflow:hidden;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hhd[open]{display:flex;flex-direction:column;animation:hhd-rise .3s cubic-bezier(.2,.75,.2,1)}
.hhd::backdrop{background:#000b;backdrop-filter:blur(4px)}
.hhd *{box-sizing:border-box}.hhd-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #f6a06b30;flex:none}
.hhd-brand{display:flex;align-items:center;gap:12px;min-width:0}.hhd-mark{display:grid;place-items:center;background:#f6a06b;color:#14100d;border-radius:50%;width:40px;height:40px;font-size:23px;flex:none}.hhd-brand small{color:#f6a06b;font-size:10px;letter-spacing:.13em}.hhd h2{font:700 19px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:2px 0 0;color:#f5ead8}
.hhd-controls{display:flex;align-items:center;gap:10px;flex:none}dialog.hhd .hhd-controls a{color:#f6a06b;text-decoration:none;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:10px 4px}dialog.hhd .hhd-controls button,dialog.hhd .hhd-controls button:is(:focus,:active,:hover){appearance:none;display:grid;place-items:center;min-height:44px;min-width:44px;border:1px solid #f5ead830;border-radius:10px;background:#241d19;color:#f5ead8;padding:8px 12px;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}dialog.hhd .hhd-controls button:hover{border-color:#f6a06b;background:#35251c}dialog.hhd .hhd-controls .hhd-close{font-size:26px;padding:0}dialog.hhd .hhd-controls .hhd-help{border-color:transparent;color:#cdbfab;background:transparent;font-size:12px}dialog.hhd button:focus-visible,dialog.hhd a:focus-visible{outline:2px solid #f6a06b;outline-offset:3px}
.hhd-note{margin:0;padding:9px 22px 0;color:#cdbfab;font-size:12px;flex:none}.hhd-status{margin:0;padding:4px 22px 10px;color:#b9ab99;font-size:12px;flex:none}.hhd-stage{position:relative;flex:1;min-height:0;background:#14100d;overflow:auto}.hhd-frame{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}dialog.hhd [hidden]{display:none!important}.hhd.hhd-expanded{width:100%;max-width:none;height:100dvh;border-radius:0}
dialog.hhd .hhd-fallback{min-height:100%;padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#14100d;color:#f5ead8;gap:16px}dialog.hhd .hhd-fallback-mark{width:60px;height:60px;display:grid;place-items:center;border:1px solid #f6a06b50;border-radius:18px;color:#f6a06b;background:#241d19;font-size:28px;margin-bottom:6px}dialog.hhd .hhd-eyebrow{color:#f6a06b;font-size:10px;font-weight:700;letter-spacing:.16em;margin:0}dialog.hhd .hhd-fallback h3{font:750 clamp(24px,3vw,38px)/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.03em;color:#f5ead8;margin:0}dialog.hhd .hhd-fallback-copy{max-width:470px;margin:0;color:#b9ab99;font:400 15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}dialog.hhd .hhd-launch,dialog.hhd .hhd-launch:is(:hover,:focus,:active){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #f6a06b;border-radius:999px;background:#f6a06b;color:#14100d;font:700 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;margin-top:6px}dialog.hhd .hhd-launch:hover{background:#ffb480}dialog.hhd .hhd-fallback small{color:#b9ab99;font-size:12px}
@keyframes hhd-rise{from{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:640px){dialog.hhd{width:100%;height:94dvh;border-radius:16px 16px 0 0}.hhd-head{padding:12px;gap:10px;flex-wrap:wrap}.hhd h2{font-size:16px}.hhd-brand{flex:1}.hhd-controls{width:100%;justify-content:flex-end;gap:8px;flex-wrap:wrap}dialog.hhd .hhd-controls a{margin-right:auto;font-size:12px}dialog.hhd .hhd-controls button{padding:8px;font-size:12px}.hhd-note,.hhd-status{padding-left:12px;padding-right:12px}.hhd-brand small{font-size:9px}.hhd-note{font-size:11px}dialog.hhd .hhd-controls .hhd-help{padding-left:0;padding-right:0;font-size:11px}dialog.hhd .hhd-fallback{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.hhd[open]{animation:none}}
dialog.hhd .hhd-controls button.hhd-close,dialog.hhd .hhd-controls button.hhd-close:is(:hover,:focus,:active){font-size:26px;padding:0}