/* Rutas lecheras — estilos propios sobre el tema Triton de ExtJS */

.rl { background: #eef1f4; }
.rl-head { background: #16222e; color: #fff; padding: 0 16px; }
.rl-head .brand { display: flex; align-items: center; gap: 10px; height: 52px; font-size: 17px; font-weight: 700; }
.rl-head .mark { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 6px;
                 background: #e0a32e; color: #16222e; font-size: 15px; }
.rl-head small { font-weight: 400; font-size: 12px; color: #9fb0bf; margin-left: 8px; letter-spacing: .3px; }

.mono, .mono .x-grid-cell-inner { font-family: 'IBM Plex Mono', Menlo, Consolas, monospace; font-size: 12.5px; }
.sub { color: #5b6b78; font-size: 12px; margin-top: 2px; white-space: normal; }
.muted { color: #98a4ae; }
.hint { color: #5b6b78; font-size: 12px; }
.seq .x-grid-cell-inner { font-weight: 600; color: #16222e; }
.row-visitada .x-grid-cell { color: #6b7883; }
.motivo { color: #8f2d24; }

.pill { display: inline-block; padding: 1px 9px; border-radius: 10px; font-size: 11.5px; font-weight: 600; line-height: 18px; }
.pill-programada { background: #e6e9ee; color: #3e4c58; }
.pill-enruta     { background: #dcebf3; color: #1d5774; }
.pill-cerrada    { background: #ececec; color: #666; }
.pill-pendiente  { background: #fbeccc; color: #80570b; }
.pill-entregada  { background: #dcf0e3; color: #23663d; }
.pill-rechazada  { background: #f7dcd9; color: #8f2d24; }

.resumen { display: flex; flex-wrap: wrap; gap: 6px 22px; align-items: center; padding: 10px 14px;
           background: #f7f9fa; border-bottom: 1px solid #dfe5ea; font-size: 13px; color: #16222e; }
.resumen b { color: #5b6b78; font-weight: 600; margin-right: 4px; font-size: 11.5px; text-transform: uppercase; letter-spacing: .4px; }

.consola .x-grid-cell-inner { font-size: 12px; }
.verb { display: inline-block; min-width: 52px; text-align: center; padding: 0 6px; border-radius: 3px;
        font: 600 11px 'IBM Plex Mono', monospace; color: #fff; line-height: 18px; }
.verb-get { background: #2f6f8f; } .verb-post { background: #3f9b62; }
.verb-put { background: #c98a14; } .verb-delete { background: #c0463b; }
.http-2 { color: #23663d; font-weight: 600; } .http-4, .http-5 { color: #b1362b; font-weight: 700; }

.json h4 { margin: 0 0 6px; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #5b6b78; }
.json pre { margin: 0 0 16px; padding: 12px; background: #16222e; color: #d8e2ea; border-radius: 4px;
            font: 12.5px/1.5 'IBM Plex Mono', monospace; white-space: pre-wrap; }

.toast-error .x-window-body-default { background: #fdf1ef; }