/* El chat de Flow, tal cual: copiado de ~/dev/greb/src/app/greb_chat.cljs (def css).
   Lo usa greb-course.reader-chat. Si cambia allí, se vuelve a copiar. */
.gc-win{position:fixed;z-index:2147483000;width:460px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 32px);
  display:flex;flex-direction:column;background:#1E1E22;color:#E4E4E7;border:1px solid #3F3F46;border-radius:14px;
  box-shadow:0 24px 70px rgba(0,0,0,.55);font:13px/1.55 'JetBrains Mono', ui-monospace, Menlo, monospace;resize:both;overflow:hidden}
.gc-win.gc-con-historial{width:700px}
.gc-win button,.gc-win textarea,.gc-win select{font-family:'JetBrains Mono', ui-monospace, Menlo, monospace}
.gc-head{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #2E2E33;cursor:grab;user-select:none;background:#F5DF4D;color:#111}
.gc-head:active{cursor:grabbing}
.gc-head img{width:18px;height:18px}
.gc-title{font-weight:700;font-size:13px}
.gc-modelo{display:flex;align-items:center;gap:6px;min-width:0;max-width:240px;margin-left:6px;background:rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.25);border-radius:6px;color:#111;font-size:11px;font-weight:700;padding:3px 6px;cursor:pointer}
.gc-modelo:hover{background:rgba(0,0,0,.14)}
.gc-modelo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-marca{width:14px;height:14px;flex-shrink:0;display:inline-block;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.gc-menu{position:absolute;z-index:5;top:44px;left:40px;width:300px;max-height:calc(100% - 60px);overflow-y:auto;background:#1E1E22;
  border:1px solid #3F3F46;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.5);padding:4px;color:#E4E4E7}
.gc-menu-grupo{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#71717A;padding:8px 8px 4px}
.gc-menu-fila{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer}
.gc-menu-fila.gc-act{background:#2A2D2E}
.gc-menu-fila .gc-marca{width:16px;height:16px}
.gc-menu-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.gc-menu-nombre{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-menu-nota{font-size:10px;color:#A1A1AA}
.gc-menu-check{color:#F5DF4D;display:flex}
.gc-espacio{flex:1}
.gc-icono{background:none;border:1px solid transparent;color:inherit;cursor:pointer;border-radius:6px;padding:3px;display:flex}
.gc-icono:hover{border-color:rgba(0,0,0,.35)}
.gc-icono.gc-on{background:rgba(0,0,0,.12)}
.gc-cuerpo{flex:1;display:flex;min-height:0}
.gc-chat{flex:1;display:flex;flex-direction:column;min-width:0}
.gc-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
.gc-user{align-self:flex-end;background:#2F3B52;padding:8px 12px;border-radius:12px 12px 2px 12px;max-width:85%;white-space:pre-wrap}
.gc-user .gc-imgs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.gc-user .gc-imgs img{max-width:160px;max-height:120px;border-radius:6px;display:block}
.gc-greb{align-self:flex-start;max-width:100%}
.gc-greb p{margin:0 0 8px}.gc-greb p:last-child{margin:0}
.gc-greb pre{background:#111114;padding:8px 10px;border-radius:8px;overflow-x:auto;font-size:12px}
.gc-greb code{font-size:12px}
.gc-greb blockquote{margin:0 0 8px;padding-left:10px;border-left:3px solid #F5DF4D;color:#D4D4D8}
.gc-greb a{color:#93C5FD}
.gc-acciones{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.gc-accion{font-size:10px;color:#A1A1AA;background:#27272A;border:1px solid #3F3F46;border-radius:10px;padding:1px 8px}
.gc-model{font-size:10px;color:#71717A;margin-top:4px}
.gc-error{color:#FCA5A5;font-size:12px}
.gc-dots{color:#A1A1AA;font-size:12px;display:flex;align-items:flex-end;gap:8px}
.gc-dots .greb-cargando-txt{padding-bottom:8px}
.gc-empty{color:#71717A;font-size:12px;margin:auto;text-align:center;padding:0 16px}
.gc-confirmar{border:1px solid #F5DF4D;border-radius:10px;padding:10px;background:#26261F}
.gc-confirmar pre{background:#111114;padding:6px 8px;border-radius:6px;margin:6px 0;white-space:pre-wrap;word-break:break-all}
.gc-confirmar button{margin-right:6px;border-radius:6px;padding:3px 10px;cursor:pointer;font-weight:700;border:1px solid #000}
.gc-si{background:#F5DF4D;color:#111}.gc-no{background:#3F3F46;color:#E4E4E7}
.gc-adjuntos{display:flex;gap:6px;flex-wrap:wrap;padding:8px 10px 0}
.gc-adjunto{position:relative}
.gc-adjunto img{height:52px;border-radius:6px;display:block;border:1px solid #3F3F46}
.gc-adjunto button{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#111;color:#eee;
  cursor:pointer;font-size:11px;line-height:18px;padding:0}
.gc-form{display:flex;gap:6px;padding:10px;border-top:1px solid #2E2E33;align-items:flex-end}
.gc-clip{background:none;border:1px solid #3F3F46;color:#A1A1AA;border-radius:8px;cursor:pointer;padding:7px;display:flex}
.gc-clip:hover{color:#E4E4E7;border-color:#71717A}
.gc-input{flex:1;resize:none;background:#111114;color:#E4E4E7;border:1px solid #3F3F46;border-radius:8px;padding:8px 10px;
  font:inherit;outline:none;max-height:120px}
.gc-input:focus{border-color:#F5DF4D}
.gc-send{background:#F5DF4D;color:#111;border:none;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.gc-send:disabled{opacity:.5;cursor:default}
.gc-soltar{outline:2px dashed #F5DF4D;outline-offset:-6px}
.gc-lado{width:230px;flex-shrink:0;border-left:1px solid #2E2E33;background:#18181B;display:flex;flex-direction:column;min-height:0}
.gc-lado-head{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#71717A;padding:8px 10px 4px}
.gc-lado .ga-tree{flex:1;overflow-y:auto;font-size:12px}
.gc-lado-vacio{color:#71717A;font-size:11px;padding:8px 10px}

.gc-win .lib-ico{width:15px;height:15px;display:block}
.gc-win svg{display:block}
.gc-modelo svg{width:14px;height:14px;flex-shrink:0}
/* la versión del libro: no está en Flow */
.gc-version{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;border-bottom:1px solid #2E2E33;font-size:11px;color:#A1A1AA}
.gc-version span{flex:1;min-width:120px}
.gc-version button{border-radius:6px;padding:2px 8px;cursor:pointer;font-weight:700;border:1px solid #000;font-size:11px}
/* el pasaje marcado: no está en Flow, viene de El Impreso Digital */
.gc-sel{display:flex;gap:6px;align-items:flex-start;margin:0 10px 0;padding:8px 10px;background:#26261F;border-left:3px solid #F5DF4D;border-radius:6px;font-size:12px;max-height:110px;overflow-y:auto}
.gc-sel-txt{flex:1;min-width:0}
.gc-sel-lbl{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#F5DF4D;margin-bottom:3px}
.gc-sel-x{background:none;border:none;color:#A1A1AA;cursor:pointer;font-size:15px;line-height:1;padding:0 2px}
.gc-confirmar .gc-input{width:100%;box-sizing:border-box;margin-top:6px}
.notes-pop .np-greb img{width:14px;height:14px;vertical-align:-2px}