#logs-filter th#date { width: 19ch; } .wpforms-log-popup { background-color: #ffffff; padding: 20px 20px 10px; font-size: 14px; line-height: 20px; width: 100%; text-align: left; color: #444; } .wpforms-log-popup-flex, .wpforms-log-popup-block { padding-top: 15px; padding-bottom: 25px; border-bottom: 1px solid #e4e4e4; } .wpforms-log-popup-flex:first-child, .wpforms-log-popup-block:first-child { padding-top: 0; } .wpforms-log-popup-flex:last-child, .wpforms-log-popup-block:last-child { padding-bottom: 0; border-bottom: 0; } .wpforms-log-popup-flex { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -10px; margin-right: -10px; } .wpforms-log-popup-flex > div { padding: 0 10px; } .wpforms-log-popup-flex-column-2 > div { flex: 0 0 50%; } .wpforms-log-popup-flex-column-4 > div { flex: 0 0 25%; } .wpforms-log-popup-label { font-weight: 600; font-size: 16px; margin-bottom: 4px; } .wpforms-log-popup-message { overflow-x: auto; } .wpforms-log-popup-message::-webkit-scrollbar { height: 6px; } .wpforms-log-popup-message::-webkit-scrollbar-track { background: #c5c5c5; border-radius: 6px; } .wpforms-log-popup-message::-webkit-scrollbar-thumb { background-color: #666; border-radius: 6px; border: 6px solid #666; } .wpforms-log-popup a { color: inherit; } @media screen and (max-width: 782px) { .wpforms-log-popup { padding: 0; } .wpforms-log-popup .wpforms-log-popup-flex { padding-top: 0; padding-bottom: 0; } .wpforms-log-popup .wpforms-log-popup-flex-column-2 > div { flex: 0 0 100%; padding-top: 15px; padding-bottom: 25px; } .wpforms-log-popup .wpforms-log-popup-flex-column-2 > div:nth-child(n + 2) { border-top: 1px solid #e4e4e4; } .wpforms-log-popup .wpforms-log-popup-flex-column-4 > div { flex: 0 0 50%; padding-top: 15px; padding-bottom: 25px; } .wpforms-log-popup .wpforms-log-popup-flex-column-4 > div:nth-child(n + 3) { border-top: 1px solid #e4e4e4; } .wpforms-log-popup .wpforms-log-popup-flex-column-4 > div:nth-child(- n + 2) { padding-bottom: 0; } } .wpforms-tools-tab-logs p.submit { padding-bottom: 50px; } .wpforms-tools-tab-logs h3 { line-height: 25px; } .wpforms-tools-tab-logs .wp-heading-inline { margin: 0; font-size: 18px; font-weight: 600; line-height: normal; color: #1d2327; } .wpforms-tools-tab-logs .wpforms-admin-content-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .wpforms-tools-tab-logs .wpforms-admin-content-header .search-box { margin-bottom: 0; } @media (max-width: 768px) { .wpforms-tools-tab-logs .wpforms-admin-content-header .search-box { margin-top: 15px; } } .wpforms-tools-tab-logs .tablenav.top { margin: 11px 0; padding: 0; } .wpforms-tools-tab-logs .tablenav.top .tablenav-pages { margin: 0; } @media (max-width: 768px) { .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top { height: 100px; } .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top > * { margin-bottom: 10px; } .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top input.button { margin-right: 15px; } .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top:has(.no-pages), .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top:has(.one-page) { height: auto; } } .wpforms-tools-tab-logs .tablenav-pages.no-pages { margin: 0; } .wpforms-tools-tab-logs .wpforms-list-table #log_id, .wpforms-tools-tab-logs .wpforms-list-table #form_id { width: 80px; } .wpforms-tools-tab-logs .wpforms-list-table #types { width: 160px; } .wpforms-tools-tab-logs .wpforms-list-table .tablenav { height: 30px; } .wpforms-tools-tab-logs .wpforms-list-table .wp-list-table { margin: 9px 0 0 0; } /* Focus Management Styles - WCAG 2.1 Compliance */ /* Added for keyboard accessibility and screen reader support */ /* Button Focus Styles */ .hvac-button:focus, .hvac-content .button:focus, .hvac-content button:focus, .hvac-content input[type="submit"]:focus, .hvac-email-submit:focus, .hvac-filter-submit:focus, .hvac-certificate-actions button:focus, .hvac-certificate-actions a:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); border-radius: 4px; } /* Input Focus Styles */ .hvac-form-input:focus, .hvac-content input[type="text"]:focus, .hvac-content input[type="email"]:focus, .hvac-content input[type="password"]:focus, .hvac-content input[type="url"]:focus, .hvac-content textarea:focus, .hvac-content select:focus, .hvac-email-form-row input:focus, .hvac-email-form-row textarea:focus, .hvac-filter-group input:focus, .hvac-filter-group select:focus { outline: 2px solid #005fcc; outline-offset: 2px; border-color: #005fcc; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* Link Focus Styles */ .hvac-content a:focus, .hvac-event-link:focus, .hvac-certificate-link:focus, .hvac-attendee-profile-icon:focus, .hvac-dashboard-nav a:focus, .hvac-email-navigation a:focus { outline: 2px solid #005fcc; outline-offset: 2px; text-decoration: underline; background-color: rgba(0, 95, 204, 0.1); border-radius: 2px; } /* Interactive Element Focus Styles */ .hvac-attendee-checkbox:focus, .hvac-select-all-container input[type="checkbox"]:focus, .hvac-modal-close:focus, .hvac-certificate-table tr:focus { outline: 2px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); } /* High Contrast Mode Support */ @media (prefers-contrast: high) { .hvac-content *:focus { outline: 3px solid #000000; outline-offset: 2px; background-color: #ffff00; color: #000000; } } /* Focus-visible polyfill support */ /* Reset focus for mouse users while preserving keyboard accessibility */ .js-focus-visible :focus:not(.focus-visible) { outline: none; box-shadow: none; } /* Ensure focus is visible for keyboard users */ .js-focus-visible .focus-visible { outline: 2px solid #005fcc; outline-offset: 2px; }