/* Artist/producer integration only. Uses the existing Ten Arial/blue/green palette. */
#tela_marketing .artist-workspace,
#tela_painel_artista .artist-workspace {
    padding:20px; margin:0 0 24px; background:#fff; border:1px solid #dee2e6;
    border-radius:8px; color:#333; line-height:1.5; overflow-wrap:anywhere;
}
.artist-workspace *, #tela_painel_artista .container * { box-sizing:border-box; }
.artist-workspace h3 { color:#2c3e50; font-size:18px; margin:0 0 10px; }
.artist-workspace p { margin:10px 0; color:#555; font-size:14px; }
.artist-workspace label { margin:16px 0 6px; }
.artist-workspace button,
#tela_painel_artista #painel_art_lista_midias button,
#tela_painel_artista #painel_art_convites button {
    font:600 14px Arial,sans-serif; border:1px solid #007bff; border-radius:5px;
    color:#007bff; background:#fff; padding:10px 14px; min-height:44px;
    margin:8px 8px 0 0; max-width:100%; white-space:normal; cursor:pointer;
}
.artist-workspace button:hover:not(:disabled),
.artist-workspace button.is-active { background:#007bff; color:#fff; }
.artist-workspace button:focus-visible,
#tela_painel_artista button:focus-visible,
.artist-workspace input:focus-visible,.artist-workspace select:focus-visible {
    outline:3px solid #80bdff; outline-offset:2px;
}
.artist-workspace button:disabled,
#tela_painel_artista [data-management-write]:disabled {
    opacity:.55; cursor:not-allowed; background:#e9ecef; color:#6c757d; border-color:#ced4da;
}
.artist-workspace [data-partnership-action="invite"],
.artist-workspace [data-partnership-action="accept"],
.artist-workspace [data-participation-action="accept"] {
    background:#28a745; border-color:#28a745; color:#fff;
}
.artist-workspace [data-partnership-list] article,
.artist-workspace [data-participation-list] article,
#tela_painel_artista #painel_art_convites article {
    margin-top:16px; padding:16px; background:#f8f9fa; border:1px solid #e9ecef; border-radius:8px;
}
.artist-workspace article h4 { margin:0 0 8px; color:#2c3e50; }
.artist-workspace details { margin-top:12px; color:#666; font-size:13px; }
.artist-workspace summary { cursor:pointer; padding:6px 0; }
#tela_painel_artista [data-participation]>summary { color:#2c3e50; font-size:16px; font-weight:bold; }
.artist-workspace [role="status"]:not(:empty) {
    background:#f8f9fa; border-left:3px solid #007bff; padding:10px 12px;
}
#tela_painel_artista [hidden] { display:none!important; }
#tela_painel_artista nav { display:flex; flex-wrap:wrap; gap:8px; }
#tela_painel_artista nav button { margin:0; }
#tela_painel_artista .aba-artista { scroll-margin-top:80px; }
#tela_painel_artista input,#tela_painel_artista textarea,#tela_painel_artista select { max-width:100%; min-width:0; }
#tela_painel_artista article { overflow-wrap:anywhere; }
#tela_painel_artista [style*="min-width: 300px"] { min-width:0!important; flex-basis:280px!important; }
#tela_painel_artista #painel_art_lista_midias>div { padding:12px 0; border-bottom:1px solid #eee; overflow-wrap:anywhere; }
#tela_painel_artista .artist-profile-photo-fields { min-width:0; }
/* Harmonize the new Instagram central with existing administrative colors. */
#marketing_instagram_central { --ig-purple:#007bff; --ig-ink:#2c3e50; --ig-muted:#666; background:#f8f9fa; border-color:#dee2e6; border-radius:8px; }
#marketing_instagram_central .ig-feature-notice { background:#eaf3ff; border-color:#cfe2ff; color:#22527c; }
#marketing_instagram_central .ig-button { border-radius:5px; color:#007bff; border-color:#ced4da; min-height:44px; }
#marketing_instagram_central .ig-button-primary { background:#28a745; color:#fff; border-color:#28a745; }
#marketing_instagram_central .ig-keywords span,#marketing_instagram_central .ig-variable,
#marketing_instagram_central .ig-count { color:#22527c; background:#eaf3ff; }
#marketing_instagram_central .ig-button:disabled { color:#6c757d; background:#e9ecef; border-color:#ced4da; }
#marketing_instagram_central .ig-preview-avatar { background:#007bff; flex-shrink:0; }
#marketing_instagram_central .ig-preview-body { background:#f8f9fa; }
#marketing_instagram_central .ig-header-actions { flex-wrap:wrap; }
#marketing_instagram_central .ig-button,#marketing_instagram_central .ig-variable { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
#marketing_instagram_central .ig-preview-header>div:last-child { min-width:0; overflow-wrap:anywhere; }
/* Event-editor integration: keep its existing rich-text toolbar inside the form. */
#tela_editar .mkt-toolbar { display:flex; flex-wrap:wrap; gap:4px; }
#lista_artistas_selecionados_edicao>div { max-width:100%; }
#lista_artistas_selecionados_edicao>div>span { min-width:0; overflow-wrap:anywhere; }
#lista_artistas_selecionados_edicao button { flex-shrink:0; }
@media(max-width:768px) {
    #tela_marketing>.container,#tela_painel_artista>.container { padding:16px; }
    #tela_marketing .artist-workspace,#tela_painel_artista .artist-workspace { padding:16px; }
    #tela_marketing,#tela_painel_artista,#tela_editar { padding-bottom:24px; scroll-margin-bottom:90px; }
    #tela_painel_artista .artist-profile-form { padding:16px!important; }
    #tela_painel_artista .artist-profile-photo { flex-wrap:wrap; }
    #tela_painel_artista .artist-profile-photo-fields { flex-basis:100%!important; }
    #tela_painel_artista #painel_art_confirmados { grid-template-columns:minmax(0,1fr)!important; }
    #tela_painel_artista nav button { flex:1 1 140px; }
    .artist-workspace button { margin-right:4px; }
    #marketing_instagram_central .ig-card-heading { flex-wrap:wrap; }
    #marketing_instagram_central .ig-editor-heading { flex-wrap:wrap; }
    #marketing_instagram_central .ig-empty { padding:20px 12px; }
    #marketing_instagram_central .ig-header-actions .ig-button { flex:1 1 120px; }
}
@media(max-width:480px) {
    #marketing_instagram_central .ig-card-actions .ig-button { flex:1 1 110px; min-width:min(100%,110px); }
}
