/* Correcoes estruturais e icones locais do painel administrativo. */
.sp-excalibur-app .material-icons {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.15em;
    height: 1.15em;
    overflow: hidden;
    font-family: inherit;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
}
.sp-excalibur-app .material-icons::before { content: "✦"; }
.sp-excalibur-app .material-icons[data-icon="campaign"]::before { content: "◈"; }
.sp-excalibur-app .material-icons[data-icon="dashboard"]::before { content: "▦"; }
.sp-excalibur-app .material-icons[data-icon="edit_note"]::before { content: "✎"; }
.sp-excalibur-app .material-icons[data-icon="notifications"]::before { content: "●"; }
.sp-excalibur-app .material-icons[data-icon="monitoring"]::before { content: "↗"; }
.sp-excalibur-app .material-icons[data-icon="auto_delete"]::before { content: "⌫"; }
.sp-excalibur-app .material-icons[data-icon="send"]::before { content: "➤"; }
.sp-excalibur-app .material-icons[data-icon="groups"]::before { content: "●●"; font-size: .62em; letter-spacing: -.12em; }
.sp-excalibur-app .material-icons[data-icon="visibility"]::before { content: "◉"; }
.sp-excalibur-app .material-icons[data-icon="ads_click"]::before { content: "◎"; }
.sp-excalibur-app .material-icons[data-icon="notifications_none"]::before { content: "◇"; }
.sp-excalibur-app .material-icons[data-icon="auto_awesome"]::before { content: "✦"; }
.sp-excalibur-app .material-icons[data-icon="add"]::before { content: "+"; }
.sp-excalibur-app .material-icons[data-icon="check_circle"]::before { content: "✓"; }
.sp-excalibur-app .material-icons[data-icon="info"]::before { content: "i"; }
.sp-excalibur-app .material-icons[data-icon="school"]::before { content: "◆"; }
.sp-excalibur-app .material-icons[data-icon="person"]::before { content: "●"; }
.sp-excalibur-app .material-icons[data-icon="search"]::before { content: "⌕"; }
.sp-excalibur-app .material-icons[data-icon="inbox"]::before { content: "▤"; }
.sp-excalibur-app .material-icons[data-icon="tag"]::before { content: "#"; }
.sp-excalibur-app .material-icons[data-icon="folder_delete"]::before { content: "▱"; }
.sp-excalibur-app .material-icons[data-icon="event_busy"]::before { content: "×"; }

.sp-excalibur-app .sp-exc-hero__mark .material-icons { font-size: 34px; }
.sp-excalibur-app .sp-exc-metrics > article {
    min-height: 112px;
    padding: 19px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: linear-gradient(145deg,#fff,#faf9fe);
}
.sp-excalibur-app .sp-exc-metrics > article > .material-icons {
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    margin-bottom: 9px;
    color: var(--exc);
    border-radius: 11px;
    background: #eee8ff;
}
.sp-excalibur-app .sp-exc-recent { display: block; padding: 0; border: 0; }
.sp-excalibur-app .sp-exc-recent > article {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 0;
    border-bottom: 1px solid var(--line);
}
.sp-excalibur-app .sp-exc-recent > article:last-child { border-bottom: 0; }
.sp-excalibur-app .sp-exc-guide h2 { margin: 0 0 10px; color: #fff; font-size: 20px; }
.sp-excalibur-app .sp-exc-guide ol { display: grid; gap: 12px; margin: 16px 0 18px; padding-left: 22px; }
.sp-excalibur-app .sp-exc-guide li { padding-left: 4px; }
.sp-excalibur-app .sp-exc-guide li b,
.sp-excalibur-app .sp-exc-guide li small { display: block; }
.sp-excalibur-app .sp-exc-guide li small { margin-top: 2px; color: #c9cce0; line-height: 1.45; }
.sp-excalibur-app .sp-exc-guide .sp-exc-primary { color: #fff !important; }

@media (max-width: 640px) {
    .sp-excalibur-app .sp-exc-metrics > article { min-height: auto; }
}

/* Imagem opcional da notificação (upload no compose + prévia acima do texto) */
.sp-excalibur-app input[type="file"]#spExcImage {
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 1px dashed var(--line);
    border-radius: 12px;
    background: #fbfbfe;
    font-size: 13px;
}
.sp-excalibur-app #spExcPreviewImage {
    display: block;
    width: 100%;
    max-height: 160px;
    margin: 4px 0 14px;
    border-radius: 12px;
    object-fit: cover;
}
.sp-excalibur-app #spExcPreviewImage[hidden] { display: none; }