/* NAMA ERP — Fleet / Safety & Operations (Area D) — إضافات صغيرة فوق العدّة المشتركة */

/* ---------- عام ---------- */
.saf-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.saf-head h2{font-size:20px;font-weight:700;color:var(--maroon-deep,#4A0B28);margin:0}
.saf-head .sp{flex:1}
.saf-num{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;display:inline-block}
.saf-dim{font-size:11.5px;color:var(--muted,#93707f)}
.saf-hint{font-size:12px;color:var(--muted,#93707f);margin:4px 0 10px}
.saf-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.saf-sub{font-size:13px;letter-spacing:.3px;color:var(--muted,#93707f);text-transform:uppercase;margin:20px 0 10px}
.saf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
@media (max-width:900px){.saf-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.saf-stats{grid-template-columns:1fr}}
.saf-stats .stat .s-val{font-size:20px}
.saf-tools{flex-wrap:wrap;gap:8px}
.saf-tools .select,.saf-tools .search{min-width:130px}
.saf-tbl{overflow:auto}
.saf-tbl .tbl{min-width:900px}
.saf-row{cursor:pointer}
.saf-plate{display:inline-block;border:1.5px solid var(--line-2,#c9b7c1);border-radius:5px;padding:0 6px;font-weight:700;font-size:11.5px;direction:ltr;background:#fff;letter-spacing:.4px}
.saf-section{padding:16px 18px;margin-bottom:14px}
.saf-section h4{margin:0 0 12px;font-size:12px;letter-spacing:.4px;color:var(--muted,#93707f);text-transform:uppercase}
.saf-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--maroon,#640F36);font-weight:600;margin-bottom:10px}
.saf-back svg{width:15px;height:15px}
.saf-note{display:flex;gap:8px;align-items:flex-start;background:var(--maroon-tint,#F6EAF0);border-radius:10px;padding:9px 12px;color:var(--text-dim,#6b4d59);font-size:12px}
.saf-note svg{width:16px;height:16px;flex:0 0 auto;color:var(--maroon,#640F36)}

/* ---------- شاشات السائق (موبايل أولاً) ---------- */
.saf-mobile{max-width:560px;margin:0 auto}
.saf-intro{display:flex;gap:10px;align-items:center;padding:12px 14px;margin-bottom:14px}
.saf-intro svg{width:22px;height:22px;flex:0 0 auto;color:var(--maroon,#640F36)}
.saf-intro p{margin:0;font-size:13px;line-height:1.6}
.saf-form{padding:16px 18px;display:block}
.saf-lbl{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--text,#2A2226)}
.saf-lbl .req{color:#C0392B;font-style:normal;margin-inline-start:2px}
.saf-input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line-2,#E4D8DE);border-radius:12px;background:#fff;color:inherit}
.saf-input:focus{outline:2px solid var(--maroon,#640F36);outline-offset:-1px}
textarea.saf-input{resize:vertical;min-height:96px}
.saf-gps-btn{margin-top:8px;width:100%;justify-content:center}
.saf-gps{font-size:12px;margin-top:6px;color:var(--muted,#93707f);min-height:16px}
.saf-gps.ok{color:#0E9F6E}
.saf-gps.no{color:#C0392B}
.saf-sevs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.saf-sev{font:inherit;font-size:15px;font-weight:600;padding:14px 10px;border-radius:12px;border:1.5px solid var(--line-2,#E4D8DE);background:#fff;color:inherit;cursor:pointer}
.saf-sev.on{border-color:var(--maroon,#640F36);background:var(--maroon-tint,#F6EAF0);color:var(--maroon,#640F36)}
.saf-shot{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border:1.5px dashed var(--line-2,#c9b7c1);border-radius:14px;cursor:pointer;color:var(--maroon,#640F36);font-weight:600;background:#fff}
.saf-shot.sm{padding:12px;margin-top:10px;font-size:13px}
.saf-shot svg{width:22px;height:22px}
.saf-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:10px}
.saf-thumb{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line-2,#E4D8DE);aspect-ratio:4/3;background:#fff}
.saf-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.saf-thumb-x{position:absolute;inset-inline-end:4px;top:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.saf-thumb-x svg{width:14px;height:14px}
.saf-submit{width:100%;justify-content:center;margin-top:20px;font-size:16px;padding:14px}
.saf-big{font-size:15px;padding:13px 18px;justify-content:center;flex:1;min-width:150px}
.saf-mine{padding:12px 14px;margin-bottom:10px}
.saf-mine .r1{display:flex;align-items:center;gap:8px;justify-content:space-between}
.saf-mine .r2{font-size:12px;color:var(--muted,#93707f);margin-top:4px}
.saf-mine .r3{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:8px}
.saf-vcard{padding:14px 16px;margin-bottom:12px}
.saf-vcard .vh{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.saf-vcard .vh svg{width:26px;height:26px;color:var(--maroon,#640F36);flex:0 0 auto}
.saf-ongoing{border-top:1px solid var(--line,#F0E6EC);padding-top:10px;display:flex;flex-direction:column;gap:6px}

/* ---------- ملف الحادث ---------- */
.saf-profile{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 18px;margin-bottom:14px}
.saf-profile .ic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--maroon-tint,#F6EAF0);color:var(--maroon,#640F36);flex:0 0 auto}
.saf-profile .ic svg{width:28px;height:28px}
.saf-profile .info{flex:1;min-width:220px}
.saf-profile h2{font-size:19px;margin:0 0 4px;color:var(--maroon-deep,#4A0B28);direction:ltr;display:inline-block}
.saf-profile .sub{font-size:12.5px;color:var(--text-dim,#6b4d59)}
.saf-profile .pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.saf-profile .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.saf-kv{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}
@media (max-width:640px){.saf-kv{grid-template-columns:1fr}}
.saf-kv .kv{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line,#F0E6EC);padding:6px 0;font-size:13px}
.saf-kv .kv span{color:var(--muted,#93707f)}
.saf-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.saf-gitem{margin:0;border:1px solid var(--line-2,#E4D8DE);border-radius:12px;overflow:hidden;background:#fff}
.saf-gitem img,.saf-gitem video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.saf-gitem figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;font-size:11px;color:var(--muted,#93707f)}

/* ---------- الخريطة ---------- */
.saf-map-wrap{display:grid;grid-template-columns:290px 1fr;gap:12px;align-items:stretch}
@media (max-width:860px){.saf-map-wrap{grid-template-columns:1fr}}
.saf-map-side{background:var(--card,#fff);border:1px solid var(--line,#F0E6EC);border-radius:16px;padding:12px;display:flex;flex-direction:column;min-height:0}
.saf-map-side h4{margin:0 0 10px;font-size:12px;letter-spacing:.4px;color:var(--muted,#93707f);text-transform:uppercase}
.saf-map-list{overflow:auto;max-height:520px;display:flex;flex-direction:column;gap:4px}
.saf-mapitem{display:flex;align-items:center;gap:8px;width:100%;text-align:start;font:inherit;background:transparent;border:0;border-radius:10px;padding:8px 10px;cursor:pointer;color:inherit}
.saf-mapitem:hover{background:var(--maroon-tint,#F6EAF0)}
.saf-mapitem .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.saf-mapitem .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.saf-mapitem .tx b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saf-map{height:560px;border-radius:16px;overflow:hidden;border:1px solid var(--line,#F0E6EC);background:var(--card-2,#fbf9fa);position:relative;z-index:0}
.saf-map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted,#93707f);font-size:13px}
.saf-map .leaflet-container{font:inherit}
.saf-pop{min-width:190px;font-size:12.5px;line-height:1.7}
.saf-pop b{font-size:13.5px;color:var(--maroon-deep,#4A0B28)}
.saf-pop-acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}

/* ---------- التقارير ---------- */
.saf-rep-group{margin-bottom:18px}
.saf-rep-group h3{font-size:12px;letter-spacing:.4px;color:var(--muted,#93707f);text-transform:uppercase;margin:0 0 10px}
.saf-rep-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.saf-rep-card{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.saf-rep-card .tt{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--maroon-deep,#4A0B28)}
.saf-rep-card .tt svg{width:18px;height:18px;color:var(--maroon,#640F36);flex:0 0 auto}
.saf-rep-card .dd{font-size:12px;color:var(--muted,#93707f);line-height:1.6;flex:1}
.saf-rep-card .cc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.saf-rep-card .cc .sp{flex:1}
.saf-rep-card .select.sm{font-size:12px;padding:4px 8px}
.saf-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}
.saf-kpis .card{padding:10px 12px;text-align:center}
.saf-kpis .k{font-size:11px;color:var(--muted,#93707f);font-weight:600}
.saf-kpis .v{font-size:19px;font-weight:700;color:var(--maroon-deep,#4A0B28);direction:ltr;margin-top:2px}
.saf-rep-preview{padding:14px 16px;margin-top:14px}
.saf-rep-preview .sec{margin-bottom:16px;overflow:auto}
.saf-rep-preview .sec h4{margin:0 0 8px;font-size:12.5px;color:var(--maroon,#640F36)}
.saf-charts{margin-top:14px}
.saf-chart{padding:14px 16px}