/* أداة تحليل المهن (تصميم تقرير التوطين: بطاقات المنشآت وجدول بمقياس النسبة وقراءات ذكية) */
.pa{--pa-head:#13A586;--pa-ok:#1d8a5a;--pa-ok-bg:#e6f4ec;--pa-bad:#c23b2e;--pa-bad-bg:#fbe9e7;--pa-warn:#b86e00;--pa-warn-bg:#fdf1dc;--pa-na:#8794a6;--pa-na-bg:#eef1f5;--pa-edit:#1f5fbf;--pa-track:#e7ebf1;--pa-line:#e1e6ee;--pa-sep:#dcf1e4;--pa-sep-line:#a9dbbd;--pa-zebra:#f8fafc}
.pa-top{background:var(--pa-head);color:#fff;border-radius:12px;padding:20px 24px}
.pa-top h1{margin:0;font-size:clamp(24px,4vw,32px);color:#fff}
.pa-top p{margin:6px 0 0;opacity:.9}
.drop-pa{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:2px dashed #b9c4d3;border-radius:12px;padding:26px 16px;cursor:pointer;background:#fff}
.drop-pa.drag,.drop-pa:hover{border-color:var(--pa-head);background:#f3faf7}
.drop-pa b{font-size:17px}
.drop-pa input{display:none}
.pa-field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}
.pa-field select,.pa-field input{border:1px solid var(--pa-line);border-radius:8px;padding:8px 10px;background:#fff;font:inherit;font-weight:400}
.pa-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:10px 0}
.pa-inline{margin-inline-start:14px;font-weight:400}
.pa-inline select{border:1px solid var(--pa-line);border-radius:6px;padding:3px 6px}
.pa-file{padding:10px 14px;background:#f3f6f9;border-radius:10px;margin-bottom:6px}
#setup h3{margin:16px 0 4px;font-size:18px}
.pa-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.pa-chip{border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:600;white-space:nowrap}
.pa-chip.ok{background:var(--pa-ok-bg);color:var(--pa-ok)}.pa-chip.warn{background:var(--pa-warn-bg);color:var(--pa-warn)}.pa-chip.na{background:var(--pa-na-bg);color:var(--pa-na)}
.pa-actions{margin-top:16px}
.pa-tblwrap{background:#fff;border:1px solid var(--pa-line);border-radius:10px;overflow-x:auto;max-height:520px;overflow-y:auto}
.pa-mini{width:100%;border-collapse:collapse}
.pa-mini th{background:#f3f6f9;padding:8px 10px;text-align:start;position:sticky;top:0}
.pa-mini td{padding:6px 10px;border-top:1px solid var(--pa-line)}
.pa-mini select{max-width:260px;border:1px solid var(--pa-line);border-radius:6px;padding:4px 6px;background:#fff}
/* النتيجة */
.pa-head h2{margin:0;font-size:24px}
.pa-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:14px 0}
.pa-card{background:#fff;border:1px solid var(--pa-line);border-radius:10px;padding:12px;cursor:pointer;text-align:start;color:inherit;border-top:4px solid var(--pa-ok);display:flex;flex-direction:column;gap:6px;font:inherit}
.pa-card.bad{border-top-color:var(--pa-bad)}.pa-card.warn{border-top-color:var(--pa-warn)}.pa-card.sel{outline:2px solid var(--pa-head);outline-offset:1px}
.pa-card .nm{font-weight:700;font-size:15px}
.pa-card .ct{display:flex;justify-content:space-between;font-size:12px;color:#667487}.pa-card .ct b{color:#17212e;font-size:14px}
.pa-card .vd{font-size:12.5px;font-weight:600;padding:3px 8px;border-radius:5px;align-self:flex-start}
.vd.ok{background:var(--pa-ok-bg);color:var(--pa-ok)}.vd.bad{background:var(--pa-bad-bg);color:var(--pa-bad)}.vd.warn{background:var(--pa-warn-bg);color:var(--pa-warn)}
.pa-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 8px}
.pa-bar select,.pa-bar input{border:1px solid var(--pa-line);background:#fff;border-radius:6px;padding:7px 10px;font:inherit}
.pa-bar input{min-width:200px}.pa-bar .sp{flex:1}
.pa-table{width:100%;border-collapse:collapse;min-width:1050px}
.pa-table th{background:var(--pa-head);color:#fff;font-weight:600;font-size:13px;padding:10px 6px;text-align:center;line-height:1.35;position:sticky;top:0}
.pa-table th:first-child{text-align:start;padding-inline-start:14px}
.pa-table td{padding:8px 6px;border-bottom:1px solid var(--pa-line);text-align:center;vertical-align:middle}
.pa-table td:first-child{text-align:start;padding-inline-start:14px;font-weight:500}
.pa-table tr.grp td{background:var(--pa-sep);font-weight:700;font-size:14.5px;text-align:start;padding:9px 14px;border-top:3px solid var(--pa-sep-line)}
.pa-table tr.grp td span{font-weight:500;font-size:12.5px;color:#667487;margin-inline-start:10px}
.pa-table tr.row:hover td{background:var(--pa-zebra)}
.pa-table .rate{font-weight:600}.pa-table .rate small{display:block;font-weight:500;font-size:11px;color:#667487;margin-top:2px}
.meter{display:flex;align-items:center;gap:8px;min-width:170px}
.meter .pct{font-weight:700;width:44px;text-align:center}
.track{position:relative;flex:1;height:10px;background:var(--pa-track);border-radius:5px}
.fill{position:absolute;top:0;inset-inline-start:0;height:100%;border-radius:5px;background:var(--pa-ok)}
.tick{position:absolute;top:-4px;width:2px;height:18px;background:#17212e;border-radius:1px}
.meter.bad .fill{background:var(--pa-bad)}.meter.bad .pct{color:var(--pa-bad)}.meter.na .fill{background:var(--pa-na)}.meter.na .pct{color:var(--pa-na)}.meter.edge .fill{background:var(--pa-warn)}
.st{display:inline-block;border-radius:5px;padding:3px 10px;font-weight:600;font-size:12.5px;white-space:nowrap}
.st.ok{background:var(--pa-ok-bg);color:var(--pa-ok)}.st.bad{background:var(--pa-bad-bg);color:var(--pa-bad)}.st.na{background:var(--pa-na-bg);color:var(--pa-na)}.st.edge{background:var(--pa-warn-bg);color:var(--pa-warn)}
.need{font-weight:700;color:var(--pa-bad)}.need.e{color:var(--pa-warn)}.zero{color:#667487}
.pa-table td.notes{font-size:12.3px;text-align:start;line-height:1.5}.auto{color:var(--pa-warn);font-weight:500}
.pa-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#667487;margin:8px 2px 14px}
.pa-legend i{display:inline-block;width:2px;height:12px;background:#17212e;vertical-align:middle;margin-inline-end:5px}
.pa-smart{background:#fff;border:1px solid var(--pa-line);border-radius:10px;padding:16px 18px;margin-top:6px}
.pa-smart h2{margin:0 0 4px;font-size:19px}.pa-smart .lead{color:#4c5b6b;margin:0 0 12px;font-size:14px;line-height:1.8}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sbox{border-radius:8px;padding:10px 12px;border:1px solid var(--pa-line);background:var(--pa-zebra)}
.sbox h3{margin:0 0 8px;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.sbox h3 .n{font-size:12px;border-radius:10px;padding:1px 8px;color:#fff;background:var(--pa-na)}
.sbox.b h3{color:var(--pa-bad)}.sbox.b .n{background:var(--pa-bad)}.sbox.u h3{color:var(--pa-edit)}.sbox.u .n{background:var(--pa-edit)}
.sbox.e h3{color:var(--pa-warn)}.sbox.e .n{background:var(--pa-warn)}.sbox.r h3{color:var(--pa-ok)}.sbox.r .n{background:var(--pa-ok)}
.sbox ul{margin:0;padding-inline-start:16px;font-size:12.8px;line-height:1.7}.sbox li{margin-bottom:6px}.sbox .empty{color:#667487;font-size:12.5px}
@page{size:A4 landscape;margin:7mm}
@media print{
  body{font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .site-header,.site-footer,.pa-top~*:not(#result),#setup,.pa-bar,.pa-legend,.no-print{display:none!important}
  #result{display:block!important}
  .pa-tblwrap{max-height:none;overflow:visible;border:0}
  .pa-table{min-width:0}.pa-table th,.pa-table td{padding:3px 4px;font-size:9.5px}
  .pa-cards{grid-template-columns:repeat(6,1fr);gap:5px}.pa-card{padding:5px 7px;break-inside:avoid}
  .sgrid{grid-template-columns:repeat(4,1fr)}.sbox ul{font-size:9.5px}
  thead{display:table-header-group}tr{break-inside:avoid}
}

.pa-det{border:1px solid var(--pa-line);border-radius:10px;padding:10px 14px;background:#fff}
.pa-det summary{cursor:pointer;font-weight:700}
.pa-det[open] summary{margin-bottom:6px}