.sigel-debug-painel {
    position:fixed;
    right:16px;
    bottom:16px;
    width:min(260px,calc(100vw - 32px));
    height:min(240px,calc(100vh - 32px));
    max-height:min(240px,calc(100dvh - 32px));
    z-index:3000;
    display:flex;
    flex-direction:column;
    background:#102035;
    color:#e4eef8;
    border:1px solid #34516a;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 28px #0005;
    font:12px Arial,sans-serif
}

.sigel-debug-painel[hidden] {
    display:none!important
}

.sigel-debug-painel header,.sigel-debug-painel footer {
    padding:7px 9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border-bottom:1px solid #34516a
}

.sigel-debug-painel footer {
    border-top:1px solid #34516a;
    border-bottom:0
}

.sigel-debug-painel button {
    border:1px solid #34516a;
    color:#e4eef8;
    border-radius:8px;
    background:#19314a;
    padding:6px 7px;
    cursor:pointer
}

:where(#sigelPainelDiagnostico) .sigel-debug-lista {
    flex:1;
    min-height:0;
    overflow:auto;
    padding:8px
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento {
    padding:8px;
    margin-bottom:6px;
    border:1px solid #34516a;
    border-radius:9px;
    overflow-wrap:anywhere
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento div {
    color:#9edcff
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento p {
    margin:7px 0;
    white-space:pre-wrap
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento small {
    color:#9db8d0
}

.sigel-debug-painel.minimizado {
    height:38px;
    min-height:38px;
    overflow:hidden
}

.sigel-debug-painel.minimizado :where(#sigelPainelDiagnostico) .sigel-debug-lista,.sigel-debug-painel.minimizado footer {
    display:none
}

.sigel-debug-painel header .sigel-debug-controles {
    display:flex;
    align-items:center;
    gap:5px
}

.sigel-debug-painel header button {
    min-width:26px;
    padding:4px 6px
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento details {
    margin-top:5px
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento summary {
    cursor:pointer
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento pre {
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    font:inherit;
    margin:4px 0
}

:where(#sigelPainelDiagnostico) .sigel-debug-evento small {
    display:block
}