/**
 * Development Fixes CSS
 * 
 * Previously inline styles from header.php, now properly separated.
 * These are confirmed fixes that should be reviewed periodically for 
 * integration into main stylesheets.
 * 
 * @package Verimus
 * @since 2.0.0
 */

/* ==========================================================================
   Logo Styling
   ========================================================================== */

.verimus-icon {
    max-width: 150px;
}

img.verimus-icon.verimus-icon-desktop {
    width: 100% !important;
    height: auto !important;
}

@media (max-width: 767px) {
    .verimus-icon {
        max-width: 130px;
    }
}

/* ==========================================================================
   Stats Tabs Responsive
   ========================================================================== */

@media (max-width: 1280px) {

    .search-tabs-front-page,
    .search-tabs-page {
        overflow-x: auto;
        padding: var(--spacing-md) var(--spacing-md);
    }

    .search-tabs-front-page .search-tab,
    .search-tabs-page .search-tab {
        flex: 0 0 auto;
        min-width: 120px;
        white-space: nowrap;
        font-size: var(--font-size-xs);
    }

    .search-tabs-front-page .count,
    .search-tabs-page .count {
        font-size: var(--font-size-3xl);
    }

    .search-tabs-front-page .divider,
    .search-tabs-page .divider {
        height: 50px;
        margin-inline: var(--spacing-md);
    }
}

@media (max-width: 1024px) {

    .search-tabs-front-page,
    .search-tabs-page {
        padding: var(--spacing-md);
    }

    .search-tabs-front-page .search-tab,
    .search-tabs-page .search-tab {
        min-width: 100px;
        font-size: var(--font-size-xs);
    }

    .search-tabs-front-page .count,
    .search-tabs-page .count {
        font-size: var(--font-size-xl);
    }

    .search-tabs-front-page .divider,
    .search-tabs-page .divider {
        height: 40px;
        margin-inline: var(--spacing-md);
    }
}

@media (max-width: 767px) {

    .search-tabs-front-page,
    .search-tabs-page {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .search-tabs-front-page .search-tab,
    .search-tabs-page .search-tab {
        min-width: 85px;
        font-size: var(--font-size-xs);
    }

    .search-tabs-front-page .count,
    .search-tabs-page .count {
        font-size: var(--font-size-lg);
    }

    .search-tabs-front-page .divider,
    .search-tabs-page .divider {
        height: 35px;
        margin-inline: var(--spacing-sm);
    }
}

/* ==========================================================================
   DataTables Mobile Card View
   ========================================================================== */

@media screen and (max-width: 1024px) {

    /* Hide horizontal scroll wrapper */
    .dt-scroll-body {
        overflow-x: visible !important;
    }

    .dt-scroll {
        overflow: visible !important;
    }

    /* Show mobile card column */
    #templates-table .dt-mobile,
    #documents-table .dt-mobile,
    #employees-table .dt-mobile,
    .employees-table .dt-mobile,
    .dataTable .dt-mobile {
        display: table-cell !important;
    }

    /* Hide table headers on mobile for ALL tables */
    #templates-table thead,
    #documents-table thead,
    #employees-table thead,
    #employees-table-status thead,
    .employees-table thead,
    .dataTable thead {
        display: none !important;
    }

    /* Hide non-mobile columns on mobile */
    #templates-table tbody tr td:not(.dt-mobile),
    #documents-table tbody tr td:not(.dt-mobile),
    #employees-table tbody tr td:not(.dt-mobile),
    .employees-table tbody tr td:not(.dt-mobile),
    .dataTable tbody tr td:not(.dt-mobile) {
        display: none !important;
    }

    /* Style the mobile card */
    #templates-table tbody tr,
    #documents-table tbody tr,
    #employees-table tbody tr,
    .employees-table tbody tr {
        display: block !important;
        margin-bottom: var(--spacing-md);
        border: var(--card-border);
        border-radius: var(--card-radius);
        padding: var(--spacing-md);
        background: var(--white);
    }

    #templates-table .dt-mobile,
    #documents-table .dt-mobile,
    #employees-table .dt-mobile,
    .employees-table .dt-mobile,
    .dataTable .dt-mobile {
        display: block !important;
        border: none !important;
        padding: 0 !important;
    }

    /* Bold labels on mobile cards */
    .dt-mobile .td-label {
        font-weight: 700;
    }

    /* Tags styling on mobile cards - uses unified tag variables */
    .dt-mobile .td-tags,
    .dt-mobile .tag-div {
        border-radius: var(--tag-border-radius) !important;
        width: auto !important;
        display: inline-flex !important;
        padding: var(--tag-padding-y) var(--tag-padding-x) !important;
        font-size: var(--tag-font-size) !important;
    }

    /* Category tags - consistent with tag system */
    .dt-mobile .td-categories .td-tags,
    .dt-mobile .td-category .td-tags {
        font-size: var(--tag-font-size) !important;
        padding: var(--tag-padding-y) var(--tag-padding-x) !important;
    }

    /* Category row - label and tag inline */
    .dt-mobile .td-categories,
    .dt-mobile .td-category {
        display: block !important;
    }

    .dt-mobile .td-categories .td-label,
    .dt-mobile .td-category .td-label {
        display: inline;
        margin-right: 8px;
    }

    .dt-mobile .td-categories .td-tags,
    .dt-mobile .td-category .td-tags {
        display: inline-block !important;
        width: auto !important;
    }

    .dt-mobile .td-categories .td-tags,
    .dt-mobile .td-category .td-tags,
    td.dt-mobile .td-categories .td-tags,
    td.dt-mobile .td-category .td-tags,
    .td-categories .td-tags,
    .td-category .td-tags {
        width: auto !important;
        max-width: fit-content !important;
        display: inline-block !important;
        flex-shrink: 0;
    }

    /* Employees search input wider on mobile */
    #employees-table-search {
        width: 200px !important;
        padding-right: 45px !important;
    }
}

/* ==========================================================================
   Batch 1: Dashboard Homepage Fixes
   ========================================================================== */

/* #1326 - Banner content horizontal alignment */
.notice-container .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notice-container .notice-name {
    flex: 0 0 auto;
}

.notice-container .notice-content-button {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--spacing-md);
}

@media (max-width: 767px) {
    .notice-container .row {
        flex-direction: column;
        align-items: flex-start;
    }

    .notice-container .notice-content-button {
        justify-content: flex-start;
        margin-top: var(--spacing-md);
    }
}

/* #1329 - Employee rows alignment with headers */
#employees-table tbody tr {
    min-height: 60px;
}

#employees-table tbody td {
    vertical-align: middle;
}

#employees-table thead th,
#employees-table tbody td {
    padding: var(--spacing-md) var(--spacing-sm);
}

/* Ensure consistent column widths */
#employees-table thead th:nth-child(1),
#employees-table tbody td:nth-child(1) {
    min-width: 150px;
}

#employees-table thead th:nth-child(5),
#employees-table tbody td:nth-child(5) {
    width: 100px;
}

/* #1329 - Dashboard employee table: consistent row heights */
.dashboard-employees-table .td-department {
    min-height: 32px;
    vertical-align: middle;
}

.dashboard-employees-table .td-department .text-muted {
    line-height: 32px;
}

/* ==========================================================================
   Batch 2: Employees Page Fixes
   ========================================================================== */

/* #1330 - Reduce margin between stats cards and table */
.counter-container {
    margin-bottom: var(--spacing-md);
}

.counter-container+.content-body {
    margin-top: 0;
}

/* Counter items styling */
.counter-item {
    padding: var(--spacing-md);
}

.counter-item-label p {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

.counter-value {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    margin: var(--spacing-xs) 0 0 0;
}

/* #1331 - View Archived - now uses ghost-verimus-btn globally.
   Legacy toggle-view class kept for JS toggle functionality only. */

/* ==========================================================================
   Batch 3: Contractors Page Fixes
   ========================================================================== */

/* #1332 - Search/dropdown responsiveness */
.dt-table-search-filter {
    flex: 1;
    min-width: 0;
}

.dt-table-search-filter .d-flex {
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .dt-table-search-filter {
        width: 100%;
        margin-top: 12px;
    }

    .dt-table-search-filter .d-flex {
        width: 100%;
        justify-content: flex-start;
    }

    .dt-table-search-wrap,
    .dt-table-search-filter .form-control,
    .dt-table-search-filter .td-table-search,
    .dt-table-search-filter .td-table-filter {
        flex: 1;
        min-width: 120px;
        max-width: 100%;
    }

    .dt-table-search-filter select {
        width: auto !important;
        flex: 1;
    }
}

/* #1333 - Groups column pill - standardize to neutral gray with unified tag system */
.td-department .td-tags,
.td-department .tag-div,
.employees-table .td-department .td-tags,
.employees-table .td-department .tag-div {
    background-color: var(--tag-bg);
    color: var(--text-primary);
    border: var(--tag-border);
    border-radius: var(--tag-border-radius);
    padding: var(--tag-padding-y) var(--tag-padding-x);
    font-size: var(--tag-font-size);
}

/* Remove orange styling from group pills - uses unified tag system */
.employees-table .td-tags.tag-category,
.employees-table .tag-div.tag-category,
.contractors-table .td-tags,
.contractors-table .tag-div {
    background-color: var(--tag-bg);
    color: var(--text-primary);
    border: var(--tag-border);
    border-radius: var(--tag-border-radius);
    padding: var(--tag-padding-y) var(--tag-padding-x);
    font-size: var(--tag-font-size);
}

/* ==========================================================================
   Batch 4: Add New Employee Fixes
   ========================================================================== */

/* #1335 - Radio button styling for add-employee form */
#form-confirm-user-details input[type="radio"] {
    appearance: auto;
    -webkit-appearance: auto;
    accent-color: var(--color-primary, #FF8030);
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
}

#form-confirm-user-details input[type="radio"]+label {
    cursor: pointer;
    vertical-align: middle;
}

/* #1593 - Card-style borders on radio options */
#form-confirm-user-details .form-field {
    border: 1px solid var(--grayscale-200, #E5E5E5);
    border-radius: var(--radius-input, 8px);
    padding: 12px 16px;
    transition: border-color 0.2s ease;
}

#form-confirm-user-details .form-field:has(input:checked) {
    border-color: var(--main, #FF8030);
}

/* #1338 - Ghost button for sidebar advice */
.advice-sidebar .ghost-verimus-btn {
    background: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    color: var(--white);
    font-size: var(--font-size-xs);
    padding: 10px;
}

.advice-sidebar .ghost-verimus-btn:hover {
    background: var(--color-secondary-hover);
    color: var(--white);
}

/* #1337 - Help cards - reduce visual weight */
.advice-sidebar {
    background: var(--grayscale-50);
    border: var(--card-border);
    border-radius: var(--card-radius);
    padding: var(--spacing-md);
    font-size: var(--font-size-xs);
}

.advice-sidebar h2 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-md);
    color: var(--text-primary);
}

.advice-sidebar strong {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.advice-sidebar p {
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    line-height: 1.5;
    margin-bottom: var(--spacing-md);
}

/* #1339 - Layout responsiveness for Add Employee form */
@media (max-width: 1024px) {
    .template-content .row {
        flex-direction: column;
    }

    .content-col-main,
    .content-col-sidebar {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .content-col-sidebar {
        order: -1;
        margin-bottom: var(--spacing-md);
    }

    /* Collapsible advice sidebar on mobile */
    .advice-sidebar {
        max-height: 80px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.3s ease;
    }

    .advice-sidebar.expanded {
        max-height: 500px;
    }

    .advice-sidebar::after {
        content: 'Show more...';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(transparent, #fafafa);
        padding: 20px 16px 8px;
        text-align: center;
        font-size: var(--font-size-xs);
        color: var(--main, #FF8030);
        cursor: pointer;
    }

    .advice-sidebar.expanded::after {
        content: 'Show less';
        background: none;
        position: static;
        padding: 8px 0 0;
    }
}

@media (max-width: 767px) {

    /* Step indicator responsive */
    .step-wrap h2 {
        font-size: var(--font-size-sm);
    }

    .step-heading-title {
        font-size: var(--font-size-xl);
        line-height: 1.3;
    }

    /* Form fields full width on mobile */
    .form-field .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Radio/checkbox labels */
    .form-field label {
        font-size: var(--font-size-sm);
    }
}

/* Consistent punctuation in labels */
.add-employee-label {
    position: relative;
}

.add-employee-label::after {
    content: '';
}

/* ==========================================================================
   Batch 5: Groups Page Fixes
   ========================================================================== */

/* #1345 - Visual density - increase row padding */
#groups-table tbody tr {
    height: auto;
}

#groups-table tbody td {
    padding: var(--spacing-md) var(--spacing-sm);
    vertical-align: middle;
}

/* #1344 - Action column responsive - dropdown on mobile */
@media (max-width: 1024px) {
    #groups-table .td-action-wrap {
        display: none !important;
    }

    /* Mobile card styling for groups */
    #groups-table tbody tr {
        display: block !important;
        margin-bottom: var(--spacing-md);
        border: var(--card-border);
        border-radius: var(--card-radius);
        padding: var(--spacing-md);
        background: var(--white);
    }

    #groups-table thead {
        display: none !important;
    }

    #groups-table tbody tr td:not(.dt-mobile) {
        display: none !important;
    }

    #groups-table .dt-mobile {
        display: block !important;
        border: none !important;
        padding: 0 !important;
    }

    /* Action icons inline on mobile cards */
    #groups-table .dt-mobile .td-action-item {
        gap: 12px;
    }

    #groups-table .dt-mobile .td-action-item a {
        padding: 8px;
        background: #f5f5f5;
        border-radius: var(--radius-sm);
    }
}

/* #1345 - Groups table density — increase cell padding */
#groups-table tbody td {
    padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
}

/* #1344 - Action icons responsive — prevent wrapping */
#groups-table .td-action-wrap {
    white-space: nowrap;
}

/* #1341 - Checkbox column styling */
.td-checkbox {
    width: 40px;
    text-align: center;
}

.td-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--color-primary, #FF8030);
    cursor: pointer;
}

/* #1341 - Bulk action bar */
.groups-bulk-actions {
    display: none;
    background: var(--grayscale-50);
    padding: var(--spacing-md);
    border-radius: var(--card-radius);
    margin-bottom: var(--spacing-md);
    align-items: center;
    gap: var(--spacing-md);
}

.groups-bulk-actions.active {
    display: flex;
}

.groups-bulk-actions .selected-count {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.groups-bulk-actions .bulk-action-btn {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-xs);
}

/* ==========================================================================
   Batch 6 & 7: Templates (Contracts, Documents) Fixes
   ========================================================================== */

/* #1348 - Search/filter spacing */
.dt-table-search-filter .d-flex {
    gap: var(--spacing-md);
}

.dt-table-search-filter .gap-10px {
    gap: var(--spacing-md);
}

/* #1349 - Category pill - lighter secondary style */
.template-category .td-tags,
.td-categories .td-tags,
.td-category .td-tags {
    background-color: var(--grayscale-100);
    color: var(--text-secondary);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-xs);
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
}

/* Reduce pill size when viewing single category (redundant info) */
.single-category .template-category {
    display: none;
}

/* #1359 - Long names truncation — only truncate at tablet widths */
@media (max-width: 1280px) {

    #templates-table td:first-child a,
    #documents-table td:first-child a {
        display: block;
        /* max-width: 220px; */
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* white-space: nowrap; */
    }
}

/* Action icons tooltips - ensure title attributes show */
.td-action a[title] {
    position: relative;
}

/* Mobile - expand name on cards */
@media (max-width: 1024px) {

    #templates-table .dt-mobile td:first-child a,
    #documents-table .dt-mobile td:first-child a {
        max-width: 100%;
        white-space: normal;
    }
}

/* ==========================================================================
   Batch 9: Templates Letters - Pill Abbreviation and Tooltips
   ========================================================================== */

/* #1368 - Abbreviate long category names on mobile */
@media (max-width: 767px) {
    .td-tags[data-category="letters-correspondence"]::after {
        content: 'Letters';
    }

    /* Generic abbreviation for long pills */
    .template-category .td-tags,
    .td-categories .td-tags {
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* #1372 - Action icons need tooltips - ensure native tooltips work */
.td-action a {
    position: relative;
}

.td-action a[title]:hover::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--grayscale-800);
    color: white;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    white-space: nowrap;
    z-index: 100;
    opacity: 0;
    animation: fadeInTooltip 0.2s ease forwards;
    animation-delay: 0.3s;
}

@keyframes fadeInTooltip {
    to {
        opacity: 1;
    }
}

/* ==========================================================================
   Batch 10: View All + Global Fixes
   ========================================================================== */

/* #1373 - View All styling as default/active state */
.template-nav .nav-link[href*="all"],
.sidebar-nav .nav-link.view-all,
#menu-sidebar .sub-menu a[href*="/all"] {
    font-weight: var(--font-weight-semibold);
}

/* #1374 - Tablet column compression */
@media (max-width: 1280px) and (min-width: 1024px) {

    #templates-table th:nth-child(2),
    #templates-table th:nth-child(3),
    #documents-table th:nth-child(2),
    #documents-table td:nth-child(2),
    #documents-table th:nth-child(3),
    #documents-table td:nth-child(3) {
        display: none;
    }
}

/* #1376 - Category pills smaller on mobile */
@media (max-width: 767px) {

    .template-category .td-tags,
    .td-categories .td-tags,
    .dt-mobile .td-tags {
        font-size: var(--font-size-xs) !important;
        padding: 3px 8px !important;
    }
}

/* #1377 - Documents count stacking fix - uses unified tag system */
.doc-table-button {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: var(--tag-border-radius);
    font-size: var(--tag-font-size);
}

/* #1378 - Hide redundant mobile card headers */
@media (max-width: 1024px) {
    .dt-mobile .td-label {
        font-size: var(--font-size-xs);
        color: var(--text-secondary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
}

/* #1365 - Excessive bottom padding on tablet */
@media (max-width: 1280px) and (min-width: 768px) {
    .content-body {
        padding-bottom: var(--spacing-lg);
    }

    .dt-table-wrap {
        margin-bottom: var(--spacing-md);
    }
}

/* #1366 - Sidebar nav collapsed state with sub-menus */
.sidebar-nav .nav-item.collapsed .sub-menu {
    display: none;
}

.sidebar-nav .nav-item:not(.collapsed) .sub-menu {
    display: block;
    padding-left: var(--spacing-md);
}

/* Fix clickable sub-links in collapsed state */
@media (max-width: 1024px) {
    .sidebar-nav .nav-link {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .sidebar-nav .sub-menu .nav-link {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: var(--font-size-xs);
    }
}

/* #1363/#1364 - Notification styling improvements */
.notification-timestamp {
    color: var(--text-muted, #a3a3a3);
    font-size: var(--font-size-xs, 12px);
}

.notification-card .notification-tag .v-badge svg {
    display: inline-block;
}

.notification-card .notification-date {
    font-size: var(--font-size-xs, 12px);
    color: var(--text-secondary, #737373);
}

/* Note: Notification styles moved to components/cards.css */

/* ==========================================================================
   DESKTOP: Force hide dt-mobile column (>= 992px)
   ========================================================================== */
@media screen and (min-width: 1024px) {

    .dt-mobile,
    td.dt-mobile,
    th.dt-mobile,
    table .dt-mobile,
    table td.dt-mobile,
    table th.dt-mobile,
    .dataTable .dt-mobile,
    .dataTable td.dt-mobile,
    .dataTable th.dt-mobile,
    #documents-table .dt-mobile,
    #documents-table td.dt-mobile,
    #templates-table .dt-mobile,
    #templates-table td.dt-mobile,
    #employees-table .dt-mobile,
    #employees-table td.dt-mobile,
    .employees-table .dt-mobile,
    .employees-table td.dt-mobile {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }
}

.page-template-page-onboarding table .dt-select+td {
    min-width: 100%;
}

/* Asset table - make names visibly clickable */
.asset-name-link {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: var(--font-weight-medium);
    transition: color var(--transition-base);
}

.asset-name-link:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

tr:hover .asset-name-link {
    color: var(--color-primary);
}

/* Select2 dropdown z-index must be above Bootstrap modal (z-index: 1055) (#1540, #1961) */
.select2-container--open {
    z-index: 1100 !important;
}

.select2-dropdown {
    z-index: 1100 !important;
}

/* Prevent modal body from clipping Select2 dropdown */
.modal-body {
    overflow: visible;
}

.modal-dialog {
    overflow: visible;
}

.modal-content {
    overflow: visible;
}

/* ==========================================================================
   Batch 5: Employee/Contractor Detail & List Fixes
   ========================================================================== */

/* #1618 - Contractor business info alert — orange instead of pink/red */
.cta-error {
    background: rgba(255, 128, 48, 0.08);
    border: 1px solid rgba(255, 128, 48, 0.2);
    border-radius: var(--radius-input, 8px);
    padding: 12px 16px;
    color: var(--main, #FF8030);
    font-size: var(--font-size-sm, 14px);
}

.cta-error a {
    color: var(--main, #FF8030);
    font-weight: 600;
    text-decoration: underline;
}

/* #1620 - Contract template dropdown width to match fields below */
.contract-template-selection .col-md-12 {
    max-width: 600px;
}

/* #1613 - Employee detail title — larger like other pages */
.employee-detail-left-container .v-title {
    font-size: var(--font-size-2xl, 28px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--text-primary);
}

/* ==========================================================================
   Batch 8: Sign Document, Gravity Forms, Org Chart
   ========================================================================== */

/* #1625 - Remove top border on sign document user task list table */
.single-task .user_task_lists {
    border-top: none;
}

.single-task .user_task_lists .table {
    border-top: none;
}

.single-task .user_task_lists .table thead tr th {
    border-top: none;
}

/* ==========================================================================
   Migrated inline styles (from header.php and footer.php)
   ========================================================================== */

/* Task item borders — previously inline in header.php */
.task__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.task__tags span,
.task__tags .tag-div {
    padding: 4px 8px !important;
    height: auto !important;
    line-height: 1.2 !important;
}

/* Debug info hide — previously inline in footer.php */
.debug-info {
    display: none;
    border: 0;
}