/* ───────────────────────── css/sc-tabs-editor.css ───────────────────────── */
/* Abas principais */
.sc-editor-tabs{display:flex;gap:4px;margin-bottom:8px;}
.sc-editor-tabs button{flex:1;padding:8px 0;border:none;background:#e0e0e0;font-weight:600;cursor:pointer;}
.sc-editor-tabs button.active{background:#3f51b5;color:#fff;}

/* Abas internas (Editor) */
.sc-inner-tabs{display:flex;gap:4px;margin-bottom:6px;}
.sc-inner-tabs button{flex:1;padding:6px 0;border:none;background:#ddd;cursor:pointer;font-weight:600;}
.sc-inner-tabs button.active{background:#607d8b;color:#fff;}

.hidden{display:none!important;}

#sc-write-container,
#sc-style-container,
#sc-info-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;         /* ocupar altura disponível */
  min-height: 0;
  overflow-y: auto;
  height: 100%;           /* <-- novo: força ocupar altura disponível */
  max-height: 100vh;
}

#sc-write-container textarea,
#sc-style-container textarea,
#sc-info-container textarea {
  flex: 1 1 auto;
  height: 100% !important;
  min-height: 120px;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
}

/*
#sc-write-container textarea,
#sc-style-container textarea{width:100%;height:500px;}
*/

.highlight-tmp {
  background: #ffe066 !important;  /* amarelo claro */
  transition: background 0.5s;
  border-radius: 3px;
}

body.editor-fullwidth .entry-content,
body.editor-fullwidth .container,
body.editor-fullwidth .site-content,
body.editor-fullwidth .content-area,
body.editor-fullwidth .content,
body.editor-fullwidth .wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Remove espaçamentos extras de temas comuns */
body.editor-fullwidth .site,
body.editor-fullwidth main,
body.editor-fullwidth article,
body.editor-fullwidth .post,
body.editor-fullwidth .page {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* (Opcional) Garante que não tenha scroll lateral inesperado */
body.editor-fullwidth {
    overflow-x: hidden !important;
}

body.editor-fullwidth .entry-content {
    max-width: 100vw !important;
    width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    background: #fff !important;
}

body.editor-fullwidth #sc-therapist-container {
    max-width: 100vw !important;
    width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

#sc-therapist-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--sheet-bg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}


/* --- Editor em tela cheia, igual ao Chat --------------------------------- */
#sc-editor-section{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    min-height:0;
    height: 100%;
}

/* Garante que ambos os TinyMCE se expandam igual */
#sc-write-container .tox-tinymce,
#sc-style-container .tox-tinymce,
#sc-info-container  .tox-tinymce  {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

/* Wrapper dos editores internos */
#sc-write-container .tox-editor-container,
#sc-style-container .tox-editor-container,
#sc-info-container  .tox-editor-container,
#sc-write-container .tox-edit-area,
#sc-style-container .tox-edit-area,
#sc-info-container  .tox-edit-area, 
#sc-write-container .tox-edit-area__iframe,
#sc-style-container .tox-edit-area__iframe,
#sc-info-container  .tox-edit-area__iframe {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

/* realça a área de entrada quando a aba Editor está ativa */
body.editor-fullwidth .chat-input-container{
    background:#e5ddd5;
    border-top:1px solid #ccc;
    padding:12px 16px;
}

.chat-input-container {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: .75rem 1rem;
  background:  #e5ddd5;
  flex-shrink: 0;
  margin-bottom: 0 !important;
}


body.editor-fullwidth #sc-chat-input{
    border:2px solid #ccc;
    background:#fff;
    border-radius:20px;
    box-shadow:0 1px 3px rgba(0,0,0,.15);
}

body.editor-fullwidth #sc-chat-input:focus{
    border-color:#3f51b5;
    box-shadow:0 0 0 3px rgba(63,81,181,.25);
    outline:none;
}

#sc-style-textarea, #sc-inline-editor {
    min-height: 300px !important;
    height: 100% !important;
    width: 100%;
    box-sizing: border-box;
}


#sc-chat-messages {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0;
  background: #e5ddd5;
  min-height: 0; /* ← essencial em layout flex para que ele respeite o espaço do input */
    margin: 0;
}