
    .printer-settings-page .printer-page-header {
        background: #fff;
        border: 1px solid #e9e9ef;
        border-radius: .35rem;
        box-shadow: 0 1px 2px rgba(18, 38, 63, .04);
        padding: 1rem 1.25rem;
    }

    .printer-settings-page .printer-page-title {
        color: #343a40;
        font-size: 1rem;
        font-weight: 600;
    }

    .printer-settings-page .printer-page-actions .btn {
        min-width: 112px;
    }

    .printer-settings-page .printer-stat-card,
    .printer-settings-page .config-card {
        border: 1px solid #e9e9ef;
        box-shadow: 0 1px 2px rgba(18, 38, 63, .04);
    }

    .printer-settings-page .printer-stat-label {
        color: #74788d;
        font-size: .75rem;
        font-weight: 500;
        letter-spacing: .025em;
        text-transform: uppercase;
    }

    .printer-settings-page .printer-stat-value {
        color: #343a40;
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.2;
    }

    .printer-settings-page .config-card > .card-header {
        border-bottom: 1px solid #e9e9ef;
        min-height: 48px;
    }

    .printer-settings-page .config-card .card-title {
        font-size: .9rem;
        font-weight: 600;
    }

    .printer-settings-page .mapping-definition {
        background: #fbfbfc;
        border-color: #e5e7eb !important;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .printer-settings-page .mapping-definition:focus-within {
        border-color: #a9b8f4 !important;
        box-shadow: 0 0 0 2px rgba(85, 110, 230, .08);
    }

    .printer-settings-page .mapping-title {
        font-size: .82rem;
        font-weight: 600;
    }

    .printer-settings-page .icon-action {
        align-items: center;
        display: inline-flex;
        height: 30px;
        justify-content: center;
        padding: 0;
        width: 30px;
    }

    @media (max-width: 767.98px) {
        .printer-settings-page .printer-page-actions {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            width: 100%;
        }

        .printer-settings-page .printer-page-actions .btn {
            min-width: 0;
        }
    }


    .barcode-designer .card-header { min-height: 42px; }
    .barcode-designer .setting-row { min-height: 34px; }
    .barcode-designer .setting-label { color: #74788d; font-size: .82rem; margin: 0; }
    .barcode-designer .designer-preview-sticky { position: sticky; top: 82px; }
    .barcode-designer .preview-viewport { min-height: 410px; overflow: auto; background: #eef1f5; border-radius: .25rem; padding: 20px; }
    .barcode-designer .label-sheet { position: relative; flex: 0 0 auto; background: #fff; border: 1px solid #adb5bd; box-shadow: 0 4px 14px rgba(0,0,0,.12); overflow: visible; color: #111; }
    .barcode-designer .printable-area { position: absolute; border: 1px dashed #8c98a5; overflow: visible; }
    .barcode-designer .label-content { position: absolute; inset: 0; overflow: visible; }
    .barcode-designer .preview-field { white-space: nowrap; overflow: hidden; }
    .barcode-designer .preview-overflow { outline: 2px solid #f46a6a !important; background-color: rgba(244,106,106,.08); }
    .barcode-designer .field-row.field-disabled { opacity: .55; background: #f7f7f7; }
    .barcode-designer .field-row.field-disabled .field-settings { pointer-events: none; }
    .barcode-designer .sortable-ghost { background: #e8f3ff; opacity: .65; }
    .barcode-designer .sortable-chosen { box-shadow: inset 3px 0 #556ee6; }
    .barcode-designer .drag-handle { cursor: grab; touch-action: none; }
    .barcode-designer .drag-handle:active { cursor: grabbing; }
    .barcode-designer .barcode-controls-disabled { opacity: .5; }
    .barcode-designer .barcode-controls-disabled .barcode-setting { pointer-events: none; }
    .barcode-designer .field-table th, .barcode-designer .field-table td { white-space: nowrap; vertical-align: middle; }
    .barcode-designer .field-table .custom-label { min-width: 125px; }
    .barcode-designer .zoom-value { min-width: 52px; text-align: center; }
    #largePreviewViewport { min-height: 520px; }
@media (max-width: 991.98px) {
        .barcode-designer .designer-preview-sticky { position: static; }
        .barcode-designer .preview-viewport { min-height: 260px; }
    }

.barcode-designer .barcode-type-control {
    width: 9.0625rem;
}

.barcode-designer .barcode-setting-control {
    width: 7.5rem;
}

.barcode-designer .label-dimension-control {
    width: 8.4375rem;
}

.barcode-designer .label-font-size-control {
    width: 4.5rem;
}

.barcode-designer .label-font-width-control {
    width: 4.25rem;
}

.barcode-designer .label-alignment-control {
    width: 5.75rem;
}

.receipt-config-page .receipt-type-control {
    width: 10rem;
}

.receipt-config-page .section-row {
    cursor: pointer;
}

.receipt-config-page .drag-handle {
    cursor: grab;
    font-size: 0.875rem;
    user-select: none;
}

.receipt-config-page .section-name {
    font-size: 0.8125rem;
}

.receipt-config-page .section-arrow {
    font-size: 0.875rem;
}

.receipt-config-page .receipt-field-label {
    width: 4.375rem;
}

.receipt-config-page .receipt-title-control {
    width: 11.25rem;
}

.receipt-config-page .receipt-short-control {
    width: 4.0625rem;
}

.receipt-config-page .receipt-number-control {
    width: 3.4375rem;
}

.receipt-config-page .receipt-padding-control {
    width: 3.125rem;
}

.receipt-config-page .receipt-footer-control {
    width: 15.625rem;
}

.receipt-config-page .receipt-line-width-control {
    width: 8.125rem;
}

.receipt-config-page .receipt-spacing-control {
    width: 4.375rem;
}

.receipt-config-page .receipt-cut-control {
    width: 6.25rem;
}

.receipt-config-page .receipt-preview-loading {
    color: var(--app-text-muted);
    padding: 1.25rem;
    text-align: center;
}
