/* v3-tracking.css — «تتبع السيارة» tab, share dialog, held pill, detail cost/papers sections, public seller line.
   Scoped under .v3trk-* / #tabTrack / #v3ShareModal / #v3TrkDetail; base tokens and classes reused. */

/* ---- tab ---- */
#tabTrack .v3trk-list{display:grid;grid-template-columns:1fr;gap:11px}
@media (min-width:1100px){#tabTrack .v3trk-list{grid-template-columns:1fr 1fr}}
.v3trk-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px;min-width:0}
.v3trk-top{display:flex;gap:13px;align-items:center}
.v3trk-top .thumb{width:58px;height:58px;border-radius:13px;background:var(--blue-soft);flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center}
.v3trk-top .thumb svg{width:30px;height:30px;stroke:var(--blue);fill:none}
.v3trk-top .thumb img{width:100%;height:100%;object-fit:cover}
.v3trk-top .thumb .car-thumb-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.v3trk-mid{flex:1;min-width:0}
.v3trk-mid .t{font-family:'Cairo';font-weight:700;font-size:15.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3trk-sub{font-size:12px;color:var(--muted);text-align:start;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* v3-i18n */
.v3trk-meta{display:flex;align-items:center;gap:6px;margin-top:7px;flex-wrap:wrap}
.v3trk-codes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:9px 11px;background:#f6f8fb;border-radius:11px;font-size:12.5px}
.v3trk-codes .k{color:var(--muted);font-weight:600}
.v3trk-code{font-family:'Cairo';font-weight:700;color:var(--navy);white-space:nowrap;letter-spacing:.2px}
.v3trk-sep{flex:1}
.v3trk-ok{color:var(--green);font-weight:700;font-size:12px}
.v3trk-off{color:var(--red);font-weight:700;font-size:12px}
.v3trk-acts{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.v3trk-btn{font-family:'Cairo';font-weight:700;font-size:12.5px;background:#fff;color:var(--navy);border:1.5px solid var(--line);
  border-radius:10px;padding:7px 12px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:.15s}
.v3trk-btn:hover{border-color:var(--navy)}
.v3trk-btn.pri{background:var(--navy);color:#fff;border-color:var(--navy)}
.v3trk-btn.pri:hover{background:#01205a}
.v3trk-btn.danger{background:var(--red);color:#fff;border-color:var(--red)}
.v3trk-btn.done{background:var(--green-bg);color:var(--green);border-color:var(--green-bg)}
.v3trk-btn:disabled{opacity:.6;cursor:default}
.v3trk-btn .spin{width:13px;height:13px}
.v3trk-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;flex:none}
@media (max-width:460px){.v3trk-acts .v3trk-btn{flex:1 1 auto;justify-content:center}}

/* ---- held pill ---- */
.v3trk-held{display:inline-flex;align-items:center;gap:3px;font-family:'Cairo';font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;
  background:var(--red-bg);color:var(--red);white-space:nowrap;margin-inline-start:4px;vertical-align:middle}
.cars-table td > .v3trk-held{margin-top:4px}
.info .row.v3trk-held-row{display:block;background:var(--red-bg);line-height:1.7}
.info .row.v3trk-held-row .k{display:block;color:var(--red);font-weight:700;font-family:'Cairo'}
.info .row.v3trk-held-row .v{display:block;text-align:start;font-weight:600;color:var(--ink)} /* v3-i18n */

/* ---- share dialog ---- */
#v3ShareModal .ag-modal-card{max-width:480px}
.v3trk-linkrow{display:flex;gap:8px;align-items:stretch}
.v3trk-linkinp{flex:1;min-width:0;height:auto;font-size:13px;text-align:left;padding:10px 12px}
.v3trk-hist{font-size:12px;color:var(--muted);margin-top:7px}
.v3trk-arm{margin-top:10px;font-size:12.5px}
.v3trk-revoked{margin-top:4px}
.v3trk-hint{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:10px}

/* ---- detail sections ---- */
#v3TrkDetail{padding-bottom:30px}
.v3trk-box{margin:0 12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;overflow:hidden}
.v3trk-box .skel{margin:0}
.v3trk-empty{color:var(--muted);font-size:13px;padding:8px 4px}
.v3trk-note{display:block;margin:0 0 10px;font-size:12.5px}
.v3trk-tbl-wrap{overflow-x:auto}
.v3trk-tbl{width:100%;border-collapse:collapse;font-family:'Cairo';font-size:12.5px}
.v3trk-tbl th{background:var(--blue-soft);color:var(--navy);font-weight:700;font-size:12px;padding:8px 8px;text-align:start;white-space:nowrap} /* v3-i18n */
.v3trk-tbl td{padding:7px 8px;border-bottom:1px solid #eef2f7;text-align:start;vertical-align:middle} /* v3-i18n */
.v3trk-tbl td.lbl{font-weight:700;color:var(--ink)}
.v3trk-tbl td.m{white-space:nowrap;text-align:right;direction:ltr;line-height:1.5;width:22%}
html[dir="ltr"] .v3trk-tbl td.m{text-align:left} /* v3-i18n: numeric column, direction:ltr */
.v3trk-tbl tr.nil td.lbl{color:var(--muted);font-weight:600}
.v3trk-tbl tr.tot td{background:#f6f8fb;border-bottom:none;font-weight:800}
.v3trk-pp{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:6px;margin-inline-start:6px;white-space:nowrap}
.v3trk-pp.ok{background:var(--green-bg);color:var(--green)}
.v3trk-pp.no{background:var(--red-bg);color:var(--red)}
.v3trk-pp.part{background:var(--amber-bg);color:var(--amber)}
@media (max-width:460px){
  .v3trk-tbl{font-size:11.5px}
  .v3trk-tbl th,.v3trk-tbl td{padding:6px 4px}
  .v3trk-pp{display:block;width:max-content;margin:2px 0 0}
  .v3trk-tbl .st-cur-lyd{font-size:11px}
}
.v3trk-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}
.v3trk-link{background:none;border:none;padding:0;cursor:pointer;font-family:'Cairo';font-weight:700;font-size:13px;color:var(--blue)}
.v3trk-link:hover{text-decoration:underline}
.v3trk-pap-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink);margin-bottom:6px}
.v3trk-rows .row{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid #f1f4f8;font-size:13px}
.v3trk-rows .row:last-child{border-bottom:none}
.v3trk-rows .k{color:var(--muted)}
.v3trk-rows .v{font-weight:700;color:var(--ink);text-align:end} /* v3-i18n */
.v3trk-rows .v.ltr{direction:ltr}

/* ---- public page seller line (token pages only) ---- */
.v3trk-seller{display:flex;align-items:center;gap:10px;background:#f0f7ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:12px;
  padding:12px 14px;font-size:14px;margin-bottom:16px;line-height:1.7}
.v3trk-seller svg{width:20px;height:20px;stroke:var(--blue);flex:none}
.v3trk-seller b{font-family:'Cairo';color:var(--navy)}
/* v3: statement card — held for non-payment (statement.js stShipBadge), same red as .v3trk-held */
.st-ship-badge.v3st-held{background:var(--red-bg);color:var(--red);margin-inline-start:4px}