#header > img:nth-child(2) {
    max-height: 100px !important; /* Ajuste este valor según el tamaño deseado */
    width: auto;
    margin-left: 8px;
}

/* Estilos para el elemento de la derecha */
.css-17qesj3 {
    color: white !important;
}

.css-mww0i9 {
    color: white !important;
}

.MuiInputBase-root.Mui-disabled,
.MuiInputBase-input,
#chat-input,
.css-10oer18,
.css-uiq36a,
.css-uiq36a.Mui-disabled,
.css-n085mf {
    color: white !important;
    -webkit-text-fill-color: white !important;
    opacity: 1 !important;
}

/* ── Readability (Phase 4, "Mejoras IA Campus IPS" doc, suggestion 1) ──────────
   Larger chat-input text + a taller/more padded input box. #chat-input is the
   Lexical-editable message box in the main Chainlit UI (confirmed live selector
   — also targeted by public/test.js and the color rule above). Kept minimal:
   only font-size/line-height/padding, no layout/positioning changes. */
#chat-input {
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
}

#chat-input .MuiInputBase-root,
.MuiInputBase-root:has(#chat-input) {
    min-height: 56px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* ── Copilot launcher icon (Phase 4, suggestion 3) ──────────────────────────
   BEST-EFFORT / LOW CONFIDENCE: the copilot widget (public bubble +
   panel) is mounted by the Chainlit copilot bundle inside a Shadow DOM
   (see main.py's /dev route, which injects styles directly into
   `el.shadowRoot` for exactly this reason — a page-level stylesheet like
   this one cannot cross that boundary). `.chainlit-copilot-button` is the
   bubble's class name per that comment. This rule is kept here per the
   Phase 4 scope (public/stylesheet.css) but will most likely be a no-op in
   production; the selector that actually reaches the widget is the
   shadowRoot-injected <style> in main.py. Do not rely on this rule alone —
   flagged in the hotfix report rather than guessed further.
*/
.chainlit-copilot-button,
.chainlit-copilot-button svg {
    width: 64px !important;
    height: 64px !important;
}