/* OFC-UI-038 / OFC-ML-ADS-TAMANHO-041 — 2026-10-31
 * Protótipo HTML como referência: pesquisa com respiro, barra do DJ informativa,
 * rodapé ornamental. ADS: criativo maior por padrão e ajuste local pelo painel
 * 1499 sem alterar userscript, mídia, regras, dias, estoque ou IndexedDB.
 * ANTES: miniaturas de banners pequenas, legenda com nome do arquivo.
 * DEPOIS: coluna 32% (20-42% ajustável), apenas criativo, sem legenda.
 * ROLLBACK: remover esta folha + markup UI038 e remover input/JS local
 * sem tocar configurações GM ou banco ADS.
 */
body.ml-public .ml-mini-brand.ml-concept-brand,
body.ml-totem .ml-mini-brand.ml-concept-brand{margin-bottom:clamp(12px,2.6vh,34px)!important}
.ml-client .ml-concept-search-row{display:grid;grid-template-columns:minmax(230px,380px) minmax(0,1fr);gap:clamp(14px,2vw,24px);align-items:center;min-height:94px}
.ml-client .ml-concept-search-copy h3{font-size:clamp(21px,2vw,31px)!important;line-height:1.12;margin:0 0 8px!important;letter-spacing:-.038em}
.ml-concept-search-copy p{margin:0;color:#93c6dc;font-size:12px}
.ml-client .ml-concept-search-row .ml-search-form{margin:0!important;max-width:none;width:100%;min-width:0}
.ml-concept-context-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:29px;padding:0 2px 4px;color:#9ebed0;font-size:10px;border-bottom:1px solid #8abbd62b;letter-spacing:.02em}
.ml-concept-context-row strong{color:#c1e3e8}
.ml-concept-context-stars{color:#edb4fa;font-size:15px}
.ml-concept-online-dot{display:inline-block;width:6px;height:6px;background:#4bdfca;border-radius:50%;box-shadow:0 0 9px #4bdfc988;margin-right:6px;vertical-align:middle}
.ml-client .ml-concept-dj-strip{width:100%;display:flex;align-items:center;gap:14px;padding:11px 18px;margin:17px auto 25px!important;min-height:69px;border:1px solid #63a0ba88;border-radius:13px;background:linear-gradient(105deg,#092738db,#0e1c32dc 57%,#2b1439d1);box-shadow:0 12px 26px #0003}
.ml-concept-dj-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:50%;border:1px solid #4bafc2;background:radial-gradient(circle at 37% 23%,#245e74,#113046 68%);font-size:22px;color:#b0f5ff}
.ml-concept-dj-track{min-width:0;flex:1}
.ml-concept-dj-track small{display:block;color:#8cc6dc;font-size:10px;font-weight:900;letter-spacing:.18em}
.ml-concept-dj-track .ofc-dj-mini-title{display:block;margin-top:3px;font-size:clamp(13px,1.35vw,16px);font-weight:780;color:#f6f8ff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ml-concept-dj-end{display:flex;align-items:center;gap:16px;white-space:nowrap;color:#d9daeb;font-size:12px}
.ml-concept-dj-status{display:flex;align-items:center;gap:7px;font-weight:800;font-size:10px;color:#a5e4dd}
.ml-concept-dj-led{display:inline-block;width:7px;height:7px;border:1px solid #8ee3db;border-radius:50%;background:#154b55;box-shadow:0 0 0 3px #0d384333}
.ml-concept-dj-strip[data-playing="true"] .ml-concept-dj-led{background:#55edca;box-shadow:0 0 11px #55edca}
.ml-concept-dj-stars{color:#a979e7;font-size:15px}
.ml-concept-explore-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.ml-concept-explore-head small{font-size:10px;font-weight:900;color:#63d0e5;letter-spacing:.19em}
.ml-concept-explore-head h4{font-size:22px;margin:4px 0 3px;letter-spacing:-.035em}
.ml-concept-explore-head p{font-size:12px;margin:0;color:#adc4d6}
.ml-concept-youtube-label{font-size:10px;font-weight:800;letter-spacing:.06em;color:#b2a0c6;border:1px solid #62516f;border-radius:6px;background:#1e1b31b8;padding:7px 10px;text-align:center}
.ml-client>.ml-concept-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1480px;width:calc(100% - 2*clamp(12px,3.5vw,54px));padding:10px 0 22px;margin:24px auto 0;color:#acc8d7;font-size:11px;letter-spacing:.05em}
.ml-concept-footer i{flex:1;height:1px;background:linear-gradient(90deg,#6eb8b833,#89d6ef66,#ab69c522)}
.ml-concept-footer span:last-child{color:#b9acc8}
.ml-client:has(#ml-stage:not([hidden]))>.ml-concept-footer{display:none}
body.ml-public .ml-discovery,body.ml-totem .ml-discovery{margin:0 auto 18px!important}
.ml-client.ml-ads-visible .ml-discovery-layout{grid-template-columns:minmax(0,1fr) minmax(230px,var(--ml-ads-share,32%))!important}
.ml-client.ml-ads-visible .ml-ads-slot{margin-top:clamp(35px,8vh,110px);padding:9px}
.ml-client.ml-ads-visible .ml-ads-media{aspect-ratio:9/16;max-height:min(76vh,760px)}
.ml-client .ml-ads-caption{display:none!important} /* nome do arquivo não aparece sob a mídia */
.ml-ads-size-control{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:13px 0 0}
.ml-ads-size-control label{font-size:.81rem;font-weight:800;color:#d4eef4}
.ml-ads-size-control input{width:min(320px,100%);min-width:140px;accent-color:#45cfe5}
.ml-ads-size-control output{font-size:.84rem;color:#9df1e9;font-weight:800;min-width:37px}
.ml-ads-size-hint{font-size:.75rem;color:#aac6d5;margin:4px 0 0}
@media(max-width:1150px){
 .ml-client .ml-concept-search-row{grid-template-columns:minmax(200px,285px) minmax(0,1fr);gap:12px}
 .ml-concept-context-row span:last-child{display:none}
 .ml-client.ml-ads-visible .ml-discovery-layout{grid-template-columns:minmax(0,1fr) minmax(205px,var(--ml-ads-share,32%))!important}
}
@media(max-width:760px){
 .ml-client .ml-concept-search-row{grid-template-columns:1fr;gap:9px;min-height:0}
 .ml-concept-search-copy p{display:none}
 .ml-client .ml-concept-dj-strip{margin:13px 0 19px!important}
 .ml-concept-dj-stars,.ml-concept-youtube-label{display:none}
 .ml-client .ml-concept-explore-head h4{font-size:20px}
 .ml-client .ml-concept-footer{font-size:9px}
 .ml-client.ml-ads-visible .ml-discovery-layout{grid-template-columns:1fr!important}
}
@media(max-width:520px){.ml-concept-dj-end .ofc-dj-mini-time{display:none}.ml-client .ml-concept-dj-strip{padding:9px;gap:9px}.ml-client .ml-concept-footer span:first-child{display:none}.ml-client .ml-concept-footer{justify-content:center}}