/* =========================================
   Logbook Layout – shared by loft_records.php
   and loft_record_new.php
   ========================================= */

/* Page wrapper if you want to scope styles */
.logbook-page {
    padding: 1.5rem 0;
}

/* Card wrapper around logbook tables */
.logbook-card {
    width: 100%;
    max-width: 1600px;      /* adjust wider/narrower if you like */
    margin: 0 auto 1.5rem;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 1.25rem 1.5rem;
}

/* Title inside card */
.logbook-card h2 {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    color: #000;
}

/* Core table */
.logbook-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.85rem;
}

/* Header row */
.logbook-table thead th {
    background: #3CB4E5;       /* brand blue */
    color: #ffffff;
    border: 1px solid #BBBBBB;
    padding: 6px 4px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

/* Body cells */
.logbook-table tbody td {
    border: 1px solid #BBBBBB;
    padding: 4px 4px;
    vertical-align: top;
}

/* Sub-labels (City/State, Email, etc.) */
.logbook-table .small {
    font-size: 0.75rem;
    color: #555555;
}

/* Slight zebra striping for readability (per record group) */
.logbook-table tbody tr:nth-child(odd) {
    background: #fafafa;
}

/* Make input/select/textarea blend into the logbook grid */
.logbook-table input[type="text"],
.logbook-table input[type="date"],
.logbook-table select,
.logbook-table textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 2px 3px;
    font-size: 0.8rem;
    font-family: inherit;
    background: #ffffff;
}

/* Textareas smaller by default inside grid */
.logbook-table textarea {
    resize: vertical;
    min-height: 48px;
}

/* Checkbox styling in cells (I&R, A&P, Type) */
.logbook-table label {
    font-size: 0.75rem;
    margin-right: 6px;
    white-space: nowrap;
}

.logbook-table input[type="checkbox"] {
    margin-right: 2px;
}

/* Column-specific sizing – keep it close to paper log proportions */
.logbook-table .lb-col-date     { width: 7%; }
.logbook-table .lb-col-owner    { width: 20%; }
.logbook-table .lb-col-service  { width: 22%; }
.logbook-table .lb-col-by       { width: 6%; }
.logbook-table .lb-col-rigger   { width: 10%; }
.logbook-table .lb-col-equip    { width: 10%; }
.logbook-table .lb-col-mfg      { width: 8%; }
.logbook-table .lb-col-model    { width: 8%; }
.logbook-table .lb-col-serial   { width: 6%; }
.logbook-table .lb-col-mfrdate  { width: 6%; }
.logbook-table .lb-col-where    { width: 7%; }

/* Owner cell: stack lines neatly */
.logbook-table .lb-owner-cell {
    line-height: 1.2;
}

/* Phone label/value cells */
.logbook-table .lb-phone-label {
    font-size: 0.75rem;
    font-weight: 600;
}

.logbook-table .lb-phone-value {
    font-size: 0.8rem;
}

/* Top header row for multi-row records (if you use a special class) */
.logbook-table .logbook-row-top th {
    border-bottom: 2px solid #BBBBBB;
}

/* Make the whole table scrollable on narrow screens without breaking layout */
@media (max-width: 1024px) {
    .logbook-card {
        padding: 0.75rem;
    }

    .logbook-card {
        overflow-x: auto;
    }

    .logbook-table {
        min-width: 1200px;
    }
}