/* Inventario > Etiquetas — tipografía y controles compactos para tablet. */
@media (min-width:681px) and (max-width:1024px),
       (min-width:1025px) and (max-width:1366px) and (pointer:coarse) and (min-height:500px),
       (min-width:1025px) and (max-width:1366px) and (hover:none) and (min-height:500px) {
    html body #pvf-shell #pv-labels-module .pv-labels-hero {
        gap: 12px !important;
        min-height: 0 !important;
        margin-bottom: 12px !important;
        padding: 14px 16px !important;
        border-radius: 18px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-hero-icon {
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 14px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-hero-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-hero > div > span {
        font-size: 8px !important;
        line-height: 1.15 !important;
        letter-spacing: .09em !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-hero h1 {
        margin: 2px 0 !important;
        font-size: 20px !important;
        line-height: 1.08 !important;
        letter-spacing: -.02em !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-hero p {
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.32 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-total {
        min-width: 88px !important;
        padding: 8px 10px !important;
        border-radius: 13px !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-total strong {
        font-size: 17px !important;
        line-height: 1 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-toolbar {
        gap: 8px !important;
        margin-bottom: 12px !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-search {
        height: 40px !important;
        border-radius: 11px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-search > svg {
        left: 13px !important;
        width: 16px !important;
        height: 16px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-search > input {
        height: 38px !important;
        min-height: 38px !important;
        padding-left: 38px !important;
        padding-right: 50px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-search > .pv-barcode-camera-btn {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-search > .pv-barcode-camera-btn svg {
        width: 17px !important;
        height: 17px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-toolbar > .pv-cs > .pv-cs-trigger {
        height: 40px !important;
        min-height: 40px !important;
        padding-left: 11px !important;
        border-radius: 11px !important;
        font-size: 11.5px !important;
        line-height: 1.15 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-toolbar > .pv-cs > .pv-cs-trigger .pv-cs-trigger-label {
        font-size: 11.5px !important;
        line-height: 1.15 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-select-visible {
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 11px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-list-card,
    html body #pvf-shell #pv-labels-module .pv-labels-config-card {
        border-radius: 17px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-list-head {
        padding: 12px 14px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-list-head strong {
        font-size: 13px !important;
        line-height: 1.15 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-list-head small {
        margin-top: 2px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-list-head > span {
        padding: 5px 8px !important;
        border-radius: 8px !important;
        font-size: 9px !important;
        line-height: 1.15 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-list {
        padding: 6px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-label-row {
        grid-template-columns: 28px 38px minmax(0, 1fr) 82px !important;
        gap: 8px !important;
        padding: 7px 8px !important;
        border-radius: 12px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-label-check {
        width: 18px !important;
        height: 18px !important;
        border-radius: 6px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-label-thumb {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        font-size: 10px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-label-copy strong {
        font-size: 11.5px !important;
        line-height: 1.15 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-label-copy small {
        margin-top: 2px !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-label-qty button,
    html body #pvf-shell #pv-labels-module .pv-label-qty input,
    html body #pvf-shell #pv-labels-module .pv-label-qty input.pv-campo-completo:not([type="date"]) {
        height: 28px !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-config-title span,
    html body #pvf-shell #pv-labels-module .pv-labels-config-card > label,
    html body #pvf-shell #pv-labels-module .pv-labels-preview-wrap > span {
        font-size: 8.5px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-config-title strong {
        font-size: 13px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-config-card > label > .pv-cs > .pv-cs-trigger > .pv-cs-trigger-label {
        font-size: 11px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-actions button {
        font-size: 10px !important;
    }

    html body #pvf-shell #pv-labels-module .pv-labels-tip {
        font-size: 8.5px !important;
    }

    /* La muestra conserva la proporción de la etiqueta, pero no crece hasta
       ocupar todo el ancho de la tarjeta. El tamaño de impresión no cambia. */
    html body #pvf-shell #pv-labels-module #pv-labels-preview.pv-label-preview-active {
        display: grid !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 12px !important;
        place-items: center !important;
        overflow: hidden !important;
        border: 1px solid #E3E6EF !important;
        border-radius: 13px !important;
        background: linear-gradient(145deg, #F8F9FC 0%, #F2F0FA 100%) !important;
    }

    html body #pvf-shell #pv-labels-module #pv-labels-preview.pv-label-preview-active > .pv-label-preview[data-format] {
        box-sizing: border-box !important;
        width: min(360px, 100%) !important;
        max-width: 360px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
    }
}