@CHARSET "UTF-8";

.x-grid3-row-checker-with-disabled {
    width:100%;
    height:16px;
    background-position:2px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
	background-image:url(../resources/images/default/grid/row-check-sprite-with-disabled.gif);
}
.x-grid3-row .x-grid3-row-checker-with-disabled {
    background-position:2px 2px;
}
.x-grid3-row-selected .x-grid3-row-checker-with-disabled {
    background-position:-23px 2px;
}
.x-grid3-locked .x-grid3-row-checker-with-disabled {
    background-position:2px -14px;
}
.x-grid3-locked-selected .x-grid3-row-checker-with-disabled {
    background-position:-23px -14px;
}
.x-grid3-disabled.x-grid3-row td {
	font-style: italic !important;
	color: #888888;
}

/* =============================================================================
   WCAG AA Touch-Target Fix — Grid Pagination Buttons
   Fixes: target size < 24x24px and insufficient safe-clickable-space diameter.
   Scope: .x-grid3-bottombar ensures these rules apply globally to every Grid
   instance across the application, but ONLY override pagination controls —
   leaving other toolbar buttons untouched.
   Cascade: This file is loaded after ext-all.css / xtheme-*.css, so the extra
   specificity of the .x-grid3-bottombar ancestor selector wins without !important.
   ============================================================================= */

/*
 * WCAG AA Touch-Target Fix — ALL small icon buttons in any grid bottom toolbar
 *
 * Offending rule in ext-all.css:1478 (specificity 0,3,0):
 *   .x-btn-icon .x-btn-small .x-btn-text { height: 16px; width: 16px; }
 *
 * We mirror that selector exactly, then prefix it with .x-grid3-bottombar.
 * That raises our specificity to 0,4,0, which unconditionally beats 0,3,0
 * regardless of stylesheet load order — no !important required.
 *
 * Scoping to .x-grid3-bottombar means only pagination/toolbar buttons inside
 * grid bottom bars are enlarged; nothing else in the app is affected.
 */

/* 1. HIT-AREA SIZE: enlarge from 16×16 to 24×24 px (WCAG 2.5.5 / 2.5.8) */
.x-grid3-bottombar .x-btn-icon .x-btn-small .x-btn-text {
    height: 24px;
    width:  24px;
    min-height: 24px;
    min-width:  24px;
    background-size: 16px 16px;   /* sprite stays crisp at native size,   */
    background-position: center;  /* centred inside the enlarged hit area */
    display: inline-block;
    box-sizing: content-box;
}

.x-btn-icon .x-btn-small .x-btn-text {
	height: 24px;
	width:  24px;
}
/* 2. NEIGHBOUR CLEARANCE: 2 px each side so safe-clickable circles don't overlap */
.x-grid3-bottombar .x-btn-icon .x-btn-small .x-btn-text {
    margin: 0 2px;
}

/* 3. VERTICAL ALIGNMENT: prevent button being clipped by the ExtJS <em> wrapper */
.x-grid3-bottombar .x-btn-mc em {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}