/* Editor-only controls for linear multi-page forms. Published page styling lives in FormDesignV1.css. */
.MNR_FormPages_ManagerDialogBox {
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
}

.MNR_FormPages_ManagerDialogContent {
    width: auto;
    min-height: 260px;
    padding: 22px;
    overflow: hidden;
    float: none;
}

.MNR_FormPages_ManagerBadge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-left: auto;
    padding: 2px 9px;
    border-radius: 999px;
    color: #24526d;
    background: #e8f3f8;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.MNR_FormPages_ManagerRowSuccess .MNR_FormPages_ManagerDragHandle,
.MNR_FormPages_ManagerRowSuccess .MNR_FormPages_ManagerReorderActions {
    opacity: .35;
}

.MNR_FormPages_Manager {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #ccd6dc;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.MNR_FormPages_ManagerList {
    display: grid;
    gap: 4px;
    max-height: 280px;
    padding: 8px;
    overflow-y: auto;
}

.MNR_FormPages_ManagerRow {
    display: grid;
    grid-template-columns: 20px 24px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    width: 100%;
    min-height: 38px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #22313d;
    cursor: pointer;
    text-align: left;
}

.MNR_FormPages_ManagerDragHandle {
    cursor: grab;
}

.MNR_FormPages_ManagerRowDragging {
    opacity: 0.55;
}

.MNR_FormPages_ManagerRowDragTarget {
    border-color: #0b74c9;
    box-shadow: inset 0 2px 0 #0b74c9;
}

.MNR_FormPages_ManagerReorderActions {
    display: inline-flex;
    gap: 4px;
}

.MNR_FormPages_ManagerMoveButton {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #b7c6cf;
    border-radius: 5px;
    background: #ffffff;
    color: #284b63;
    cursor: pointer;
}

.MNR_FormPages_ManagerMoveButton:hover,
.MNR_FormPages_ManagerMoveButton:focus-visible {
    border-color: #0b74c9;
    outline: 2px solid #0b74c9;
    outline-offset: 1px;
}

.MNR_FormPages_ManagerMoveButton:disabled {
    cursor: default;
    opacity: 0.35;
}

.MNR_FormPages_ManagerRow:hover,
.MNR_FormPages_ManagerRow:focus-visible,
.MNR_FormPages_ManagerRowActive {
    border-color: #a8bdca;
    background: #edf3f6;
    outline: none;
}

.MNR_FormPages_ManagerActions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 0;
    padding: 10px;
    border-top: 1px solid #e1e7eb;
}

.MNR_FormPages_ManagerClose {
    display: block;
    min-width: 150px;
    margin: 18px auto 0;
}

.MNR_FormPages_ManagerAction {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #b7c6cf;
    border-radius: 6px;
    background: #ffffff;
    color: #284b63;
    cursor: pointer;
}

.MNR_FormPages_ManagerAction:hover,
.MNR_FormPages_ManagerAction:focus-visible {
    background: #edf3f6;
    outline: 2px solid #0b74c9;
    outline-offset: 1px;
}

#EmailDesignerDIV .mnr-form-page-editor-hidden {
    display: none !important;
}

#EmailDesignerDIV .mnr-form-page-editor-active {
    display: flex;
}

#EmailDesignerDIV .mnr-form-page-editor-active > [data-mnr-form-page-layout="true"] {
    min-height: 160px;
    outline: 1px dashed rgba(40, 91, 120, 0.35);
    outline-offset: 8px;
}

/* The page outline already communicates the active technical layout. Suppress the legacy
   drop-zone texture inside it so the editor does not render two competing page frames. */
#EmailDesignerDIV .mnr-form-page-editor-active
    > [data-mnr-form-page-layout="true"]
    [data-mnr-form-page-content="true"].DropZone_Visible {
    background-image: none;
}

#EmailDesignerDIV .mnr-form-v1__page-placeholder {
    margin-bottom: 18px;
    color: #71808a;
    font-style: italic;
}