/* 2.9.10: shared message display directly beneath audio and picture panels. */
.receiver>.metadata-panel{min-width:0;margin:10px 14px 0;padding:8px;border:1px solid #506977;border-radius:4px;background:linear-gradient(135deg,#384e5b,#182a35 48%,#2e424e);box-shadow:inset 0 1px #d0ebf020,0 2px 5px #0005}
.receiver>.metadata-panel .metadata-screen{font-size:16px;padding:10px 12px}
.receiver>.metadata-panel .metadata-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding-bottom:7px}
.receiver>.metadata-panel .metadata-heading span{margin-top:0}
.receiver>.metadata-panel .metadata-controls{padding-top:7px}
@media(min-width:720px){
  .receiver{grid-template-rows:auto auto auto auto auto}
  .receiver>.picture-panel{grid-column:2;grid-row:1/3;align-self:start}
  .receiver>.metadata-panel{grid-column:1/-1;grid-row:3;margin:10px 0 0;width:100%}
  .receiver>footer{grid-column:1/-1;grid-row:4;align-self:start;padding:7px 0 0}
  .receiver>#settings{grid-column:1/-1;grid-row:5}
}
@media(max-width:400px){
  .receiver>.metadata-panel{margin:8px 10px 0;padding:7px}
  .receiver>.metadata-panel .metadata-screen{font-size:14px;padding:8px}
}

/* BLACK FLAG / visual finish only. Never changes audio, canvases or meter geometry. */
html{scrollbar-color:#666055 #0b0b0b}
.receiver{background:linear-gradient(120deg,#20201e,#101010 48%,#070707);border-color:#4b4740;border-top-color:#c89e59;box-shadow:0 14px 36px #0009,inset 0 1px #ffffff14}
.receiver>.brand{background:#000;border-bottom-color:#504331}
.station-logo img{content:url('../rf-assets/images/freedom-logo-black.png')}
.brand h1{color:#f3efe7}.brand .eyebrow{color:#ddbc82}
.station-line{background:linear-gradient(#050505,#111110);border-color:#45413a}
.station-copy p{color:#dedbd2}.show-art{border-color:#61594b}
.meter-bezel{border-color:#5d564c;background:linear-gradient(135deg,#726858,#34312a 28%,#101010 60%,#484136)}
.meter-caption{color:#bcb5a7}.meter-caption output{color:#ded5c5}
.transport{background:linear-gradient(#24221e,#111110);border-color:#4a4337}
button.primary{color:#171108;background:linear-gradient(#f7d28e,#cf9a47);border-color:#e1b674;box-shadow:0 2px 0 #6a4d24,0 3px 6px #0009,inset 0 1px #ffeac1}
button.primary:hover:not(:disabled){background:linear-gradient(#ffe2ab,#e8b363);border-color:#ffe0a5}
.volume-heading label{color:#c7c1b5}.volume-heading #volumeValue{color:#edc787}
.volume-controls #volume{background:linear-gradient(#000,#151412);border-color:#61594c}
.volume-controls #mute{background:#0b0b0b;color:#ded6c6;border-color:#504a40}
.stream-buttons button{background:linear-gradient(#24231f,#10100f);border-color:#4b463c;color:#d3cfc6}
.stream-buttons button[aria-pressed=true]{color:#f1d19c;border-color:#a88750;background:#352a19}
.stream-buttons button[aria-pressed=true]:before{background:#e8bd79;box-shadow:0 0 6px #e8bd7955}
.status{color:#b9b5aa}.status.error{color:#ffc181}
.picture-panel{background:linear-gradient(150deg,#191917,#0a0a0a);border-color:#514b3f;box-shadow:inset 0 1px #ffffff0d,0 3px 8px #0007}
.section-head h2,.metadata-heading h2{color:#dfccb0}
.picture-panel .screen{background:#030404;border-color:#625a4a;box-shadow:0 0 0 3px #000,inset 0 0 12px #0009}
.placeholder{background:radial-gradient(ellipse at center,#33302544,transparent 70%)}
.placeholder svg{stroke:#99896b}.placeholder strong{color:#dcd6c9}.placeholder span{color:#aaa496}
.screen-tag{color:#c3b79f;background:#080807c9}
.receive-line{color:#c4beb2}#progressText,.picture-actions span{color:#afa99d}
.receiver>.metadata-panel{background:linear-gradient(135deg,#302b22,#121211 52%,#211e19);border-color:#5a4c35;box-shadow:inset 0 1px #f4ddb522,0 3px 8px #0007}
.metadata-heading span{color:#c7bca6}.metadata-screen{background:#020504;color:#bbe4cd;box-shadow:inset 0 2px 8px #000,0 1px #e0bc7420}
.metadata-controls button,.picture-actions button{background:#27251f;border-color:#50493d;color:#ede6d9}
.metadata-controls button:hover:not(:disabled),.picture-actions button:hover:not(:disabled){background:#3c3528;border-color:#a88a55}
.metadata-controls output{color:#c7bca6}
.receiver footer{border-color:#3c362d}.footer-brand,.text-button{color:#ddbe8c}
.receiver details{border-top-color:#484136}summary{color:#d4cbb9}
.settings-body input[type=text],.settings-body select{background:#080808;border-color:#5c5343;color:#efe8db}
.settings-body label:not(.check),.settings-body .check{color:#cbc3b4}.settings-body p{color:#b4ae9f}
#enlarged{background:#10100f;border-color:#685940;color:#eee8dc}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-color:#f2cf90}