/* =========================================================
WORKSPACE CORE CSS
========================================================= */

/* =========================================================
FULLSCREEN
========================================================= */

.dashboard-workspace-container.workspace-expanded,
.deal-workspace-container.workspace-expanded{

    position:fixed !important;

    inset:0 !important;

    width:100vw !important;

    height:100vh !important;

    z-index:999999 !important;

    background:#ffffff !important;

    padding:24px !important;

    overflow:auto !important;

    display:flex !important;

    flex-direction:column !important;

}

/* =========================================================
TINYMCE FULLSCREEN
========================================================= */

.dashboard-workspace-container.workspace-expanded .mce-tinymce,
.deal-workspace-container.workspace-expanded .mce-tinymce{

    height:100% !important;

}

.dashboard-workspace-container.workspace-expanded iframe,
.deal-workspace-container.workspace-expanded iframe{

    min-height:85vh !important;

    background:#ffffff !important;

}

/* =========================================================
AUTOSAVE
========================================================= */

.workspace-autosave-status{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:12px;

}

.workspace-autosave-text{

    color:#10b981 !important;

    font-size:13px;

    font-weight:600;

    font-style:italic;

    letter-spacing:.2px;

}

.workspace-autosave-dot{

    width:8px;

    height:8px;

    border-radius:50%;

    background:#10b981 !important;

    display:inline-block;

}

/* =========================================================
TOOLBAR
========================================================= */

.dashboard-workspace-container .mce-toolbar-grp,
.deal-workspace-container .mce-toolbar-grp{

    background:#ffffff !important;

    border:none !important;

    padding:10px !important;

}

/* =========================================================
TINYMCE CONTAINER
========================================================= */

.dashboard-workspace-container .mce-tinymce,
.deal-workspace-container .mce-tinymce{

    border-radius:16px !important;

    overflow:hidden !important;

    border:1px solid #E5E7EB !important;

    box-shadow:0 2px 12px rgba(0,0,0,.05) !important;

    background:#ffffff !important;

}

/* =========================================================
EDITOR AREA
========================================================= */

.dashboard-workspace-container .mce-edit-area iframe,
.deal-workspace-container .mce-edit-area iframe{

    background:#ffffff !important;

}

/* =========================================================
DEFAULT HEIGHT
========================================================= */

.dashboard-workspace-container .wp-editor-wrap iframe,
.deal-workspace-container .wp-editor-wrap iframe{

    min-height:500px !important;

}

/* =========================================================
BUTTONS
========================================================= */

.dashboard-workspace-container .mce-btn button,
.deal-workspace-container .mce-btn button{

    background:transparent !important;

    transition:all .2s ease;

}

/* =========================================================
BUTTON HOVER
========================================================= */

.dashboard-workspace-container .mce-btn:hover button,
.deal-workspace-container .mce-btn:hover button{

    background:#F3F4F6 !important;

    border-radius:6px !important;

}

/* =========================================================
SPACING
========================================================= */

.dashboard-workspace-container .mce-flow-layout-item,
.deal-workspace-container .mce-flow-layout-item{

    margin-right:6px !important;

}

/* =========================================================
ICONS
========================================================= */

.dashboard-workspace-container .mce-ico,
.deal-workspace-container .mce-ico{

    color:#545454 !important;

}

/* =========================================================
PANELS
========================================================= */

.dashboard-workspace-container .mce-panel,
.deal-workspace-container .mce-panel{

    border:none !important;

}

.dashboard-workspace-container .mce-container-body,
.deal-workspace-container .mce-container-body{

    background:#ffffff !important;

}