/* Staff-friendly touch optimizations - TEMPORARILY applied to all sizes for testing */
@media (max-width: 3000px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    select,
    textarea {
        min-height: 48px !important;
        font-size: 16px !important;
        padding: 10px 12px !important;
    }

    button,
    .btn,
    .btn-app {
        min-height: 48px !important;
        font-size: 15px !important;
        padding: 10px 16px !important;
    }

    label {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }

    /* Radio/checkbox rows (brand/device/defect lists) - bigger tap targets */
    input[type="radio"],
    input[type="checkbox"] {
        width: 22px !important;
        height: 22px !important;
    }

    /* Table rows in list views - more breathing room for finger taps */
    table td,
    table th {
        padding: 12px 10px !important;
    }

    /* Sidebar nav items - easier to tap */
    .sidebar a,
    nav a {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
    }
}

/* Compact spacing - fit repair-order forms on one screen without scrolling */
.my-6 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.mt-5 { margin-top: 0.5rem !important; }
.mt-4 { margin-top: 0.5rem !important; }
.mb-6 { margin-bottom: 0.5rem !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.py-3 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }
.px-6 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.py-5 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.px-5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.form-description-head { font-size: 13px !important; margin-bottom: 2px !important; }
.form-description-text { font-size: 11px !important; }
select.form-input, input.form-input, textarea.form-input {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Shrink the rich-text diagnostics editor and multi-select boxes */
.tox-tinymce { min-height: 90px !important; resize: vertical !important; overflow: auto !important; }
.tox .tox-edit-area { min-height: 60px !important; }
select[multiple] { height: 90px !important; }

/* Description text - re-enabled, compact size */
.form-description-text { display: block !important; font-size: 11px !important; margin-top: 1px !important; }

/* Reduce top page header spacing */
.py-6 { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; }
.mb-6, .mb-8 { margin-bottom: 0.5rem !important; }
.mt-6, .mt-8 { margin-top: 0.4rem !important; }

/* Trim the border spacing between sections */
hr, .border-b, .divide-y > * + * { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }

/* Trim the section-row wrapper (label + field pairs) used throughout the app */
.md\:gap-6 { gap: 0.5rem !important; }
.py-5 { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; }
.sm\:p-6 { padding: 0.75rem !important; }
.px-4 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }

/* Round 2: tighten remaining gaps */
.gap-6, .gap-4, .gap-x-4, .gap-y-6 { gap: 0.5rem !important; }
.space-y-6 > * + *, .space-y-4 > * + * { margin-top: 0.5rem !important; }
label.form-label, label { margin-bottom: 3px !important; }
.tox-toolbar__primary, .tox-toolbar-overlord { min-height: 32px !important; }
.tox .tox-toolbar__group { padding: 2px 4px !important; }
.pt-1 { padding-top: 2px !important; }

/* Round 3: tighter row spacing between sections */
.border-t, .border-b { padding-top: 0.35rem !important; padding-bottom: 0.35rem !important; }
.col-span-3, .md\:col-span-1, .md\:col-span-2 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }