#app-dialog {
 max-width:500px;
 }

#app-dialog .app-dialog-icon {
 width:48px;
 height:48px;
 color:var(--primary);
 margin-bottom:18px;
 }

#app-dialog h2 {
 font-size:calc(29px * var(--text-scale,1));
 }

#app-dialog p {
 font-size:calc(14px * var(--text-scale,1));
 line-height:1.8;
 }

#app-dialog .app-online-note {
 background:#f3f5f7;
 padding:12px 15px;
 border-radius:9px;
 margin-top:20px;
 font-size:calc(12px * var(--text-scale,1));
 }

#share-link {
 display:block;
 width:100%;
 border:1px solid var(--border);
 border-radius:8px;
 padding:12px;
 font:inherit;
 font-size:calc(13px * var(--text-scale,1));
 margin-top:12px;
 }

.network-note {
 padding:10px 20px;
 text-align:center;
 font-size:calc(12px * var(--text-scale,1));
 color:#78420b;
 background:#fff2d9;
 }

.app-update-note {
 display:flex;
 align-items:center;
 gap:14px;
 padding:14px 18px;
 margin:20px 0;
 border:1px solid var(--border);
 border-radius:12px;
 background:var(--card-bg,#fff);
 color:var(--ink);
 }

.app-update-note[hidden]{display:none}
.app-update-symbol{display:flex;color:var(--primary);flex-shrink:0}
.app-update-note p{flex:1;min-width:0;margin:0;font-size:calc(13px * var(--text-scale,1));line-height:1.6;color:var(--muted)}
.app-update-note .app-update-action{flex-shrink:0;font-size:calc(12px * var(--text-scale,1));padding:10px 14px;white-space:nowrap}
.app-update-dismiss{flex-shrink:0;width:34px;height:34px;border-radius:7px;color:var(--muted)}
.app-update-dismiss:hover{background:var(--surface);color:var(--ink)}
.app-update-action:disabled{cursor:progress;opacity:.7}
.app-update-dismiss:disabled{cursor:default;opacity:.5}
.app-update-note[data-state=error] p{color:var(--ink);font-weight:600}
.app-update-note button:focus-visible,.app-update-controls button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
#app-update-dialog{max-width:480px}
#app-update-dialog h2{font-size:calc(25px * var(--text-scale,1));margin-right:20px}
#app-update-dialog p{font-size:calc(14px * var(--text-scale,1));line-height:1.8;color:var(--muted)}
.app-update-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}
.app-update-controls .button{font-size:calc(13px * var(--text-scale,1));padding:11px 15px}
@media(max-width:760px){
 .app-update-note{flex-wrap:wrap;gap:10px;padding:14px}
 .app-update-symbol{display:none}
 .app-update-note p{flex-basis:calc(100% - 44px);order:0}
 .app-update-dismiss{order:1}
 .app-update-note .app-update-action{order:2}
 .app-update-controls{flex-direction:column-reverse}
 .app-update-controls .button{width:100%;justify-content:center}
}

.radio-app[data-installed=true] small {
 font-size:0;
 }

.radio-app[data-installed=true] small::after {
 content:"A rádio com você";
 font-size:calc(10px * var(--text-scale,1));
 }

@media(max-width:760px) {
 .radio-app[data-installed=true] small::after {
 content:"No celular";
 font-size:calc(8px * var(--text-scale,1));
 }
 }


.app-privacy{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--muted);margin:20px 0}.app-privacy[hidden]{display:none}.app-privacy input{margin-top:4px;flex-shrink:0}

.footer-access [data-audience-privacy]{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.footer-access [data-audience-privacy]:hover{text-decoration:underline}.footer-access [data-audience-privacy]:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.footer-access [data-audience-privacy][hidden]{display:none}

.app-dialog-icon[hidden],.app-online-note[hidden]{display:none}