/* Ajustes funcionais sobre o CSS aprovado; cores/identidade preservadas. */
*,*::before,*::after{box-sizing:border-box}
button,input,textarea,select{font:inherit}
a,button,input,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button[aria-disabled="true"]{cursor:not-allowed}
.header,.header nav,.hero-copy,.path,.path>div,.dash-top,.dash-content,.panel,.card,.station{min-width:0}
.header nav{flex-wrap:wrap}.header nav a{white-space:nowrap}
.brand{max-width:100%}.brand span{overflow-wrap:anywhere}
.page-scroll{overflow-x:hidden}.page-scroll .content{overflow-wrap:anywhere}
.btn{max-width:100%;white-space:normal}.card p,.panel p,#account-identity{overflow-wrap:anywhere}
.dash-top{gap:12px;height:auto;min-height:75px}.dash-top #account-identity{flex:1}
.dash-content .plain-footer{margin-top:30px}.dash-content .panel .card+.card{margin-top:12px}
.player{z-index:2}.player-inner{max-width:100%;min-width:0}.player .station{max-width:30vw}
.client-logo{display:block;width:min(80vw,480px);height:auto;max-height:240px;object-fit:contain}
#auth-form .btn{margin-top:0}#auth-content[aria-busy="true"]{cursor:wait}
.text-link{border:0;background:transparent;color:var(--accent);padding:6px;cursor:pointer}
.account-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 16px 50px #0003}
.account-dialog::backdrop{background:#17243466}.account-dialog .glass{display:inline-flex;border:1px solid var(--line);border-radius:7px;padding:12px 20px;background:var(--accent);color:white}
@media(max-width:760px){.header nav{gap:3px!important}.header .brand{font-size:15px}.player-inner{width:90%;gap:8px}.transport{min-width:0}.player .station{max-width:44vw;min-width:0}.station strong{overflow-wrap:anywhere}.dash-top{min-height:55px;padding:8px 20px}.dashboard .sidebar{max-height:170px}.dash-content .grid,.dash-content .grid.four{grid-template-columns:1fr}.client-logo{max-height:180px}.plain-footer .wrap{justify-content:flex-start}}
@media(max-height:450px){.public-page .header{padding:6px 0!important;height:auto!important}.public-page .header .brand{font-size:14px}.public-page .header nav a{padding:4px!important}.public-page .player-inner{padding:5px 0;min-height:65px!important}.public-page .plain-footer{padding:8px 0!important}.dashboard .sidebar{max-height:115px;padding:10px}.dashboard .sidebar nav{margin-top:7px}.dash-top{min-height:40px}.dashboard>div{grid-template-rows:auto minmax(0,1fr)}}

.sidebar .brand{gap:10px;padding:0 4px}.sidebar .brand span{overflow-wrap:normal;font-size:15px}

.sidebar a[aria-disabled="true"],[data-demo][aria-disabled="true"]{color:var(--muted);cursor:not-allowed}
/* A revisao05 volta a usar grid no celular: desfazer as colunas desktop herdadas. */
.dashboard>div{min-width:0}
@media(max-width:760px){.dashboard{grid-template-columns:minmax(0,1fr)}.dashboard .sidebar,.dashboard>div{width:100%;min-width:0}.dashboard .dash-content{max-width:100%;overflow-wrap:anywhere}}

/* Contexto 011: composição e cores herdadas do visual aprovado. */
[data-business-private] input,[data-business-private] select{width:100%;max-width:100%;padding:.65rem;background:var(--panel,#171925);color:inherit;border:1px solid #777;border-radius:8px}
[data-business-private] form,[data-business-private] .field{display:grid;gap:.6rem;min-width:0;margin:.6rem 0}
[data-business-private] .panel{min-width:0;overflow-wrap:anywhere;margin-bottom:1rem}
.business-preview{position:relative;border:1px solid #777;border-radius:12px;padding:1rem;text-align:center}
.business-blur{filter:blur(3px);user-select:none;pointer-events:none;padding:1rem}
[data-business-private] button{white-space:normal;max-width:100%}
.dashboard-page #app{height:100%;min-height:0;overflow:hidden}
[data-business-private] input,[data-business-private] select{background:var(--paper);color:var(--ink);border-color:var(--line)}
select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
