karvan: el panel de llamada no tenia estilos

Un comentario sin cerrar en karvan.css se comia la llave de la regla que
neutraliza el div{background:#222;padding:20px} global, y con ella todo el
bloque de la videollamada. El resultado eran dos cajas vacias enormes y unos
botones cuadrados en vez del panel.

Ademas:

- La hoja del modulo se cargaba antes que el tema, asi que el tema ganaba por
  cascada. Pasa a cargarse despues, que es lo que decia su propio comentario.
- Las opciones de duracion (30m / 2h / 8h) se partian letra a letra en
  escritorio; les faltaba white-space: nowrap.
- Clear-SNH usa !important en casi todo, asi que ninguna hoja posterior puede
  ganarle. Se resuelve como lo resuelve Oasis: es el tema el que pinta el
  modulo. Sin ese bloque las burbujas salian negras sobre blanco y el texto
  secundario en amarillo palido, ilegible.

Comprobado con los cuatro temas en escritorio y en el emulador.

src/client/assets/themes/Clear-SNH.css

@@ -370,3 +370,16 @@ a.user-link:focus {
 .chat-topic-active { background: #FFF3E0 !important; }
 .chat-topic-title { color: #2D2D2D !important; }
 .chat-workspace-empty { border-color: #DDD !important; }
+
+/* Karvan: su hoja (karvan.css) esta pensada para fondo oscuro; aqui se traduce
+   a la paleta clara, igual que este tema hace con el resto de la interfaz */
+.karvan-back, .karvan-room-title, .kr-title { color: #B25000 !important; }
+.karvan-sub, .karvan-expire, .karvan-live, .kr-meta,
+.karvan-ttl-lbl, .karvan-ttl-opt { color: #6B5300 !important; }
+.karvan-room-item, .karvan-create input[type="text"] {
+  background-color: #FFFFFF !important; border: 1px solid #E0E0E0 !important; color: #2C2C2C !important;
+}
+.karvan-msg { background-color: #FFF8E1 !important; border: 1px solid #E6CE86 !important; }
+.karvan-msg-self { background-color: #FFEFC2 !important; border-color: #D9A400 !important; }
+.karvan-msg .km-from { color: #8A6D00 !important; }
+.karvan-msg .km-text { color: #2C2C2C !important; }