/* V58 — real progress monitoring, resilient roadmap flow and native subject-share donut */
.v58-ui .v58MonitoringBoard{display:grid;gap:18px;margin:18px 0 22px;padding:24px;border:1px solid rgba(99,102,241,.24);border-radius:30px;background:radial-gradient(circle at 8% 0,rgba(34,211,238,.17),transparent 30%),linear-gradient(135deg,#111b35,#172554 58%,#1e1b4b);box-shadow:0 24px 54px rgba(15,23,42,.18);color:#fff;overflow:hidden}
.v58-ui .v58MonitorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.v58-ui .v58MonitorHead>div:first-child{max-width:820px}.v58-ui .v58MonitorHead span{display:flex;align-items:center;gap:8px;color:#a5f3fc;font-size:11px;font-weight:900;letter-spacing:.05em}.v58-ui .v58MonitorHead span i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.14);animation:v58Pulse 1.9s ease-in-out infinite}.v58-ui .v58MonitorHead h2{margin:8px 0 5px;font-size:clamp(22px,2.7vw,34px);line-height:1.45}.v58-ui .v58MonitorHead p{margin:0;color:#cbd5e1;font-size:12px;line-height:1.9}.v58-ui .v58MonitorWindow{display:grid;gap:4px;min-width:220px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}.v58-ui .v58MonitorWindow small{color:#94a3b8;font-size:9px}.v58-ui .v58MonitorWindow strong{font-size:13px}.v58-ui .v58MonitorWindow em{color:#67e8f9;font-size:9px;font-style:normal;font-weight:800}
.v58-ui .v58MonitorPulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v58-ui .v58MonitorPulse article{display:grid;gap:5px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.075)}.v58-ui .v58MonitorPulse article.overall{background:linear-gradient(135deg,rgba(79,70,229,.58),rgba(8,145,178,.36))}.v58-ui .v58MonitorPulse article.success{background:rgba(16,185,129,.15)}.v58-ui .v58MonitorPulse article.danger{background:rgba(239,68,68,.15)}.v58-ui .v58MonitorPulse span{color:#cbd5e1;font-size:10px;font-weight:750}.v58-ui .v58MonitorPulse strong{font-size:25px;line-height:1}.v58-ui .v58MonitorPulse small{color:#94a3b8;font-size:9px;line-height:1.6}
.v58-ui .v58SubjectMonitorList{display:grid;gap:11px}.v58-ui .v58SubjectMonitor{display:grid;gap:11px;padding:16px 17px;border:1px solid #e6eaf2;border-right:5px solid #6366f1;border-radius:20px;background:#fff;color:#172033;box-shadow:0 10px 24px rgba(15,23,42,.08)}.v58-ui .v58SubjectMonitor.ahead{border-right-color:#10b981}.v58-ui .v58SubjectMonitor.danger{border-right-color:#ef4444}.v58-ui .v58SubjectMonitor>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.v58-ui .v58SubjectIdentity{display:flex;align-items:center;gap:11px;min-width:0}.v58-ui .v58SubjectIdentity>i{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#4f46e5;font-size:16px;font-style:normal;font-weight:950}.v58-ui .v58SubjectIdentity>div{display:grid;gap:3px;min-width:0}.v58-ui .v58SubjectIdentity strong{font-size:15px}.v58-ui .v58SubjectIdentity span{color:#7a869b;font-size:9.5px;white-space:normal}.v58-ui .v58SubjectGrowth{display:grid;justify-items:end;gap:2px;min-width:92px;padding:8px 10px;border-radius:12px;background:#f6f7fb}.v58-ui .v58SubjectGrowth small{color:#8993a5;font-size:8px}.v58-ui .v58SubjectGrowth strong{color:#596579;font-size:14px}.v58-ui .v58SubjectGrowth.up{background:#ecfdf3}.v58-ui .v58SubjectGrowth.up strong{color:#067647}.v58-ui .v58SubjectGrowth.down{background:#fff1f2}.v58-ui .v58SubjectGrowth.down strong{color:#b42318}.v58-ui .v58SubjectValues{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.v58-ui .v58SubjectValues span{color:#69758b;font-size:10px}.v58-ui .v58SubjectValues b{color:#1e293b;font-size:12px}.v58-ui .v58SubjectValues em{margin-right:auto;padding:5px 8px;border-radius:9px;background:#f1f5f9;color:#58657a;font-size:9px;font-style:normal;font-weight:850}.v58-ui .v58SubjectMonitor.ahead .v58SubjectValues em{background:#ecfdf3;color:#067647}.v58-ui .v58SubjectMonitor.danger .v58SubjectValues em{background:#fff1f2;color:#b42318}
.v58-ui .v58SubjectRail{direction:ltr}.v58-ui .v58SubjectRail>i{position:relative;display:block;height:18px;border:1px solid #e2e8f0;border-radius:999px;background:linear-gradient(90deg,#f8fafc,#eef2f7);overflow:visible}.v58-ui .v58SubjectRail u{display:block;width:calc(var(--actual) * 1%);height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#06b6d4);box-shadow:0 4px 13px rgba(79,70,229,.22);text-decoration:none;transition:width .45s ease}.v58-ui .v58SubjectMonitor.ahead .v58SubjectRail u{background:linear-gradient(90deg,#059669,#22c55e)}.v58-ui .v58SubjectMonitor.danger .v58SubjectRail u{background:linear-gradient(90deg,#f97316,#ef4444)}.v58-ui .v58SubjectRail b{position:absolute;top:-5px;bottom:-5px;left:calc(var(--expected) * 1%);width:3px;border-radius:3px;background:#0f172a;box-shadow:0 0 0 3px #fff}.v58-ui .v58SubjectMonitor>footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.v58-ui .v58SubjectMonitor>footer span{padding:5px 8px;border-radius:9px;background:#f8fafc;color:#68758b;font-size:8.5px}.v58-ui .v58SubjectMonitor>footer span.warn{background:#fff7ed;color:#c2410c}.v58-ui .v58SubjectMonitor>footer a{margin-right:auto;color:#4f46e5;font-size:9px;font-weight:900;text-decoration:none}.v58-ui .v58MonitorLegend{display:flex;gap:16px;flex-wrap:wrap;padding:3px 2px 0;color:#cbd5e1}.v58-ui .v58MonitorLegend span{display:flex;align-items:center;gap:6px;font-size:9px}.v58-ui .v58MonitorLegend i{display:inline-block;width:18px;height:7px;border-radius:9px}.v58-ui .v58MonitorLegend i.actual{background:linear-gradient(90deg,#4f46e5,#06b6d4)}.v58-ui .v58MonitorLegend i.expected{width:3px;height:14px;background:#fff}.v58-ui .v58MonitorLegend i.growth{background:#22c55e}.v58-ui .v58MonitorEmpty{display:grid;justify-items:center;gap:7px;padding:26px;border:1px dashed rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.06);text-align:center}.v58-ui .v58MonitorEmpty span{color:#cbd5e1;font-size:10px}

.v58-ui .v58RoadmapFlow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px;border:1px solid #dfe6f3;border-radius:20px;background:#f7f9fd}.v58-ui .v58RoadmapFlow button{display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:9px;border:1px solid transparent;border-radius:15px;background:transparent;color:#667085;text-align:right;cursor:pointer;font:inherit}.v58-ui .v58RoadmapFlow button>i{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:10px;background:#e8edf5;color:#667085;font-style:normal;font-weight:900}.v58-ui .v58RoadmapFlow button>span{display:grid;gap:2px;min-width:0}.v58-ui .v58RoadmapFlow b{font-size:10.5px;white-space:nowrap}.v58-ui .v58RoadmapFlow small{color:#98a2b3;font-size:8px}.v58-ui .v58RoadmapFlow button.active{border-color:#c7d2fe;background:#fff;color:#3730a3;box-shadow:0 7px 18px rgba(79,70,229,.08)}.v58-ui .v58RoadmapFlow button.active>i{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff}.v58-ui .v58RoadmapFlow button.complete:not(.active)>i{background:#dcfce7;color:#067647}.v58-ui .v58RoadmapFlow button.complete:not(.active)>i:after{content:'✓';font-size:12px}.v58-ui .v58RoadmapFlow button.complete:not(.active)>i{font-size:0}.v58-ui .v58RoadmapStatusRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.v58-ui .roadmapSaveStateV58{font-size:10px}.v58-ui .v58RoadmapMessage{padding:8px 11px;border:1px solid #abefc6;border-radius:12px;background:#ecfdf3;color:#067647;font-size:9.5px;font-weight:800}.v58-ui .v58RoadmapMessage.error{border-color:#fecaca;background:#fff1f2;color:#b42318}.v58-ui .v58RoadmapMessage.neutral{border-color:#dbe4f2;background:#f8fafc;color:#596579}.v58-ui .v58StageNext,.v58-ui .v58BasketNext{width:100%;margin:10px 0 3px;min-height:43px;border-color:#c7d2fe;background:#eef2ff;color:#4338ca;font-weight:900}.v58-ui .v58StageNext:disabled,.v58-ui .v58BasketNext:disabled{opacity:.48;cursor:not-allowed}.v58-ui #roadmap-stage-1,.v58-ui #roadmap-stage-2,.v58-ui #roadmap-stage-3,.v58-ui #roadmap-stage-4{scroll-margin-top:94px}.v58-ui .roadmapCheckRowV44{grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important}.v58-ui .roadmapCheckRowV44.selected:after{content:'در سبد';align-self:center;justify-self:end;padding:4px 7px;border-radius:8px;background:#dcfce7;color:#067647;font-size:8px;font-weight:900}.v58-ui .roadmapCheckRowV44.selected{grid-template-columns:22px minmax(0,1fr) auto!important}.v58-ui .roadmapCheckRowV44>div{min-width:0}.v58-ui .roadmapCheckRowV44 strong,.v58-ui .roadmapCheckRowV44 small{overflow-wrap:anywhere}.v58-ui .roadmapBasketV44{border-color:#c7d2fe;background:linear-gradient(180deg,#f8faff,#fff)}.v58-ui .roadmapBasketListV44{min-height:190px}.v58-ui .v58RoadmapSubmit{min-height:48px;padding-inline:22px;font-size:11px;box-shadow:0 10px 22px rgba(79,70,229,.18)}

.v58-ui .v58SubjectShare{padding:18px;border-color:#dfe6f2;background:radial-gradient(circle at 90% 0,#eef2ff,transparent 38%),#fff}.v58-ui .v58SubjectShare>header div{display:grid;gap:3px}.v58-ui .v58SubjectShare>header strong{font-size:15px}.v58-ui .v58SubjectShare>header small{color:#8993a5;font-size:9px}.v58-ui .v58SubjectShareBody{grid-template-columns:minmax(235px,.78fr) minmax(280px,1.22fr);gap:24px}.v58-ui .v58ShareDonut{position:relative;display:grid;place-items:center;width:min(100%,280px);aspect-ratio:1;justify-self:center}.v58-ui .v58ShareDonut svg{width:100%;height:100%;filter:drop-shadow(0 12px 18px rgba(30,41,59,.1))}.v58-ui .v58ShareTrack{fill:none;stroke:#edf1f6;stroke-width:27}.v58-ui [data-v58-share-arcs] circle{transition:stroke-width .2s ease,opacity .2s ease}.v58-ui [data-v58-share-arcs] circle:hover{stroke-width:31;opacity:.9}.v58-ui .v58ShareCenter{position:absolute;display:grid;place-items:center;gap:1px;width:115px;height:115px;border:1px solid #e7eaf2;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08)}.v58-ui .v58ShareCenter span{color:#8a94a6;font-size:9px}.v58-ui .v58ShareCenter strong{color:#17233d;font-size:28px;line-height:1}.v58-ui .v58ShareCenter small{color:#4f46e5;font-size:10px;font-weight:900}.v58-ui .v58ShareLegend{display:grid;gap:8px}.v58-ui .v58ShareLegend article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:9px 10px;border:1px solid #edf0f5;border-radius:13px;background:rgba(248,250,252,.88)}.v58-ui .v58ShareLegend article>header{grid-column:1/-1;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px}.v58-ui .v58ShareLegend article i{width:10px;height:10px;border-radius:50%;background:var(--share-color,#4f46e5)}.v58-ui .v58ShareLegend article b{font-size:10px}.v58-ui .v58ShareLegend article em{color:var(--share-color,#4f46e5);font-size:11px;font-style:normal;font-weight:950}.v58-ui .v58ShareLegend article>div{height:6px;border-radius:20px;background:#e9edf3;overflow:hidden}.v58-ui .v58ShareLegend article u{display:block;height:100%;border-radius:inherit;background:var(--share-color,#4f46e5);text-decoration:none}.v58-ui .v58ShareLegend article>small{align-self:center;color:#8a94a6;font-size:8.5px}.v58-ui .v58ShareLegend>p{padding:22px;border:1px dashed #d7deea;border-radius:14px;color:#7c879a;text-align:center}.v58-ui .v58ShareDonut.empty:after{content:'بدون داده';position:absolute;color:#94a3b8;font-size:11px;font-weight:800}

@keyframes v58Pulse{0%,100%{box-shadow:0 0 0 5px rgba(34,197,94,.12)}50%{box-shadow:0 0 0 9px rgba(34,197,94,.03)}}
@media(max-width:1100px){.v58-ui .v58MonitorPulse{grid-template-columns:repeat(2,minmax(0,1fr))}.v58-ui .v58SubjectShareBody{grid-template-columns:1fr}.v58-ui .v58ShareDonut{max-width:260px}.v58-ui .v58RoadmapFlow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.v58-ui .v58MonitoringBoard{padding:16px;border-radius:23px}.v58-ui .v58MonitorHead{flex-direction:column}.v58-ui .v58MonitorWindow{width:100%;min-width:0}.v58-ui .v58MonitorPulse{grid-template-columns:1fr 1fr}.v58-ui .v58MonitorPulse article{padding:12px}.v58-ui .v58MonitorPulse strong{font-size:20px}.v58-ui .v58SubjectMonitor{padding:13px}.v58-ui .v58SubjectMonitor>header{align-items:flex-start}.v58-ui .v58SubjectIdentity>i{width:36px;height:36px}.v58-ui .v58SubjectGrowth{min-width:78px}.v58-ui .v58SubjectValues{gap:8px}.v58-ui .v58SubjectValues em{width:100%;margin:0}.v58-ui .v58SubjectMonitor>footer a{width:100%;margin:3px 0 0}.v58-ui .v58RoadmapFlow{grid-template-columns:1fr 1fr;padding:6px}.v58-ui .v58RoadmapFlow button{min-height:52px;padding:7px}.v58-ui .v58RoadmapFlow button>i{width:27px;height:27px}.v58-ui .v58RoadmapStatusRow{align-items:stretch;flex-direction:column}.v58-ui .v58RoadmapMessage,.v58-ui .roadmapSaveStateV58{width:100%;border-radius:12px}.v58-ui .v58SubjectShare{padding:13px}.v58-ui .v58SubjectShare>header{align-items:flex-start;gap:7px}.v58-ui .v58SubjectShare>header strong{font-size:13px}.v58-ui .v58ShareDonut{max-width:235px}.v58-ui .v58ShareCenter{width:96px;height:96px}.v58-ui .v58ShareCenter strong{font-size:23px}.v58-ui .v58RoadmapSubmit{width:100%}}
@media(prefers-reduced-motion:reduce){.v58-ui .v58MonitorHead span i{animation:none}.v58-ui .v58SubjectRail u{transition:none}}