/* greb-media — the converter (greb_media/conversor.cljs). Colours are
   variables: a host dresses it by setting them on .gmed (or an ancestor). */
.gmed { --gmed-tinta:#111; --gmed-papel:#fff; --gmed-acento:#3b6cf6; --gmed-bien:#1e8e3e; --gmed-mal:#c0392b;
        display:flex; flex-direction:column; gap:8px; height:100%; min-height:0; box-sizing:border-box;
        padding:10px; color:var(--gmed-tinta); background:var(--gmed-papel); font:13px/1.35 system-ui, sans-serif; }
.gmed-barra { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.gmed-barra select { font:inherit; padding:2px 4px; }
.gmed-boton { display:inline-flex; align-items:center; padding:3px 9px; border:1px solid var(--gmed-tinta);
              background:var(--gmed-papel); color:var(--gmed-tinta); font:inherit; cursor:pointer;
              text-decoration:none; white-space:nowrap; }
.gmed-boton.es-principal { background:var(--gmed-tinta); color:var(--gmed-papel); }
.gmed-boton:disabled { opacity:.5; cursor:default; }
.gmed-nota { margin:0; opacity:.7; }
.gmed-lista { flex:1; min-height:0; overflow:auto; border:1px solid var(--gmed-tinta); }
.gmed-grupo + .gmed-grupo { border-top:1px solid var(--gmed-tinta); }
.gmed-grupo-nombre { display:flex; gap:6px; align-items:center; padding:4px 6px; font-weight:600; }
.gmed-archivo { display:flex; align-items:center; gap:8px; padding:3px 6px 3px 22px; }
.gmed-marca { display:flex; align-items:center; gap:6px; flex:1; min-width:0; cursor:pointer; }
.gmed-nombre { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gmed-flecha, .gmed-archivo small { flex:none; opacity:.7; }
.gmed-archivo.es-convirtiendo .gmed-estado { color:var(--gmed-acento); opacity:1; }
.gmed-archivo.es-hecho .gmed-estado { color:var(--gmed-bien); opacity:1; }
.gmed-archivo.es-error .gmed-estado { color:var(--gmed-mal); opacity:1; white-space:normal; }
.gmed-pie { display:flex; flex-wrap:wrap; gap:6px; }