/* Identidade da unidade móvel, a partir das placas fornecidas. */
html{color-scheme:light}
body{background:#f3f7fc;color:#073e8e}
header{background:#06439a;color:#fff;border:0;border-left:12px solid #0095f5}
.brand .mark{display:none}.brand strong span,.brand small{color:#fff}.brand strong{letter-spacing:-.5px}
p,.intro p:last-child,.hint,.settings label,.volume,form label,.item-title small,footer{color:#506481}
h1{font-weight:700}h2{color:#073e8e}.eyebrow{color:#0066bb}
button{background:#fff;border-color:#b9cce4;color:#06439a}button:hover{background:#e4efff}
button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#007bd4}
.primary,#unlockMusic{background:#06439a;border-color:#06439a;color:#fff}.primary:hover{background:#003575}
.badge{background:#e2efff;color:#06439a}header .badge{background:#fff;color:#06439a}
aside,.remote-panel{background:#fff;border-color:#c6d8ed;border-radius:12px}
.remote-panel{border-left:5px solid #0095f5}.remote-panel h2{font-weight:700}
select,input[type=url],.remote-panel input{background:#fff;border-color:#b9cce4;color:#123c73}
.settings,.list-heading,footer,#pairDisplay{border-color:#c6d8ed}
.upload{background:#edf6ff;border-color:#7aa7d9}.upload>span,.text-button,.note>span{color:#0062b7}
.upload small,.list-heading>span{color:#506481}.note strong{color:#123c73}
li{background:#eff5fd}li.active{background:#e1efff;border-color:#0066bb}.thumb{background:#d6e9ff;color:#06439a}
.item-actions button:hover{background:#cde3ff}
.volume input,.ambient-settings input[type=range]{accent-color:#06439a}
#audioOptions>label,#pairDisplay>span,#pairNumber,#pairExpiry,#remoteStatus{color:#06439a}
#remoteError{background:#fff1e5;color:#8b3500}
#stage{border-color:#b9cce4;background:#fff;border-radius:10px}
#toast{background:#06439a;color:#fff}
#tvControls{background:#ffffffed;box-shadow:0 2px 12px #00357524}
#screenMessage{background:#06439af2;border-color:#7fb9ff}

/* A arte original permanece inteira, incluindo frase, coração e assinaturas. */
#screen .welcome-screen{padding:0;background:#fff;color:#06439a;text-align:left;display:grid;grid-template-rows:13% 1fr 9%;border-left:1.5em solid #0095f5;font:clamp(8px,1vw,16px)/1.4 Arial,Helvetica,sans-serif;overflow:hidden}
.welcome-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#06439a;color:#fff;gap:1em;letter-spacing:.09em;font-size:1.35em;font-weight:700;white-space:nowrap}
.welcome-heading span:last-child{font-size:.65em;font-weight:400;letter-spacing:.13em}
.welcome-content{display:grid;grid-template-columns:1.08fr 1fr;gap:3%;padding:3% 4%;min-height:0;align-items:center}
.welcome-copy{min-width:0}.welcome-copy .welcome-label{display:block;font-size:.9em;font-weight:700;letter-spacing:.16em;color:#006bc1;margin-bottom:1.3em}
#screen .welcome-screen h3{font-family:Arial,Helvetica,sans-serif;font-size:3.7em;line-height:1.02;letter-spacing:-.045em;font-weight:800;color:#06439a;margin:0 0 .5em}
#screen .welcome-screen h3 span{color:#0071c5}
#screen .welcome-screen p{font-size:1.18em;line-height:1.55;color:#405c80;margin:0}
.welcome-art{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;border-left:1px solid #dce7f5;padding-left:5%}
.welcome-art img{display:block;width:100%;height:100%;object-fit:contain}
.welcome-footer{display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#edf5ff;border-top:1px solid #d9e8f8;font-size:.8em;font-weight:700;letter-spacing:.12em;color:#06439a}
.welcome-footer span:last-child{font-weight:400;letter-spacing:.04em}
body.tv #screen .welcome-screen{font-size:clamp(12px,1.4vw,30px)}
body.tv #stage{height:100vh;height:100dvh}
@media(max-width:760px){#screen .welcome-screen{font-size:clamp(5px,1.4vw,10px);border-left-width:1em}.welcome-heading{font-size:1.2em}.welcome-heading span:last-child{display:none}body.tv #screen .welcome-screen{font-size:clamp(7px,1.4vw,15px)}}
#screen .welcome-screen{align-items:stretch;justify-content:stretch}