.scanner-shell {
    min-height: 100vh;
    background: #f3f5f8;
    padding: 16px;
    padding-bottom: 84px;
}

.scanner-shell .panel {
    max-width: 980px;
    margin: 0 auto 12px auto;
}

.scanner-shell .panel.compact {
    max-width: 520px;
}

.scanner-shell .row-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.scanner-shell .row-actions > * {
    flex: 1 1 180px;
}

.scanner-shell .muted-label {
    color: #667085;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.scanner-shell .passenger-list {
    display: grid;
    gap: 8px;
}

.scanner-shell .passenger-card {
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    background: #fff;
    padding: 10px;
}

.scanner-shell .passenger-card .head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.scanner-shell .status-pill {
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.8rem;
}

.scanner-shell .status-pill.ok {
    background: #e8f7ef;
    color: #0f7b3c;
}

.scanner-shell .status-pill.warn {
    background: #fff2df;
    color: #9a5200;
}

.scanner-shell .status-pill.offline {
    background: #fee8e6;
    color: #af1f1f;
}

.scanner-shell textarea.form-control {
    min-height: 88px;
}