:root{--fondo: #f4f5f7;--panel: #ffffff;--cerrado: #e9ebef;--texto: #1d2129;--texto-2: #4a5160;--texto-3: #8a909c;--borde: #dcdfe5;--borde-suave: #eceef2;--linea-cuarto: #f1f2f5;--acento: #1f6feb;--acento-suave: #e8f0fe;--verde: #7cc576;--ambar: #d98a00;--ambar-suave: #fff1d6;--rojo: #d93a3a;--rojo-suave: #fde3e3}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fondo);font-size:14px}.boton{border:1px solid var(--borde);background:var(--panel);border-radius:6px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--texto)}.boton:disabled{opacity:.45;cursor:default}.boton.primario{background:var(--acento);border-color:var(--acento);color:#fff}.boton.peligro{color:var(--rojo);border-color:var(--rojo-suave)}.editor{display:flex;flex-direction:column;gap:10px;font-size:13px}.editor label{display:flex;flex-direction:column;gap:3px;color:var(--texto-2)}.editor select,.editor input{font:inherit;padding:5px 6px;border:1px solid var(--borde);border-radius:5px;color:var(--texto);background:var(--panel)}.editor .fila{display:flex;gap:10px}.editor .fila label{flex:1}.editor .botones{display:flex;gap:8px}.enlace{border:0;background:none;font:inherit;font-size:12px;color:var(--texto-3);cursor:pointer;padding:0}.enlace:hover{color:var(--acento);text-decoration:underline}.editor select:disabled,.editor input:disabled{background:var(--fondo);color:var(--texto-3)}
