/* Every rule is scoped to the newly added integration/Dino component. */
#rbkDinoHost { display:none; position:relative; width:100%; max-width:980px; margin:0 auto; overflow:hidden; background:transparent; }
#appShell.rbk-dino-active > .barn-area { display:none !important; }
#appShell.rbk-dino-active #rbkDinoHost { display:block; }
#rbkDinoHost .rbk-dino-frame { position:absolute; inset:0; width:100%; border:0; display:block; background:transparent; visibility:hidden; pointer-events:none; }
#rbkDinoHost .rbk-dino-frame.is-current { visibility:visible; pointer-events:auto; z-index:2; }
#rbkDinoNotice { display:none; position:absolute; inset:0; align-items:center; justify-content:center; padding:24px; text-align:center; color:#123f68; background:transparent; font:700 1rem Arial,sans-serif; z-index:5; }
#rbkDinoNotice.is-visible { display:flex; }
#rbkDinoPronounce { width:32px; height:32px; border:2px solid #123f68; border-radius:50%; background:#fff; color:#123f68; margin-left:8px; opacity:1; cursor:pointer; }
.rbk-dino-name { font-weight:800; margin:0 0 10px; }

/* Name recording controls: limited to Dino Valley's existing pronunciation button. */
#rbkDinoPronounce:disabled { opacity:.55; cursor:not-allowed; }
#rbkDinoPronounce[aria-pressed="true"] { background:#eef5ff; }
#rbkDinoNameFeedback:not([hidden]) { font-size:.9rem; color:#123f68; }