/* ================================================================ نصيح — التحليلات المستقبلية, report tiles */
.fc{--ink:#0B2A6B;--mut:#6E83A6;--ln:#E2EBF6;--soft:#F6F9FD;--navy:#0A3B78;--act:#1B4FA8;--fc:#8DB6EE;--up:#0B7A5F;--dn:#B4512A;
  display:flex;flex-direction:column;gap:14px;font-family:'Plex Arabic',Tahoma,sans-serif;color:var(--ink);font-size:13.5px}
.fc .num{font-variant-numeric:tabular-nums}
.fc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fc-head h2{margin:0;font-size:22px;color:var(--navy)}
.fc-head p{margin:0;font-size:13px;color:var(--mut)}
.fc-badges{display:flex;gap:8px;flex-wrap:wrap}
.fc-badge{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--ln);background:#fff;color:var(--ink)}
.fc-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fc-badge.ok{background:#E3F6F0;border-color:#BDE7D9;color:#0B7A5F}.fc-badge.mid{background:#EEF5FF;border-color:#CFE0FA;color:#0A5FC4}.fc-badge.low{background:#FFF6E6;border-color:#F2D7A6;color:#8A5A00}
.fc-badge.info{cursor:pointer}.fc-badge.info:hover{border-color:var(--navy)}
.fc-method{margin:0;padding:10px 14px;border-radius:12px;background:#fff;border:1px dashed #C9D7EA;font-size:12.5px;color:#3C5683;line-height:1.7}
/* KPI strip */
.fc-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fc-kpi{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--ln);overflow:hidden}
.fc-kpi::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:#C9D9F0}
.fc-kpi.hl{background:linear-gradient(140deg,#0A3B78,#1F6FEB);border-color:transparent;color:#fff}.fc-kpi.hl::before{display:none}
.fc-kpi > span{font-size:12px;color:var(--mut);font-weight:600}.fc-kpi.hl > span{color:rgba(255,255,255,.75)}
.fc-kpi > b{font-size:26px;font-weight:700;line-height:1.25;color:var(--navy)}.fc-kpi.hl > b{color:#fff}
.fc-kpi > em{font-style:normal;font-size:11.5px;color:var(--mut);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fc-kpi.hl > em{color:rgba(255,255,255,.8)}
.fc-kpi .up{color:var(--up);font-weight:700}.fc-kpi .dn{color:var(--dn);font-weight:700}
.fc-mini{display:inline-block;width:54px;height:6px;border-radius:999px;background:#EEF3FA;overflow:hidden}.fc-mini i{display:block;height:100%;background:#12A38A;border-radius:999px}
/* rows & tiles */
.fc-row{display:grid;gap:14px;align-items:stretch}
.fc-row.r21{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}
.fc-row.r111{grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-tile{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;min-width:0}
.fc-tile > header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.fc-tile h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700}
.fc-tile h3 i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#EEF5FE;color:#1F6FEB}
.fc-tile h3 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fc-tr{display:flex;align-items:center;gap:6px}
.fc-seg{display:inline-flex;background:var(--soft);border:1px solid var(--ln);border-radius:10px;padding:3px;gap:2px}
.fc-seg button{border:0;background:none;height:28px;padding:0 12px;border-radius:7px;font-size:12px;font-weight:600;color:var(--mut);cursor:pointer}
.fc-seg button.on{background:var(--navy);color:#fff}
.fc-chip{font-size:11.5px;padding:3px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--ln);color:#3C5683}
.fc-empty{margin:0;padding:20px 0;color:var(--mut);text-align:center}
/* main chart */
.fc-chart{position:relative}
.fc-chart svg{display:block;width:100%;height:auto;direction:ltr}
.fc-chart .g{stroke:#EEF2F7}
.fc-chart .ax{font-size:10.5px;fill:#8DA2C2;font-family:'Plex Arabic',Tahoma,sans-serif}
.fc-chart .axy{font-size:10px;fill:#B3C2D8;font-family:'Plex Arabic',Tahoma,sans-serif}
.fc-chart .ba{fill:var(--act);animation:fcUp .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d);transform-origin:bottom;transform-box:fill-box}
.fc-chart .bp{stroke:var(--act);stroke-width:1.5;animation:fcUp .6s both;transform-origin:bottom;transform-box:fill-box}
.fc-chart .bf{stroke:#5E95E0;stroke-width:1;stroke-dasharray:3 2;animation:fcUp .6s both;animation-delay:var(--d);transform-origin:bottom;transform-box:fill-box}
@keyframes fcUp{from{transform:scaleY(0)}}
.fc-chart .wh{stroke:#3E78C9;stroke-width:1.4}
.fc-chart .fz{fill:#F4F8FE}
.fc-chart .fzl{font-size:11px;fill:#5E95E0;font-weight:700;font-family:'Plex Arabic',Tahoma,sans-serif}
.fc-chart .sp{stroke:#9FB8DA;stroke-dasharray:4 4}
.fc-chart .avg{stroke:#E59A2F;stroke-width:1.4;stroke-dasharray:5 4}
.fc-chart .avgl{font-size:10.5px;fill:#B07200;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-family:'Plex Arabic',Tahoma,sans-serif}
.fc-chart .tg{stroke:#12A38A;stroke-width:1.4;stroke-dasharray:6 4}
.fc-chart .tgl{font-size:11px;fill:#0B7A5F;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-family:'Plex Arabic',Tahoma,sans-serif}
.fc-chart .band{fill:rgba(31,111,235,.12)}
.fc-chart .ln-a{fill:none;stroke:var(--act);stroke-width:2.4}
.fc-chart .ln-f{fill:none;stroke:#5E95E0;stroke-width:2.2;stroke-dasharray:6 4}
.fc-chart .pa{fill:var(--act);stroke:#fff;stroke-width:2}.fc-chart .pf{fill:#fff;stroke:#5E95E0;stroke-width:2}
.fc-tip{position:absolute;top:6px;width:180px;padding:8px 10px;border-radius:10px;background:#0B2A6B;color:#fff;font-size:12px;display:flex;flex-direction:column;gap:3px;pointer-events:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.fc-tip span{display:flex;justify-content:space-between;gap:8px;color:rgba(255,255,255,.75)}.fc-tip strong{color:#fff}
.fc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:11.5px;color:var(--mut)}
.fc-legend span{display:inline-flex;align-items:center;gap:6px}
.fc-legend i{width:12px;height:10px;border-radius:3px;display:inline-block}
.fc-legend i.ba{background:var(--act)}.fc-legend i.bp,.fc-legend i.bf{background:repeating-linear-gradient(45deg,#D6E6FB 0 3px,#8DB6EE 3px 5px)}.fc-legend i.bp{outline:1.5px solid var(--act)}
.fc-legend i.wh{width:2px;height:12px;background:#3E78C9}
.fc-legend i.u{background:#1F6FEB}.fc-legend i.d{background:#E59A2F}
.fc-legend em{font-style:normal;margin-right:auto;color:#8A5A00}
/* scenarios + what-if */
.fc-scen{display:flex;flex-direction:column;gap:10px;flex:1}
.fc-sr{display:grid;grid-template-columns:56px minmax(0,1fr) 62px;align-items:center;gap:10px;font-size:12.5px}
.fc-sr i{height:12px;border-radius:999px;background:#F1F5FA;overflow:hidden}
.fc-sr u{display:block;height:100%;width:var(--w);border-radius:999px;transform-origin:right;animation:fcGrow .8s both}
@keyframes fcGrow{from{transform:scaleX(0)}}
.fc-sr.c u{background:#A9C4EA}.fc-sr.b u{background:#1F6FEB}.fc-sr.o u{background:#12A38A}
.fc-sr b{text-align:left;font-weight:700}
.fc-whatif{margin-top:auto;padding:12px 14px;border-radius:14px;background:var(--soft);border:1px solid var(--ln);display:flex;flex-direction:column;gap:8px}
.fc-whatif label{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#3C5683;font-weight:600}
.fc-whatif label b{font-size:15px;color:var(--navy)}
.fc-whatif input[type=range]{width:100%;accent-color:#1F6FEB;direction:ltr}
.fc-wr{display:flex;flex-direction:column}
.fc-wr span{font-size:11.5px;color:var(--mut)}.fc-wr b{font-size:22px;color:var(--navy);font-weight:700}.fc-wr em{font-style:normal;font-size:11.5px;color:var(--mut)}
/* seasonality */
.fc-season{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;height:150px}
.fc-season > div{display:flex;flex-direction:column;align-items:center;gap:4px}
.fc-season .c{position:relative;flex:1;width:70%}
.fc-season .c::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:1px;background:#C9D5E6}
.fc-season .c i{position:absolute;left:0;right:0;border-radius:3px}
.fc-season .c i.u{bottom:50%;background:#1F6FEB}.fc-season .c i.d{top:50%;background:#E59A2F}
.fc-season small{font-size:10px;color:var(--mut)}
.fc-need{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px;border-radius:12px;background:var(--soft);border:1px dashed #C9D7EA}
.fc-need b{font-size:14px}.fc-need span{font-size:12.5px;color:var(--mut);line-height:1.7}
.fc-prog{height:8px;border-radius:999px;background:#E3EAF4;overflow:hidden}.fc-prog i{display:block;height:100%;background:linear-gradient(90deg,#1F6FEB,#12A38A);border-radius:999px}
/* matrix */
.fc-mx{display:grid;grid-template-columns:44px repeat(var(--c),minmax(0,1fr));gap:3px;direction:rtl;align-items:center}
.fc-mx small{font-size:9.5px;color:var(--mut);text-align:center}
.fc-mx b{font-size:11.5px}
.fc-mx i{display:grid;place-items:center;height:30px;border-radius:5px;font-style:normal;font-size:9.5px;font-weight:600;background:#F3F6FA}
.fc-mx i.na{background:repeating-linear-gradient(45deg,#F3F6FA 0 4px,#E9EEF5 4px 8px)}
/* readiness */
.fc-ready{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;justify-content:center}
.fc-ready li{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--soft);border:1px solid var(--ln)}
.fc-ready li b{grid-row:span 2;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:#fff;border:1px solid var(--ln)}
.fc-ready li span{font-size:12.5px;font-weight:600}.fc-ready li em{font-style:normal;font-size:11.5px;color:var(--mut)}
.fc-ready li.ok b{color:#0B7A5F;border-color:#BDE7D9;background:#E3F6F0}.fc-ready li.no b{color:#8A5A00;border-color:#F2D7A6;background:#FFF6E6}
/* table */
.fc-tblw{overflow:auto;border:1px solid var(--ln);border-radius:12px;max-height:340px}
.fc-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.fc-tbl th{position:sticky;top:0;background:#F2F7FD;color:var(--navy);font-weight:600;font-size:11.5px;padding:8px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ln)}
.fc-tbl td{padding:8px 12px;border-top:1px solid #EEF3FA;text-align:left;white-space:nowrap}
.fc-tbl .tl{text-align:right}.fc-tbl td.b{font-weight:700}
.fc-tbl td.up{color:var(--up);font-weight:600}.fc-tbl td.dn{color:var(--dn);font-weight:600}
.fc-tbl tbody tr:hover td{background:#F7FAFE}
.fc-tag{font-size:10.5px;padding:0 7px;border-radius:999px;background:#FFF6E6;color:#8A5A00}
/* responsive */
@media (max-width:1280px){ .fc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} .fc-row.r111{grid-template-columns:repeat(2,minmax(0,1fr))} .fc-row.r111 > :last-child{grid-column:1/-1} }
@media (max-width:1100px){ .fc-row.r21{grid-template-columns:minmax(0,1fr)} }
@media (max-width:700px){ .fc-chart{overflow-x:auto} .fc-chart svg{min-width:640px} .fc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .fc-kpi > b{font-size:21px} .fc-row.r111{grid-template-columns:minmax(0,1fr)} .fc-mx i{font-size:0} }
@media (prefers-reduced-motion:reduce){ .fc *{animation:none !important} }
