/* quillImageResize.css
   Overlay de redimensionamento de imagens do Quill (Web interna).
   Segue a paleta neutra do shell interno; ciente do dark theme. */

.c5c-img-resize-overlay {
    position: absolute;
    display: none;
    box-sizing: border-box;
    border: 1px dashed #3b82f6;
    /* O overlay em si nao intercepta cliques; so as alcas interceptam. */
    pointer-events: none;
    /* Acima de modais do Bootstrap (~1055) e de outras camadas do portal. */
    z-index: 99999;
}

.c5c-img-resize-handle {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3b82f6;
    border: 1px solid #ffffff;
    border-radius: 2px;
    box-sizing: border-box;
    pointer-events: auto;
}

.c5c-img-resize-handle-nw {
    top: -6px;
    left: -6px;
    cursor: nwse-resize;
}

.c5c-img-resize-handle-ne {
    top: -6px;
    right: -6px;
    cursor: nesw-resize;
}

.c5c-img-resize-handle-sw {
    bottom: -6px;
    left: -6px;
    cursor: nesw-resize;
}

.c5c-img-resize-handle-se {
    bottom: -6px;
    right: -6px;
    cursor: nwse-resize;
}

.c5c-img-resize-label {
    position: absolute;
    right: 0;
    bottom: -22px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 16px;
    font-family: monospace;
    color: #ffffff;
    background: rgba(31, 31, 31, 0.85);
    border-radius: 3px;
    white-space: nowrap;
    pointer-events: none;
}

/* Dark theme: mesma paleta neutra do menu lateral (#1f1f1f). */
[data-bs-theme="dark"] .c5c-img-resize-overlay {
    border-color: #6ea8fe;
}

[data-bs-theme="dark"] .c5c-img-resize-handle {
    background: #6ea8fe;
    border-color: #1f1f1f;
}

[data-bs-theme="dark"] .c5c-img-resize-label {
    background: rgba(15, 15, 15, 0.9);
}