/* PAFR OJT TEMP ID extension */
.booked-person .ojt-print-id-btn{display:inline-flex;align-items:center;gap:5px;margin-left:6px;margin-top:6px;padding:8px 11px;border:1px solid #173b68;border-radius:8px;background:#173b68;color:#fff;font:700 11px/1.3 Arial,sans-serif;cursor:pointer;min-height:36px;white-space:nowrap}
.booked-person .ojt-print-id-btn:hover{background:#285d95}
#ojtIdOverlay{position:fixed;inset:0;background:#061629cc;z-index:99999;display:flex;align-items:center;justify-content:center;padding:14px}
#ojtIdOverlay[hidden]{display:none}
#ojtIdOverlay .ojt-id-modal{max-width:460px;width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:15px;padding:21px;box-shadow:0 20px 55px #0005;color:#16324e}
#ojtIdOverlay h2{font:900 21px/1.2 Arial,sans-serif;margin:0 0 10px}
#ojtIdOverlay p,#ojtIdOverlay label{font:14px/1.5 Arial,sans-serif}
#ojtIdOverlay label{display:block;margin:13px 0 5px;font-weight:700}
#ojtIdOverlay input{width:100%;padding:10px;border:1px solid #99adc3;border-radius:7px;font-size:16px}
#ojtIdOverlay .ojt-id-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
#ojtIdOverlay button,#ojtIdOverlay .ojt-id-print-link{padding:11px 14px;border-radius:8px;border:0;background:#173b68;color:white;font:800 13px/1.3 Arial,sans-serif;cursor:pointer;text-decoration:none}
#ojtIdOverlay button.ojt-id-cancel{background:#e7ebef;color:#173b68}
#ojtIdOverlay .ojt-id-msg{margin-top:12px;color:#174a82;overflow-wrap:anywhere}
#ojtIdOverlay .ojt-id-msg a{color:#134b8a;overflow-wrap:anywhere}
#ojtIdOverlay .ojt-id-photo-preview{display:none;margin-top:9px;max-width:130px;aspect-ratio:1/1;object-fit:cover}

/* PAFR OJT ID - SINGLE COLUMN LOWER SECTION */

.lower .rights {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
}

.lower .lowerlabels {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 6px !important;
}

.lower .lowerlabels > div {
    width: 100% !important;
    min-width: 0 !important;
}

.lower .rights strong,
.lower .lowerlabels strong {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.15 !important;
}

.lower .rights small {
    display: block !important;
    line-height: 1.15 !important;
}

