/* MS Shipments V2.6.0-B: real-data dashboard visualization. This is an isolated additive style layer. */
.page-dashboard .v260b-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:19px}
.page-dashboard .v260b-kpis>*{min-width:0;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}
.page-dashboard .v260b-kpis b{font-size:clamp(22px,1.5vw,27px);line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.page-dashboard .v260b-kpis>*>span:last-child{font-size:14px;line-height:1.5}
.page-dashboard .v260b-kpis .metric-symbol{width:33px;height:33px;margin:0 auto 2px;flex:0 0 33px;line-height:1;font-size:16px}
.page-dashboard .v260b-kpis .metric-gold b{color:#f3d193}
.page-dashboard .v260b-value-note{margin:-10px 3px 17px;color:#dcc28e;font-size:13px;text-align:right}
.page-dashboard .v260b-analytics{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr) minmax(0,1.15fr);gap:15px;margin-bottom:17px;align-items:stretch}
.page-dashboard .v260b-analytics>.card{margin:0;min-width:0;overflow:hidden;min-height:365px;display:flex;flex-direction:column;padding:18px}
.page-dashboard .v260b-chart-heading{gap:14px;align-items:flex-start;margin-bottom:12px}
.page-dashboard .v260b-chart-heading h3{font-size:18px;margin:0 0 4px;line-height:1.5}
.page-dashboard .v260b-chart-heading p{font-size:13px;margin:3px 0 0;line-height:1.5}
.page-dashboard .v260b-chart-heading .badge{white-space:nowrap}
.page-dashboard .v260b-bar-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#387c91 #092132;margin-top:auto;padding-top:8px}
.page-dashboard .v260b-bars{display:grid;grid-template-columns:repeat(12,minmax(34px,1fr));gap:8px;min-width:515px;align-items:end;height:243px;direction:ltr;padding-inline:5px;padding-bottom:3px}
.page-dashboard .v260b-bar-col{height:100%;display:flex;flex-direction:column;align-items:center;min-width:0;gap:7px}
.page-dashboard .v260b-bar-value{min-height:18px;font-size:14px;font-weight:750;color:#d8f1f5;font-variant-numeric:tabular-nums}
.page-dashboard .v260b-bar-track{flex:1 1 auto;min-height:0;min-width:0;width:min(100%,31px);position:relative;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#1032486b,#123d52c2);border:1px solid #284c60;overflow:hidden;display:flex;align-items:end}
.page-dashboard .v260b-bar-fill{display:block;width:100%;min-height:0;background:linear-gradient(180deg,#68e2df,#2691b7);border-radius:5px 5px 1px 1px;box-shadow:0 0 12px #35d8dd42;transition:height .15s ease}
.page-dashboard .v260b-bar-col:hover .v260b-bar-fill{background:linear-gradient(180deg,#ffe2a8,#d9a955)}
.page-dashboard .v260b-bar-label{font-size:11px;min-height:16px;white-space:nowrap;direction:ltr;color:#a8bdcc;font-variant-numeric:tabular-nums}
.page-dashboard .v260b-data-note{font-size:12px;color:#94b5c7;margin:12px 0 0;line-height:1.6}
.page-dashboard .v260b-donut-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin:auto 0;min-width:0}
.page-dashboard .v260b-donut{width:172px;height:172px;flex:0 0 172px;border-radius:50%;background:var(--segments);display:grid;place-items:center;box-shadow:0 0 0 7px #1c46564d,inset 0 0 20px #0003;position:relative}
.page-dashboard .v260b-donut-hole{width:118px;height:118px;border-radius:50%;background:#09263a;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2a5667;box-shadow:0 0 0 2px #082131}
.page-dashboard .v260b-donut-hole strong{font-size:33px;line-height:1.2;color:#eafaff;font-variant-numeric:tabular-nums}
.page-dashboard .v260b-donut-hole small{color:#a9c8d6;font-size:12px}
.page-dashboard .v260b-legend{width:100%;display:grid;gap:7px;align-content:center}
.page-dashboard .v260b-legend-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;padding:5px 0;border-bottom:1px solid #254456}
.page-dashboard .v260b-legend-row:last-child{border-bottom:0}
.page-dashboard .v260b-legend-name{display:inline-flex;gap:8px;align-items:center;min-width:0;overflow-wrap:anywhere}
.page-dashboard .v260b-legend-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%}
.page-dashboard .v260b-legend-row b{direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}
.page-dashboard .v260b-legend-row small{font-size:12px;font-weight:450;color:#b1c6d0}
.page-dashboard .v260b-timeline{display:grid;align-content:start;gap:0;overflow-y:auto;max-height:275px;scrollbar-width:thin;scrollbar-color:#3e7d8b #10293a}
.page-dashboard .v260b-timeline-entry{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:11px;position:relative;align-items:start;padding:9px 2px 9px 1px;color:#e3f3fa;text-decoration:none;border-bottom:1px solid #1f4655}
.page-dashboard .v260b-timeline-entry:hover{text-decoration:none;background:#16405655}
.page-dashboard .v260b-timeline-point{width:9px;height:9px;border-radius:50%;background:#44d3c2;box-shadow:0 0 0 4px #15515e6d;margin-top:7px}
.page-dashboard .v260b-timeline-entry strong{display:block;font-size:14px;line-height:1.4}
.page-dashboard .v260b-timeline-entry span:not(.v260b-timeline-point){display:block;font-size:12px;color:#a5bdcd;margin-top:3px;overflow-wrap:anywhere}
.page-dashboard .v260b-timeline-entry time{grid-column:2;direction:ltr;text-align:right;font-size:11px;color:#81b6ca;margin-top:4px}
.page-dashboard .v260b-status-chip{display:inline-block;padding:4px 10px;border-radius:999px;white-space:nowrap;font-size:13px;font-weight:750;background:#1b4256;border:1px solid #386981;color:#e1eff5}
.page-dashboard .v260b-status-chip[data-state="منتهي"]{background:#164736;border-color:#329c71;color:#8bf1c1}
.page-dashboard .v260b-status-chip[data-state="وصلت"]{background:#123e64;border-color:#438ed0;color:#addaff}
.page-dashboard .v260b-status-chip[data-state="جاري التخليص"]{background:#4c3921;border-color:#a88343;color:#ffe0a1}
.page-dashboard .v260b-status-chip[data-state="متأخر"]{background:#502333;border-color:#b9586f;color:#ffbdc7}
.page-dashboard .v260b-status-chip[data-state="متوقف"]{background:#2c3c50;border-color:#6f8ba4;color:#d7e6ee}
.page-dashboard .v260b-status-chip[data-state="غير محددة"]{background:#123a4b;color:#afe5ee;border-color:#337c90}
@media(max-width:1500px){.page-dashboard .v260b-analytics{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.page-dashboard .v260b-activity-card{grid-column:1/-1;min-height:220px!important}.page-dashboard .v260b-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;max-height:none}.page-dashboard .v260b-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1080px){.page-dashboard .v260b-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.page-dashboard .v260b-analytics{grid-template-columns:1fr}.page-dashboard .v260b-activity-card{grid-column:auto;min-height:260px!important}.page-dashboard .v260b-timeline{grid-template-columns:1fr}}
@media(max-width:600px){.page-dashboard .v260b-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.page-dashboard .v260b-kpis>*{min-height:115px}.page-dashboard .v260b-kpis b{font-size:23px}.page-dashboard .v260b-kpis>*>span:last-child{font-size:13px}.page-dashboard .v260b-analytics>.card{padding:14px;min-height:320px}.page-dashboard .v260b-bars{min-width:510px}.page-dashboard .v260b-timeline{max-height:360px}.page-dashboard .v260b-donut{width:152px;height:152px;flex-basis:152px}.page-dashboard .v260b-donut-hole{width:104px;height:104px}}
@media(prefers-reduced-motion:reduce){.page-dashboard .v260b-bar-fill{transition:none}}