/* ══════════════════════════════════════════════════════════════
   time.css
   Time-tracking additions.
   ══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   TIME TRACKING FEATURE — additions
   (allocated time / spent time / variance / time reports)
   ══════════════════════════════════════════════════════════ */

/* ── Team view: hours + efficiency badge ── */
.team-hours { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 11.5px; color: var(--text-muted); margin: -4px 0 10px; flex-wrap: wrap; }
.team-hours .team-eff { font-weight: 700; padding: 1px 8px; border-radius: 10px; }
.team-hours .eff-good { color: #166534; background: #dcfce7; }
.team-hours .eff-over { color: #92400e; background: #fef3c7; }

/* ── Task-history time variance ── */
.history-job-time { font-size: 10.5px; color: var(--text-muted); font-weight: 600; white-space: nowrap; }
.tv-chip { font-size: 10px; font-weight: 800; padding: 1px 8px; border-radius: 10px; white-space: nowrap; display: inline-flex; align-items: center; gap: 3px; }
.tv-under { color: #166534; background: #dcfce7; border: 1px solid #bbf7d0; }
.tv-over { color: #92400e; background: #fef3c7; border: 1px solid #fde68a; }
.tv-ontime { color: #1e40af; background: #dbeafe; border: 1px solid #bfdbfe; }
.tv-plain { color: var(--text-muted); background: var(--bg); border: 1px solid var(--border); }

/* job-wise time analysis print rows */
.jta-head, .jta-row { display: grid; grid-template-columns: 85px 1fr 80px 75px 75px 90px; gap: 8px; align-items: center; padding: 7px 4px; font-size: 11.5px; }
.jta-head { font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #6b7280; border-bottom: 2px solid #111; }
.jta-row { border-bottom: 1px solid #e5e7eb; color: #111; }

/* ── Simplified used-car sale form (quick form with "＋ More" sections) ── */
.sl-sec-title { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); margin: 14px 0 8px; }
.sl-sec-title:first-of-type { margin-top: 2px; }
.sl-more-btn { display: inline-flex; align-items: center; gap: 4px; background: none; border: 1px dashed var(--border); border-radius: 8px; padding: 5px 10px; margin: 2px 0 6px; font-size: 12px; font-weight: 600; color: var(--text-secondary); cursor: pointer; transition: border-color .12s, color .12s; }
.sl-more-btn:hover { border-color: #F15A24; color: #F15A24; }
.sl-more-btn.open { border-style: solid; border-color: #F15A24; color: #F15A24; background: rgba(241, 90, 36, .06); }