/*
 * CHANGE LOG
 * File: public/css/record-kit-parts.css
 * Purpose: Small layout classes for the driver record page header (name, contact line, file progress, pickers).
 * How it works: loaded by pipeline/driver/record/_styles after record-kit.css; classes are used by the driver
 *   _header, _send_lead, partials/record/_summary_line ('headline' layout), _fmcsa_checklist and _rail.
 * Version History:
 *   2026-11-03 - rk-jump: the right rail's "Ask the Recruiter Helper" / "Back to top" jump links (driver _rail;
 *                also loaded by carrier/dashboard for the same links).
 *   2026-11-02 - Application file bar is green (progress), same as the driver's battery (Michael).
 *   2026-10-28 - Driver record redesign (Michael's mockup, "make it less messy"): header reads top to bottom,
 *                left-aligned: name headline with status and touches, contact line, file progress bar, then the
 *                Carrier / Job / Send as a lead label rows. rk-chips-row removed (chips moved to the name row).
 *   2026-10-03 - Classes that replaced inline style="" attributes on the record page (same values).
 */
.rk-gap16 { gap: 16px; }
.rk-assign-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px; margin-top: 8px; font-size: 13px; }
.rk-inline-form { display: flex; align-items: center; gap: 6px; }
.rk-ml12 { margin-left: 12px; }
.rk-label { margin: 0; font-weight: 500; color: #555; }
.rk-assign-row .rk-label { min-width: 110px; }
select.rk-select.form-control { width: auto; font-size: 13px; padding: 2px 8px; border: 1px solid #ccc; border-radius: 4px; }
.rk-w180 { min-width: 180px; }
.rk-w200 { min-width: 200px; }
.btn.rk-btn-xs { padding: 2px 8px; font-size: 12px; }
.rk-toolbar-row { padding: 0 0 0 12px; }
.rk-hidden { display: none; }
/* 2026-10-28 driver record header */
.rk-headline { display: flex; flex-direction: column; gap: 4px; text-align: left; }
.rk-name-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.rk-name { margin: 0; font-size: 1.5rem; font-weight: 600; line-height: 1.25; }
.rk-name-row .active-chips { margin-left: 0 !important; }
.rk-touches { background: #e8f4fd; color: #0066cc; padding: 2px 10px; border-radius: 10px; font-size: 12px; font-weight: 600; }
.rk-no-touches { background: #fde8e8; color: #c0392b; padding: 2px 8px; border-radius: 10px; font-size: 11px; }
.rk-contact-row { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 18px; font-size: 14px; }
.rk-contact-row a { color: #0066cc; text-decoration: none; }
.rk-break { overflow-wrap: anywhere; }
.rk-muted { color: #6c757d; }
.rk-file { margin: 12px 0 0; text-align: left; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.rk-file-summary { cursor: pointer; padding: 8px 12px; font-weight: 600; }
.rk-file-bar { display: inline-block; vertical-align: middle; width: 160px; max-width: 30vw; height: 8px; margin: 0 8px; background: #e9ecef; border-radius: 999px; overflow: hidden; }
.rk-file-bar > span { display: block; height: 100%; background: #16a34a; }  /* 2026-11-02: green = progress, same as the driver's battery */
.rk-file-count { font-weight: 400; }
.rk-jump { display: block; text-align: right; font-size: 13px; margin: 0 2px 8px; scroll-margin-top: 80px; }