.t3-ckeditor,
.ckeditor--modal,
[data-theme="auto"] .t3-ckeditor,
[data-theme="auto"] .ckeditor--modal,
[data-theme="classic"] .t3-ckeditor,
[data-theme="classic"] .ckeditor--modal,
[data-theme="modern"] .ckeditor--modal,
[data-theme="modern"] .t3-ckeditor {
  --token-color-primary-base: #205eb5;
  --token-color-neutral-4: #efefef;
  --token-color-neutral-15: #d6d4dd;
  --bs-btn-bg: var(--token-color-primary-base);
  --bs-btn-border-color: var(--token-color-primary-base);
}

/* Unique color for fresh theme */
[data-theme="fresh"] .t3-ckeditor,
[data-theme="fresh"] .ckeditor--modal {
  --token-color-primary-base: #5033c7;
  --bs-btn-bg: var(--token-color-primary-base);
  --bs-btn-border-color: var(--token-color-primary-base);
}

.ck-editor__main,
.ck-editor .ck-editor__main .ck,
.ck-content {
  color-scheme: light only;
}

.ck.ck-linktext {
    align-items: center;
    border: 1px solid transparent !important;
    line-height: var(--ck-ui-component-min-height) !important;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
}

.ck.ck-word-count { 
    margin-top: .5rem;
}

.ck.ck-softhyphen {
    background-color: rgba(0,120,230,.1);
    color: #1f5aad;
    padding-left: .1em;
    padding-right: .1em;
}

.ck.ck-nbsp {
    background-color: rgba(200,60,60,.1);
    color: #c83c3c;
    padding-left: .1em;
    padding-right: .1em;
}

.ck.ck-wbr {
    background-color: rgba(0, 120, 230, .1);
    border-radius: .15em;
    color: #2e3b64;
}

.ck.ck-wbr::before {
    content: '↵';
    margin-left: .1em;
    margin-right: .1em;
}

.ck-document-outline-container .ck.ck-document-outline:empty:before {
  color: light-dark(#424242, #ddd);
}

.ck-document-outline-container .ck.ck-document-outline .ck-document-outline__item,
.ck-presence-list-container .ck.ck-presence-list__counter {
  color: light-dark(#424242, #ddd);
}

.ck-document-outline-container .ck.ck-document-outline .ck-document-outline__item.ck-document-outline__item_empty:hover,
.ck-document-outline-container .ck.ck-document-outline .ck-document-outline__item:hover {
  color: light-dark(#333, #fff);
}

.ck-revision-history-sidebar__time-period__revisions .ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision {
  background-color: light-dark(#fff, #424242);
}

/*Dashboard*/
.card.favorites-teaser {
  height: auto;
}

#dashboardTab h2 {
  margin-top: 0;
}

.ckeditor .dashboard-tab.active,
.t3-ckeditor .dashboard-tab.active {
  background: #f7f7f7;
  color: #000;
  border-bottom: 0;
}

.t3-ckeditor .dashboard-tab.active:focus,
.t3-ckeditor .dashboard-tab.active:hover {
  background: #f7f7f7;
  color: #000;
  text-decoration: none;
}

.t3-ckeditor .card.selected .widget-actions {
  opacity: 1;
}

.t3-ckeditor .card.selected .widget-actions .icon-actions-heart-alt {
  display: block;
}

.widget-action-wishlist *,
.insert-section *,
.insert-inner-section *,
.remove-section *,
.remove-inner-section *,
.dashboard-modal-item-block *,
.drag-separator-item button *,
.btn-add-input *,
.btn-add-delete * {
    pointer-events: none;
}

.card.selected .widget-actions .icon-actions-heart,
.widget-action-wishlist .icon-actions-heart-alt {
    display: none;
}

.dashboard-tab-favorite,
.dashboard-tab.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.dashboard-tab-favorite.selected {
    opacity: 1;
    pointer-events: all;
}

.widget.disabled {
    box-shadow: none;
    opacity: 0.7;
}

.ckeditor-modal-content.modal-content {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

/*Modal Style*/
.ckeditor--modal-full .modal-content,
.ckeditor--modal-large .modal-content,
.ckeditor--modal-medium .modal-content,
.ckeditor--modal-default .modal-content,
.ckeditor--modal-small .modal-content {
  width: 100%;
}

.ckeditor--modal.modal-severity-notice .modal-header {
  background-color: var(--token-color-primary-base);
  border-bottom-color: var(--token-color-primary-base);
  color: #fff
}

.ckeditor--modal.modal-severity-info .modal-header {
  background-color: #333;
  border-bottom-color: #2e2e2e;
  color: #fff;
}

.ckeditor--modal .modal-dialog {
  padding: 0 5%;
}

.ckeditor--modal.ckeditor--modal-full .modal-content {
  height: 100vh;
  max-width: 100%;
  width: 100%;
}

.ckeditor--modal.ckeditor--modal-large .modal-content {
  height: 90vh;
  max-width: 1600px;
  width: 100%;
}

.ckeditor--modal.ckeditor--modal-medium .modal-content {
  height: 73vh;
  max-width: 1000px;
  width: 100%;
}

.t3-ai-video-modal.ckeditor--modal.ckeditor--modal-medium .modal-content {
  height: 675px;
}

.ckeditor--modal.ckeditor--modal-default .modal-content {
  height: 500vh;
  max-width: 800px;
  width: 100%;
}

.ckeditor--modal.ckeditor--modal-small .modal-content {
  max-width: 600px;
  min-height: 400px;
  width: 100%;
}

.feature-toggle-card {
  margin-bottom: 25px;
  min-height: calc(100% - 25px);
}

.feature-toggle-card .btn-notice {
  --bs-btn-color: #000;
  --bs-btn-bg: rgb(234, 234, 234);
  --bs-btn-border-color: rgb(234, 234, 234);
  --bs-btn-active-bg: #6c6c6c;
  --bs-btn-active-border-color: #6c6c6c;
}

.toggle-btn {
  margin-bottom: 7px;
  margin-right: 0;
  min-height: calc(100% - 7px);
}

.t3-ckeditor-form-item .panel-heading {
  position: relative;
}

.t3-ckeditor-form-item .panel-heading .btn-group {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.rte-ckeditor-document-outline {
  display: flex;
  flex-wrap: wrap;
}
/* Presence list — FormEngine sits above the toolbox; VE overrides below in revision-viewer.css */
.ck-presence-list-container {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding: 4px 8px;
  box-sizing: border-box;
  pointer-events: auto;
  background: var(--ck-color-base-background, var(--token-color-neutral-0, #fff));
  border: 1px solid var(--ck-color-base-border, var(--token-color-neutral-15, #ccced1));
  border-bottom: none;
  border-radius: var(--ck-border-radius, 2px) var(--ck-border-radius, 2px) 0 0;
}

.ck-presence-list-container .ck.ck-presence-list,
.ck-presence-list-container .ck-presence-list__balloon,
.ck-presence-list-container .ck-dropdown__panel {
  z-index: 6;
}

.form-wizards-item-element > .ck-presence-list-container {
  flex: 0 0 auto;
  width: 100%;
  order: -1;
}

/* VE AI column: presence below the editor, matching editor width */
.rte-ckeditor-ai-editor-column > .ck-presence-list-container {
  flex: 0 0 auto;
  width: 100%;
  order: 99;
  border-bottom: 1px solid var(--ck-color-base-border, var(--token-color-neutral-15, #ccced1));
  border-top: none;
  border-radius: 0 0 var(--ck-border-radius, 2px) var(--ck-border-radius, 2px);
}
.rte-ckeditor-document-outline .ck-document-outline-container {
  align-self: self-start;
  flex: 0 0 250px;
  left: 0;
  max-width: 250px;
  position: sticky;
  top: 0;
}
.rte-ckeditor-document-outline .form-wizards-wrap {
  display: block;
  flex: 0 0 calc(100% - 250px);
  max-width: calc(100% - 250px);
}

#data_tt_content__1__bodytext_ckeditor5 .ck-content img,
#data_tt_content__1__bodytext_ckeditor5 .ck-content svg {
  max-width: 100%;
  width: auto;
}

.form-group-custom {
  min-width: 280px;
}

.form-group-textarea-custom {
  max-width: 100%;
  width: 100vw;
}

@import url("revision-viewer.css");

/*Drag & Drop Feature*/
.drag-grid {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  min-height: calc(100% - 57px);
  position: relative;
}

.drag-grid-wrap {
  background: light-dark(var(--token-color-neutral-4), #000);
  border: 1px solid var(--token-color-neutral-15);
  border-radius: var(--typo3-component-border-radius);
  /* display: flex; */
  /* flex-flow: column; */
  overflow: hidden;
  padding: 10px 20px 20px;
}

.drag-grid-wrap .drag-grid.grid-2 .btn-default,
.drag-grid-wrap .drag-grid.grid-5 .btn-default {
  --typo3-btn-bg: color-mix(in srgb, var(--token-color-primary-base) 8%, #fff);
  --typo3-btn-border-color: color-mix(in srgb, var(--token-color-primary-base) 20%, #fff);
  --bs-btn-bg: color-mix(in srgb, var(--token-color-primary-base) 8%, #fff);
  --bs-btn-border-color: color-mix(in srgb, var(--token-color-primary-base) 20%, #fff);
}

.drag-item .btn-default {
  --typo3-btn-bg: light-dark(#ffffff, #333333);
  --typo3-btn-hover-bg: light-dark(#ffffff, #404040);
}

.t3-ckeditor .drag-grid.grid-1 .drag-item .btn-default:hover,
.t3-ckeditor .drag-grid.grid-4 .drag-item .btn-default:hover {
  --bs-btn-hover-bg: light-dark(#ffffff, #333333);
  --bs-btn-hover-border-color: #bbbbbc;
}

.t3-ckeditor .drag-grid.grid-2 .drag-item .btn-default:hover,
.t3-ckeditor .drag-grid.grid-5 .drag-item .btn-default:hover {
  --bs-btn-hover-bg: light-dark(#f3f7fd, #041d40);
  --bs-btn-hover-border-color: light-dark(#bdcadf, color-mix(in srgb, var(--token-color-primary-base) 50%, transparent));
}

.drag-item {
  margin: 3px;
  z-index: 1;
}

.drag-item .toggle-btn {
  margin-bottom: 0;
  transition: all 0.3s ease 0s;
  padding: 8px;
}

.toggle-label {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  transition: all 0.4s ease 0s;
  visibility: hidden;
  white-space: nowrap;
  margin-left: -3px;
}

.label-show {
  max-height: 100px;
  max-width: 500px;
  opacity: 1;
  margin-left: 0;
  visibility: visible;
}

.separator-buttons {
  margin-left: auto;
}

.btn.btn-light {
  --typo3-btn-color: light-dark(#000, #f5f5f5);
  --typo3-btn-bg: light-dark(#ffffff, #333);
  --typo3-btn-border-color: light-dark(#a6a6a6, #333);
  --typo3-btn-hover-color: light-dark(#333, #fff);
  --typo3-btn-hover-bg: light-dark(#e6e6e6, #393939);
  --typo3-btn-hover-border-color: light-dark(#a6a6a6, #dddddd);
  --typo3-btn-focus-color: light-dark(#333, #fff);
  --typo3-btn-focus-bg: light-dark(#fff, #393939);
  --typo3-btn-focus-border-color: light-dark(#f5f5f5, #dddddd);
}

.btn.btn-bg-white {
  background: light-dark(#fff, #333333);
  border-color: light-dark(#d7d7d7, #404040) !important;
}

.btn.btn-bg-white:hover,
.btn.btn-bg-white:first-child:active {
  background: light-dark(#fff, #000);
}

.t3-ckeditor .panel-heading [data-bs-toggle=collapse]:hover,
.ckeditor .panel-heading [data-bs-toggle=collapse]:hover {
  text-decoration: none;
}

/* Resolved FullScreen Issue */
:not(body>.ck-fullscreen__main-wrapper.ck-rounded-corners).ck-fullscreen__main-wrapper {
  position: static;
}

/* Shared RTE loader (AI + Realtime) */
.ck-rt-loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 12px;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.72);
  background: color-mix(in srgb, Canvas 72%, transparent);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}

.rte-ckeditor-loader-host {
  position: relative;
  min-height: 100px;
}

/* Hide AI chrome under the frosted loader (matches FormEngine blur feel) */
.rte-ckeditor-loader-host > .ck-ai-sidebar-container,
.rte-ckeditor-loader-host .ck-ai-tabs__overlay,
.form-wizards-wrap.rte-ckeditor-loader-host > .ck-ai-sidebar-container,
.form-control-wrap.rte-ckeditor-loader-host .ck-ai-sidebar-container {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ck-rt-loader__box {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: max-content;
  min-width: min(220px, calc(100% - 24px));
  max-width: min(320px, calc(100% - 24px));
  margin: 0;
  padding: 18px 22px;
  border-radius: 12px;
  border: 1px solid light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.14));
  background: light-dark(#fff, #2a2a2a);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.4) inset;
  display: grid;
  gap: 10px;
  pointer-events: auto;
}

.ck-rt-loader__row {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  align-items: center;
}

.ck-rt-loader__spinner {
  width: 22px;
  height: 22px;
  border: 2px solid light-dark(rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.18));
  border-top-color: light-dark(rgba(0, 0, 0, 0.65), rgba(255, 255, 255, 0.85));
  border-radius: 50%;
  animation: ck-rt-spin 0.8s linear infinite;
}

@keyframes ck-rt-spin { to { transform: rotate(360deg); } }

.ck-rt-loader__title {
  font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: light-dark(#111, #f2f2f2);
}

.ck-rt-loader__desc {
  font: 12px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: light-dark(#555, #b5b5b5);
}

.t3-ckeditor .module-footer {
  background-color: light-dark(#eeeeee, #262626);
  border-top-color: light-dark(#d7d7d7, #454545) !important;
}

.icon-ckeditor_module_logo {
  max-width: 23px;
  margin-bottom: 3px;
}

.card .card-header .badge--premium {
    font-weight: 700;
    padding-block: 2px;
    margin-top: -6px;
    margin-right: -7px;
    font-size: 10px;
    background-color: #fff7eb;
    color: #d28041;
    border: 1px solid #d28041;
}

.icon-actions-star svg {
  max-width: 22px;
  max-height: 100%;
  margin: auto;
}

/* Search highlight styles */
.drag-item.search-highlight .toggle-btn.search-highlight-btn {
  background-color: #fff3cd !important;
  border-color: #ffc107 !important;
  transition: all 0.2s ease;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ck-rt-loader__spinner { animation: none; border-top-color: rgba(0,0,0,.6); }
}

/* AI Configuration — FormEngine: editor column | AI sidebar (no overlap) */
.rte-ckeditor-ai-sidebar .form-wizards-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  column-gap: 2px;
  row-gap: 0;
  gap: 0 2px;
  isolation: isolate;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 0;
  overflow: visible;
}

/* Default / right: RTE left, AI right (DOM: sidebar then editor → reverse) */
.rte-ckeditor-ai-sidebar .form-wizards-wrap,
.rte-ckeditor-ai-sidebar .form-wizards-wrap.rte-ckeditor-ai-side-right,
.rte-ckeditor-ai-sidebar.rte-ckeditor-ai-side-right .form-wizards-wrap {
  flex-direction: row-reverse;
}

.rte-ckeditor-ai-sidebar .form-wizards-wrap.rte-ckeditor-ai-side-left,
.rte-ckeditor-ai-sidebar.rte-ckeditor-ai-side-left .form-wizards-wrap {
  flex-direction: row;
}

.rte-ckeditor-ai-sidebar .form-wizards-wrap > .form-wizards-item-element,
.rte-ckeditor-ai-sidebar .form-wizards-wrap > .revision_viewer_container[style*="display: block"],
.rte-ckeditor-ai-sidebar .form-wizards-wrap > .revision_viewer_container[style*="display:block"] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: auto;
  gap: 0;
  min-width: 0;
  max-width: 100%;
  position: relative;
  z-index: 3;
  overflow: visible;
}

.form-wizards-wrap .ck-ai-sidebar-container {
  flex: 0 0 min(360px, 38%);
  width: min(360px, 38%);
  max-width: 360px;
  min-width: 260px;
  min-height: 0;
  position: relative;
  z-index: 2;
  isolation: isolate;
  /* Match editor + presence combined height */
  align-self: stretch;
  height: auto;
  max-height: none;
  overflow: hidden;
  background: var(--ck-color-base-background, var(--token-color-neutral-0, #fff));
  box-sizing: border-box;
}

/* Toggle AI off: collapse the bordered sidebar shell (not only the tabs) */
.ck-ai-sidebar-container.ck-ai-sidebar-container--collapsed,
.ck-ai-sidebar-container:has(.ck.ck-tabs.ck-ai-tabs.ck-hidden),
.ck-ai-sidebar-container:has(.ck-ai-tabs.ck-hidden) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  border: none !important;
  background: transparent !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.rte-ckeditor-ai-sidebar .ck-editor,
.rte-ckeditor-ai-sidebar .ck.ck-editor {
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 1;
  overflow: visible;
}

.rte-ckeditor-ai-sidebar .ck-editor__top,
.rte-ckeditor-ai-sidebar .ck.ck-editor__top {
  position: relative !important;
  z-index: 5;
  width: 100% !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  overflow: visible !important;
}

/* Quick Actions: stack panels above the AI column — do not restyle the toolbar widget itself */
.rte-ckeditor-ai-sidebar .ck-ai-quick-actions-dropdown > .ck-dropdown__panel,
.rte-ckeditor-ai-sidebar .ck-dropdown.ck-ai-quick-actions-dropdown .ck-dropdown__panel {
  z-index: 10050 !important;
  overflow: visible !important;
}

.ck-body-wrapper .ck-ai-quick-actions-group-panel,
.ck-body-wrapper .ck-balloon-panel.ck-ai-quick-actions-group-panel,
.ck-body-wrapper .ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  z-index: 10050 !important;
  overflow: visible !important;
}

/* Restore CK AI Quick Actions chrome (TYPO3 / VE hosts can dilute panel styles) */
:root {
  --ck-ai-quick-actions-button-color: #743ccd;
  --ck-ai-quick-actions-button-background-color: #f3ebff;
  --ck-ai-quick-actions-list-max-height: 300px;
  --ck-ai-quick-actions-list-item-group-row-color: #707070;
  --ck-ai-quick-actions-dropdown-max-width: 309px;
}

.ck-dropdown > .ck-dropdown__panel > .ck-ai-quick-actions {
  max-width: var(--ck-ai-quick-actions-dropdown-max-width);
  width: var(--ck-ai-quick-actions-dropdown-max-width);
  box-sizing: border-box;
}

.ck-dropdown > .ck-dropdown__panel > .ck-ai-quick-actions ul {
  max-height: var(--ck-ai-quick-actions-list-max-height);
  overflow: auto;
}

.ck-ai-quick-actions-dropdown > .ck-dropdown__panel,
.ck-body-wrapper .ck-ai-quick-actions-group-panel {
  background: var(--ck-color-base-background, #fff);
  border: 1px solid var(--ck-color-base-border, #ccced1);
  border-radius: var(--ck-border-radius, 2px);
  box-shadow: var(--ck-drop-shadow, 0 2px 8px rgba(0, 0, 0, 0.15));
  box-sizing: border-box;
}

.ck-ai-quick-actions-dropdown .ck.ck-button:not(.ck-dropdown__button),
.ck-ai-quick-actions-group-panel .ck.ck-button:not(.ck-dropdown__button) {
  border-color: transparent;
  box-shadow: none;
  width: 100%;
  justify-content: flex-start;
}

.ck-toolbar__items > .ck-ai-quick-actions-dropdown > .ck.ck-button,
.ck-toolbar__items > .ck.ck-button.ck-ai-quick-actions-button {
  --ck-color-button-on-background: #f2ebff;
  --ck-color-button-on-hover-background: #e8dbff;
  --ck-color-button-on-color: #743ccd;
}

.ck-ai-quick-actions-dropdown,
.ck-ai-quick-actions-group-panel {
  --ck-color-list-button-hover-background: var(--ck-ai-quick-actions-button-background-color);
  --ck-color-button-default-hover-background: var(--ck-ai-quick-actions-button-background-color);
  --ck-color-button-on-background: var(--ck-ai-quick-actions-button-background-color);
}

.ck-ai-quick-actions-group-panel > .ck-ai-quick-actions-group-list {
  max-width: var(--ck-ai-quick-actions-dropdown-max-width);
  width: var(--ck-ai-quick-actions-dropdown-max-width);
  box-sizing: border-box;
}

.ck.ck-tabs.ck-ai-tabs {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: none;
  height: 100%;
  position: relative;
  z-index: 1;
  background: var(--ck-color-base-background, #fff);
  overflow: auto;
}

.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_maximized {
  min-width: 0;
  max-width: 100%;
}

.ck.ck-tabs.ck-ai-tabs.ck-hidden {
  display: none;
}

/* Overlay host: contain panel via absolute positioning; keep overflow visible for Quick Actions */
.rte-ckeditor-ai-overlay:not(.rte-ckeditor-ai-sidebar),
.rte-ckeditor-ai-min-height:not(.rte-ckeditor-ai-sidebar) {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate;
  min-height: 280px;
}

.rte-ckeditor-ai-sidebar.rte-ckeditor-ai-min-height {
  min-height: 0;
  overflow: visible !important;
}

.form-control-wrap.rte-ckeditor-ai-overlay:not(.rte-ckeditor-ai-sidebar),
.form-control-wrap.rte-ckeditor-ai-overlay:not(.rte-ckeditor-ai-sidebar) .form-wizards-wrap,
.form-control-wrap.rte-ckeditor-ai-overlay:not(.rte-ckeditor-ai-sidebar) .form-wizards-item-element {
  overflow: visible !important;
}

.rte-ckeditor-ai-overlay.rte-ckeditor-ai-overlay-active {
  outline: 2px solid #743ccd;
  outline-offset: 2px;
  border-radius: 2px;
}

.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.rte-ckeditor-ai-overlay-panel {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  max-height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  max-width: min(400px, 42vw) !important;
  background: var(--ck-color-base-background, #fff);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
  border: 1px solid var(--ck-color-base-border, #ccc);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 40 !important;
}

/* Hide until JS has synced bounds to the RTE (avoids full-page flash on init) */
.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.rte-ckeditor-ai-overlay-panel--pending,
.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.rte-ckeditor-ai-overlay-panel:not(.rte-ckeditor-ai-overlay-panel--ready) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.rte-ckeditor-ai-overlay-panel--ready {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.rte-ckeditor-ai-overlay-panel.ck-tabs_right {
  border-right: 0 !important;
}

.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.rte-ckeditor-ai-overlay-panel.ck-tabs_left {
  border-left: 0 !important;
}

/* Premium Badge */
.is-premium-badge {
  align-items: center;
  background-color: #FFF7EB;
  border: 1px solid #D28041;
  border-radius: 100%;
  display: flex;
  height: 16px;
  padding: 2px;
  width: 16px;
  justify-content: center;
}

/* TYPO3 v12 */
.t3-ckeditor, .btn-check:checked+.btn,
.t3-ckeditor, .btn.active,
.t3-ckeditor, .btn.show,
.t3-ckeditor, .btn:first-child:active,
.t3-ckeditor, :not(.btn-check)+.btn:active {
  --bs-btn-active-bg: var(--bs-btn-bg);
}

.t3-ckeditor, .btn-check+.btn:hover {
  --bs-btn-bg: var(--bs-btn-hover-bg);
}

.reset-preset *,
.sync-preset *,
.export-preset * {
    pointer-events: none;
}

.ckeditor-modal-content .rounded-0 {
  border-radius: 0;
}