/* Ajustes del panel del proveedor sobre los estilos del CRM. */
:root { --primario: #4338ca; }
.token { font-family: Consolas, monospace; background: var(--gris-claro); padding: 10px 12px; border-radius: 8px; word-break: break-all; user-select: all; }
.plantillas { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.plantilla { border-top: 4px solid var(--color); margin: 0; }
.plantilla h2 { display: flex; align-items: center; justify-content: flex-start; gap: 8px; }
.plantilla .icono { background: var(--color); border-radius: 8px; width: 30px; height: 30px; display: grid; place-items: center; }
.plantilla p { margin: 0 0 10px; }
.uso { height: 6px; background: var(--gris-claro); border-radius: 99px; overflow: hidden; margin-top: 4px; min-width: 90px; }
.uso span { display: block; height: 100%; background: var(--primario); }
.uso.alto span { background: var(--rojo); }
fieldset.form { border: 0; padding: 0; margin: 0; min-width: 0; }
fieldset.form:disabled input, fieldset.form:disabled select, fieldset.form:disabled textarea { opacity: .75; cursor: default; }
.rol-usuario { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 99px; background: rgba(255, 255, 255, .16); color: #fff; font-weight: 600; }