#marketing { min-width:0; color:#142334; }
#marketingMensagem:not(:empty) { margin-bottom:16px; padding:12px 16px; background:#edf3f9; color:#52677d; border:1px solid #dce5ee; border-radius:9px; font-size:13px; line-height:1.5; }
#marketing .panel { min-width:0; margin-bottom:16px; border:1px solid #e4eaf1; border-radius:13px; background:linear-gradient(145deg,#fff,#fafbfd); }
#marketing button:not(.aba-padrao) { min-height:44px; padding:9px 13px; margin:0; background:#0876ef; color:#fff; font-size:13px; border-radius:7px; }
#marketing button:not(.aba-padrao):hover { background:#0665cc; }
#marketing button:not(.aba-padrao):disabled { opacity:.5; cursor:not-allowed; }
#marketing button:not(.aba-padrao):focus-visible,#marketing input:focus-visible,#marketing select:focus-visible,#marketing textarea:focus-visible { outline:3px solid #74b7ff; outline-offset:3px; }
#marketing label { display:grid; gap:7px; min-width:0; color:#52677d; font-size:12px; line-height:1.5; }
#marketing input,#marketing select,#marketing textarea { width:100%; min-width:0; min-height:44px; padding:10px; border:1px solid #ccd9e6; border-radius:7px; background:#fff; font:inherit; font-size:14px; }
#marketing .sistema-apresentacao > div:last-child { display:grid; gap:14px; font-size:13px; color:#52677d; }
#marketing .sistema-identificacao > p:last-child { color:#687b90; font-size:12px; line-height:1.5; }
.marketing-indicadores { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
#marketing .marketing-indicadores .panel { padding:18px; border-top:3px solid #0876ef; }
.marketing-indicadores span,.marketing-indicadores small { display:block; font-size:12px; color:#52677d; line-height:1.5; }
.marketing-indicadores strong { display:block; margin:8px 0; font-size:25px; }
#marketing .marketing-indicadores > :nth-child(2) { border-top-color:#c69216; }#marketing .marketing-indicadores > :nth-child(3) { border-top-color:#c74b55; }#marketing .marketing-indicadores > :last-child { border-top-color:#0e9966; }
.marketing-filtros { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.marketing-filtros label:first-child { flex:2 1 220px; }.marketing-filtros label { flex:1 1 120px; }
.marketing-tabela { max-width:100%; overflow:auto; margin:16px 0; border:1px solid #e4eaf1; border-radius:8px; }
.marketing-tabela table { width:100%; min-width:850px; border-collapse:collapse; font-size:12px; line-height:1.5; }
.marketing-tabela th { background:#f2f6fb; color:#52677d; font-weight:600; text-align:left; }.marketing-tabela th,.marketing-tabela td { padding:12px; border-bottom:1px solid #e4eaf1; vertical-align:middle; }
.marketing-tabela tbody tr:hover { background:#f0f6ff; }.marketing-tabela small { display:block; color:#647489; }
.marketing-tag { display:inline-block; margin:2px; padding:4px 8px; border-radius:6px; background:#edf3f9; color:#354f69; font-size:11px; }
.marketing-status-ativo .marketing-tag { background:#e3f8ef; color:#09653d; }.marketing-status-vencido .marketing-tag,.marketing-status-revisao .marketing-tag { background:#ffedef; color:#a52a39; }
.marketing-alerta { background:#fff5dc!important; color:#8d6105!important; padding:9px; border-radius:7px; line-height:1.6; }
.marketing-paginacao,.marketing-acoes { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:13px; }.marketing-acoes { justify-content:flex-start; margin-top:16px; }
#marketingDetalhes { display:grid; grid-template-columns:1fr 1.3fr; gap:16px; margin-top:18px; scroll-margin-top:20px; }
#marketing h3 { margin:0 0 12px; font-size:17px; }#marketing p { margin:10px 0; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.marketing-dados > div { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:9px 0; border-bottom:1px solid #e4eaf1; font-size:13px; line-height:1.5; }.marketing-dados dt { color:#52677d; }.marketing-dados dd { margin:0; overflow-wrap:anywhere; }
#marketing progress { display:block; width:100%; height:12px; margin:18px 0; accent-color:#0876ef; }
#marketingDialog { width:min(680px,calc(100% - 24px)); max-height:90dvh; margin:auto; padding:24px; border:1px solid #dce5ee; border-radius:14px; color:#142334; overflow:auto; }#marketingDialog::backdrop { background:#10203080; }
#marketingDialog h2 { font-size:20px; }#marketingDialog .cabecalho-painel { gap:12px; flex-direction:row; }
#marketingDialog form { display:grid; gap:15px; }#marketingDialog textarea { resize:vertical; }#marketingDialog fieldset { padding:14px; border:1px solid #dce5ee; border-radius:8px; }
#marketing .marketing-checkbox { display:flex; align-items:center; gap:10px; min-height:44px; }#marketing .marketing-checkbox input { width:20px; min-height:20px; height:20px; }
#marketingErro { color:#b42318; }#marketing details summary { min-height:44px; padding:12px 0; cursor:pointer; }
@media(max-width:1200px) { .marketing-indicadores { grid-template-columns:repeat(3,minmax(0,1fr)); }#marketingDetalhes { grid-template-columns:1fr; } }
@media(max-width:650px) { .marketing-indicadores { grid-template-columns:repeat(2,minmax(0,1fr)); }.marketing-indicadores strong { font-size:22px; }.marketing-paginacao { justify-content:center; }#marketing .sistema-apresentacao > div:last-child { width:100%; }#marketingDialog { padding:18px; }.marketing-dados > div { grid-template-columns:1fr; gap:4px; } }
@media(max-width:360px) { .marketing-indicadores { grid-template-columns:1fr; } }
