#reportEditor{
    padding: 3px;
}

#reportEditor > p {
    margin: 3px;
}

tspan{
    pointer-events: none;
}

body {
    overflow-x: scroll;
}

.tox-editor-header{
    border-color: black !important;
}

.tox-tinymce{
    z-index: 999;
}

.topButtonWhole.disabled_darker {
    background: linear-gradient(#f9f9f9, #f5f5f5);
    color: #bbb;
    border-color: #e3e3e3;
    pointer-events: none;
}

#reportSnapshotNameContainer{
    margin: 0.83em 0;
}

/* 基本狀態：純 h2 外觀 */
#reportSnapshotName {
    font-size: 1.5rem;      /* 接近 h2 */
    font-weight: 600;
    line-height: 1.3;

    max-width: 1400px;
    min-width: 500px;
    width: fit-content;
    padding: 0;
}

/* 切換用的 class */
#reportSnapshotName.editMode {
    padding: 8px 12px;
    border: 2px solid transparent;
    cursor: text;
}

/* hover 效果 */
#reportSnapshotName.editMode:hover {
    border-color: #000;
}

/* focus 狀態 */
#reportSnapshotName.editMode:focus {
    outline: none;
    border-color: #0088cc;
}

#reportSnapshotName.editMode.invalidName {
    border-color: #ff0000;
}

#reportSnapshotErrorMsg{
    color: #ff0000;
    font-size: 12px;
}