/* DC_CITY_ECHO_WIDGET_V1 — visible on Neo Milano Live, NM24/Talk and Circuito. */
#dcCityEchoWidget{
 box-sizing:border-box;position:relative;width:min(1190px,calc(100% - 22px));
 margin:27px auto 35px;padding:20px;color:#e9ffff;z-index:2;
 background:linear-gradient(130deg,rgba(3,22,35,.99),rgba(7,11,27,.96));
 border:1px solid #236f81;border-left:3px solid #2bdbf0;border-radius:12px;
 box-shadow:0 18px 44px #0008,inset 0 0 25px #00c5ff0b;
 font:13px/1.5 Arial,system-ui,sans-serif;
}
#dcCityEchoWidget *{box-sizing:border-box}
#dcCityEchoWidget .dc-city-echo-widget__header{
 display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap
}
#dcCityEchoWidget .dc-city-echo-widget__header small{
 display:flex;align-items:center;gap:8px;
 font:800 10px/1.3 monospace;color:#74ffdf;letter-spacing:.09em;
}
#dcCityEchoWidget .dc-city-echo-widget__header i{
 width:8px;height:8px;display:block;border-radius:50%;
 background:#3ef5d8;box-shadow:0 0 10px #3ef5d8;animation:dcEchoSignal 3s ease-in-out infinite;
}
#dcCityEchoWidget h2{
 font:900 clamp(21px,3vw,30px)/1.18 'Rajdhani',Arial,sans-serif;
 color:white;letter-spacing:.05em;margin:9px 0 5px;
}
#dcCityEchoWidget h2 span{color:#36eaff}
#dcCityEchoWidget .dc-city-echo-widget__header p{margin:0;color:#adcdd5;font-size:12px}
#dcCityEchoWidget button{cursor:pointer;touch-action:manipulation}
#dcCityEchoWidget #dcEchoRefresh{
 padding:10px 12px;background:#0e3542;color:#baffff;
 border:1px solid #287f93;border-radius:6px;font:800 11px monospace;
}
#dcCityEchoWidget #dcEchoRefresh:hover,
#dcCityEchoWidget button:focus-visible{outline:2px solid #8dfeff;outline-offset:2px}
#dcCityEchoWidget .dc-city-echo-widget__filters{
 display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 12px;
}
#dcCityEchoWidget .dc-city-echo-widget__filters button{
 padding:9px 11px;background:#091b2a;
 border:1px solid #24596a;border-radius:6px;color:#b5d8e0;
 font:800 10px/1.3 monospace;min-height:36px;
}
#dcCityEchoWidget .dc-city-echo-widget__filters button.active{
 background:#0b4856;border-color:#32f3ee;color:#f4ffff;
 box-shadow:0 0 11px #00eaff28;
}
#dcCityEchoWidget .dc-city-echo-widget__cards{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));
 gap:10px;min-height:70px;
}
#dcCityEchoWidget .dc-city-echo-card{
 min-width:0;min-height:146px;display:flex;flex-direction:column;
 gap:7px;padding:12px;
 background:linear-gradient(145deg,rgba(8,42,56,.89),rgba(4,15,29,.96));
 border:1px solid #224c61;border-top:2px solid #35deeb;border-radius:7px;
 box-shadow:inset 0 0 13px #0ad5ff0c;
}
#dcCityEchoWidget .dc-city-echo-card__kicker{
 display:flex;justify-content:space-between;align-items:center;
 flex-wrap:wrap;gap:5px;
 color:#7fffd9;font:800 9px/1.3 monospace;letter-spacing:.02em;
}
#dcCityEchoWidget .dc-city-echo-card__kicker time{color:#94c0ca}
#dcCityEchoWidget .dc-city-echo-card h3{
 color:#fff;margin:3px 0;font:800 17px/1.2 'Rajdhani',Arial,sans-serif;
}
#dcCityEchoWidget .dc-city-echo-card p{
 color:#d1e4e8;font:400 12px/1.44 Arial,sans-serif;margin:0;
 flex:1 1 auto;
}
#dcCityEchoWidget .dc-city-echo-card__source{
 color:#71cdd3;font:700 9px/1.3 monospace;
 border-top:1px solid #205066;padding-top:7px;
}
#dcCityEchoWidget .dc-city-echo-widget__footer{
 display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
 margin-top:12px;padding-top:11px;border-top:1px solid #275366;
 font:600 10px/1.4 monospace;color:#a4d1d9;
}
#dcCityEchoWidget #dcEchoVisibility[hidden]{display:none}
#dcCityEchoWidget #dcEchoVisibility label{display:flex;align-items:center;gap:5px;cursor:pointer;color:#a7fddd}
#dcCityEchoWidget #dcEchoPublishCalls{width:16px;height:16px;accent-color:#24dce9}
#dcCityEchoWidget .dc-city-echo-empty{grid-column:1/-1;color:#bde6e9;padding:10px}
@keyframes dcEchoSignal{50%{opacity:.45;box-shadow:0 0 3px #3ef5d8}}
@media(max-width:620px){
 #dcCityEchoWidget{padding:12px;margin:18px auto 24px;width:calc(100% - 14px)}
 #dcCityEchoWidget .dc-city-echo-widget__header{gap:10px}
 #dcCityEchoWidget .dc-city-echo-widget__cards{grid-template-columns:minmax(0,1fr)}
 #dcCityEchoWidget .dc-city-echo-widget__filters button{flex:1 1 43%;font-size:9px}
 #dcCityEchoWidget .dc-city-echo-card{min-height:105px}
}
@media(prefers-reduced-motion:reduce){
 #dcCityEchoWidget .dc-city-echo-widget__header i{animation:none}
}