/* P228 centered mobile actions and provider-neutral printer connections. */
body[data-mobile-mode="true"] .mobile-order-actions .btn {
    height: 46px;
    min-height: 46px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 4px 3px;
    line-height: 1.2;
    text-align: center !important;
    white-space: normal;
}

.printer-connection-fields {
    margin: 3px 0 0;
    padding: 14px;
    border: 1px solid #dce4ed;
    border-radius: 7px;
    background: #f8fafc;
}

.printer-connection-fields legend {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 5px;
    color: #27384f;
    font-size: 14px;
    font-weight: 700;
}

.printer-connection-fields > p {
    margin: 0 0 11px;
    color: #66758a;
    font-size: 12px;
}

.printer-connection-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.printer-connection-grid [hidden] { display: none !important; }

.printer-connection-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.printer-connection-actions [role="status"] {
    min-width: 0;
    color: #66758a;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.printer-connection-actions .is-success { color: #187346; }
.printer-connection-actions .is-error { color: #b02f2f; }

.printer-connection-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    margin-top: 5px;
    padding: 2px 7px;
    border-radius: 4px;
    background: #edf1f5;
    color: #53657c;
    font-size: 11px;
}

.printer-connection-badge.type-bluetooth { background: #e8f1ff; color: #1556a4; }
.printer-connection-badge.type-wifi { background: #e7f5ed; color: #176b43; }
.printer-connection-badge.type-vendor { background: #f2ecfb; color: #65409b; }

@media (max-width: 767.98px) {
    .printer-connection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .printer-connection-fields { padding: 11px; }
    .printer-connection-grid { grid-template-columns: 1fr; }
    .printer-connection-actions { align-items: stretch; flex-direction: column; }
    .printer-connection-actions .btn { width: 100%; min-height: 42px; }
    .printer-connection-actions [role="status"] { text-align: center; }
}