/* Main container */
    #current-flight-form {
        max-width: 100%;
    }

    /* Labels */
    label {
        display: block;
        margin: 12px 0 6px;
        font-weight: bold;
    }

    /* Inputs & selects */
    input[type="text"],
    input[type="number"],
    input[type="time"],
    select,
    textarea {
        width: 90%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-sizing: border-box;
    }

    /* Set Now buttons */
    .set-current-time {
        margin-top: 8px;
        width: 85%;
        max-width: 120px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Custom cell widths for Today's Flights table (desktop) */
    #added-flights th,
    #added-flights td {
        padding: 10px 10px !important;
        vertical-align: middle;
    }

    #added-flights th:nth-child(1), /* # */
    #added-flights td:nth-child(1) {
        width: 4% !important;
        text-align: center;
    }
    #added-flights th:nth-child(2), /* Pilot A */
    #added-flights td:nth-child(2),
    #added-flights th:nth-child(3), /* Pilot B */
    #added-flights td:nth-child(3) {
        width: 6% !important;
    }
    #added-flights th:nth-child(4), /* Type */
    #added-flights td:nth-child(4) {
        width: 5% !important;
    }
    #added-flights th:nth-child(5), /* Aircraft */
    #added-flights td:nth-child(5) {
        width: 8% !important;
    }
    #added-flights th:nth-child(6), /* Launch */
    #added-flights td:nth-child(6) {
        width: 8% !important;
        text-align: center;
    }
    #added-flights th:nth-child(7), /* Time */
    #added-flights td:nth-child(7) {
        width: 20% !important;
        text-align: center;
    }
    #added-flights th:nth-child(8), /* Winch Driver */
    #added-flights td:nth-child(8) {
        width: 10% !important;
    }
    #added-flights th:nth-child(9), /* Side */
    #added-flights td:nth-child(9) {
        width: 5% !important;
        text-align: center;
    }
    
    /* Actions column (Del button) - narrow and centered */
#added-flights th:nth-child(10), /* Actions header */
#added-flights td:nth-child(10) {
    width: 6% !important;
    min-width: 10px;
    text-align: center !important;
    padding: 4px 4px !important; /* Slightly less padding so button fits snug */
}

/* Make the Del button small and neat */
#added-flights .button-link-delete {
    font-size: 0.85em;
    padding: 4px 8px;
    min-width: auto;
    line-height: 1.2;
}

/* Wider Up Time & Down Time inputs */
input[type="time"][name="up_time"],
input[type="time"][name="down_time"] {
    width: 160px !important;         /* Wider than default — adjust to taste (140–180px) */
    min-width: 140px !important;
    font-size: 1.1rem !important;    /* Slightly larger digits for readability */
    padding: 12px 10px !important;   /* Comfortable tap area */
    text-align: center !important;   /* Centers the time for better look */
}

/* Make the parent divs flex nicely around the wider inputs */
.up-time-parent,
.down-time-parent {
    flex: 0 0 auto !important;       /* Don't let them stretch too much */
    min-width: 180px !important;     /* Gives room for wider input + button */
    text-align: center !important;
}

    /* Mobile overrides for Today's Flights table */
    @media (max-width: 768px) {
        #added-flights th,
        #added-flights td {
            padding: 8px 8px !important;
            font-size: 0.9em;
        }

        /* Reset widths first (important for override) */
        #added-flights th,
        #added-flights td {
            width: auto !important;
        }

        /* Adjusted mobile-friendly widths - total closer to 100% */
        #added-flights th:nth-child(1), /* # */
        #added-flights td:nth-child(1) {
            width: 6% !important;
            min-width: 30px;
        }
        #added-flights th:nth-child(2), /* Pilot A */
        #added-flights td:nth-child(2),
        #added-flights th:nth-child(3), /* Pilot B */
        #added-flights td:nth-child(3) {
            width: 10% !important;
            min-width: 40px;
        }
        #added-flights th:nth-child(4), /* Type */
        #added-flights td:nth-child(4) {
            width: 10% !important;
            min-width: 20px;
        }
        #added-flights th:nth-child(5), /* Aircraft */
        #added-flights td:nth-child(5) {
            width: 10% !important;
            min-width: 30px;
        }
        #added-flights th:nth-child(6), /* Launch */
        #added-flights td:nth-child(6) {
            width: 8% !important;
            min-width: 50px;
        }
        #added-flights th:nth-child(7), /* Time */
        #added-flights td:nth-child(7) {
            width: 30% !important;
            min-width: 120px;
        }
        #added-flights th:nth-child(8), /* Winch Driver */
        #added-flights td:nth-child(8) {
            width: 10% !important;
            min-width: 40px;
        }
        #added-flights th:nth-child(9), /* Side */
        #added-flights td:nth-child(9) {
            width: 8% !important;
            min-width: 20px;
        }
        
        #added-flights th:nth-child(10),
        #added-flights td:nth-child(10) { /* Actions*/
        width: 5% !important;
        min-width: 10px !important;
    }

    #added-flights .button-link-delete {
        font-size: 0.8em;
        padding: 8px 8px;
    }
}
    

    /* Make notes column wrap nicely */
    #added-flights td:last-child {
        white-space: normal;
        word-break: break-word;
        max-width: 180px;
    }

    /* Totals table */
    .widefat.striped {
        border-collapse: collapse;
    }
    .widefat.striped th,
    .widefat.striped td {
        padding: 10px 12px !important;
        border: 1px solid #ddd;
    }
    .widefat.striped th {
        background: #f5f5f5;
        font-weight: bold;
    }

    /* === GCM Shared Data Table Styles ===
       Use this for ALL tables: flight log summary, day list, review pages, etc. */
    .gcm-data-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 20px;
    }
    .gcm-data-table {
        width: 100%;
        min-width: 800px; /* Forces scroll on small screens when needed */
        border-collapse: collapse;
        background: #fff;
        border: 1px solid #ddd;
    }
    .gcm-data-table th,
    .gcm-data-table td {
        padding: 12px 14px !important;
        vertical-align: middle;
        border: 1px solid #ddd;
        text-align: left;
    }
    .gcm-data-table th {
        background: #f5f5f5;
        font-weight: bold;
        text-align: center;
    }
    /* Mobile adjustments for shared tables */
    @media (max-width: 768px) {
        .gcm-data-table th,
        .gcm-data-table td {
            padding: 10px 8px !important;
            font-size: 0.92em;
        }
        .gcm-data-table th,
        .gcm-data-table td {
            width: auto !important;
            min-width: 80px; /* Prevents columns collapsing too much */
        }
        .gcm-data-table-wrapper::after {
            content: "← Swipe left/right for more columns →";
            display: block;
            text-align: center;
            color: #666;
            font-size: 0.9em;
            margin-top: 8px;
        }
    }
    /* Optional: Long text columns (notes, etc.) */
    .gcm-data-table td.long-text {
        white-space: normal;
        word-break: break-word;
        max-width: 220px;
    }
    
    /* Force our styles to win over theme overrides */
.gcm-data-table-wrapper .gcm-data-table,
.gcm-data-table-wrapper .gcm-data-table th,
.gcm-data-table-wrapper .gcm-data-table td {
    padding: 12px 14px !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

.gcm-data-table-wrapper .gcm-data-table th {
    background: #f5f5f5 !important;
    font-weight: bold !important;
    text-align: center !important;
}

/* Mobile padding & font */
@media (max-width: 768px) {
    .gcm-data-table-wrapper .gcm-data-table th,
    .gcm-data-table-wrapper .gcm-data-table td {
        padding: 10px 8px !important;
        font-size: 0.92em !important;
    }
}

/* iPad 6th-gen (9.7") landscape - viewport width 1024px */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
   /* Larger text in ALL dropdowns (select elements) */
    select {
        font-size: 1.15rem !important;     /* Adjust this value - 1.15rem = ~18–20px on iPad */
        padding: 12px 10px !important;     /* More comfortable tap area */
        height: 48px !important;           /* Taller for easier finger selection */
    }

    /* Larger text specifically in Up & Down time inputs */
    input[type="time"] {
        font-size: 1.2rem !important;      /* Slightly bigger than dropdowns if you want emphasis */
        padding: 14px !important;
        height: 50px !important;
        line-height: 1.4 !important;
    }

    /* Optional: Make the time labels bigger too for better readability */
    label[for="up_time"],
    label[for="down_time"] {
        font-size: 1.1rem !important;
        margin-bottom: 8px !important;
        width: 100%;
    }

    /* Optional: Make Set Now buttons larger/more tappable */
    .set-current-time {
        font-size: 1rem !important;
        padding: 10px 16px !important;
        min-height: 44px !important;
    }
    
    input[type="time"][name="up_time"],
    input[type="time"][name="down_time"] {
        width: 140px !important;
        font-size: 1.05rem !important;
        padding: 10px !important;
    }
    .up-time-parent,
    .down-time-parent {
        min-width: 160px !important;
    }
}
}