/* Complemento del tablero revisor sobre estilo.css (copia del tablero de licitaciones). */
.sem { display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: middle; border: 1px solid rgba(255,255,255,.35); }
.sem-verde { background: var(--verde); box-shadow: 0 0 8px rgba(76,175,125,.6); }
.sem-ambar { background: var(--ambar); box-shadow: 0 0 8px rgba(224,168,58,.6); }
.sem-rojo { background: var(--rojo); box-shadow: 0 0 8px rgba(212,87,78,.6); }
.sem-gris { background: var(--gris); }
.r-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.r-form .ancho { grid-column: 1 / -1; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.r-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--tenue); }
.r-form input, .r-form textarea { font: inherit; color: var(--texto); background: var(--panel2); border: 1px solid var(--linea); border-radius: 8px; padding: 9px 11px; }
.r-form input:focus, .r-form textarea:focus { outline: none; border-color: var(--plata-suave); }
.r-dos { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 0 22px; }
.r-cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--linea); }
.r-botones { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 0; }
.r-cifras { display: flex; gap: 8px; flex-wrap: wrap; }
.r-cifras div { flex: 1 1 90px; border: 1px solid var(--plata-suave); border-radius: 8px; padding: 6px 10px; display: flex; flex-direction: column; }
.r-cifras span { font-size: 11.5px; color: var(--tenue); }
.r-cifras b { font-size: 17px; font-weight: 600; }
.r-tarjeta { flex: 1 1 340px; max-width: 520px; }
.r-msg { margin: 0; min-height: 1em; }
.r-datos { margin: 0; }
.r-rojo { color: #f2aaa4; }
.t-objeto { margin: 0; font-size: 13.5px; }
.r-archivos { max-height: 180px; }
.cuenta { font-size: 13px; }
.tabla th, .tabla td { border-bottom: 1px solid var(--linea); padding: 6px 8px; text-align: left; vertical-align: top; }
.tabla th { color: var(--tenue); font-weight: 500; }
.vs-pie { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.avatar.inicial { display: inline-flex; width: 22px; height: 22px; border-radius: 50%; align-items: center; justify-content: center; background: var(--plata); color: var(--fondo); font-size: 12px; font-weight: 700; }