.dpWorkspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin:20px 0}.dpMapPanel,.dpTaskPanel,.dpResources{background:#fff;border:1px solid #dce5ec;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #22446006}.dpMapHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #e5ecf1}.dpMapHeader b{font-size:15px;color:#183d61}.dpMapHeader span{display:block;color:#688092;font-size:12px;margin-top:5px}.dpMapTools{display:flex;gap:5px}.dpMapTools .dpButton{min-width:32px;padding:5px 9px}.dpMapCanvas{position:relative;overflow:hidden;background:#f0f5f4}.dpMapSvg{display:block;width:100%;min-height:355px;max-height:610px}.dpRoadBase .dpRoadEdge{stroke:#d3dfe1;stroke-width:18}.dpRoadEdge{fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round}.dpNodeLabel{font:11px Arial,'Microsoft YaHei',sans-serif;fill:#566f7f}.dpAreaLabel{font:12px Arial,'Microsoft YaHei',sans-serif;fill:#8ba08c;letter-spacing:1px}.dpPipeline{fill:none;stroke:#428b99;stroke-width:5;stroke-dasharray:10 4;opacity:.55}.dpPipelineLabel{font:11px Arial,'Microsoft YaHei',sans-serif;fill:#528891}.dpSelectedRoute{fill:none;stroke:#087bd4;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.dpSelectedRoute.isMoving{stroke-dasharray:12 7;animation:dpFlow 1.2s linear infinite}.dpRouteHalo{fill:none;stroke:#fff;stroke-width:10;stroke-linejoin:round}.dpCrewPin,.dpAssetPin,.dpVehiclePin{cursor:pointer;outline:none}.dpCrewPin:focus-visible circle:first-child,.dpAssetPin:focus-visible rect,.dpVehiclePin:focus-visible rect{stroke:#f7ba35;stroke-width:4}.dpCrewPin:hover,.dpAssetPin:hover,.dpVehiclePin:hover{filter:drop-shadow(0 2px 4px #22446055)}.dpMapLegend{position:absolute;top:13px;left:15px;display:flex;gap:14px;font-size:11px;color:#426070;background:#fffffff2;border:1px solid #dce7e8;border-radius:6px;padding:9px 12px}.dpMapLegend span{display:flex;gap:5px;align-items:center}.dpLegendPerson{display:inline-block;width:10px;height:10px;background:#078b80;border-radius:50%}.dpLegendRoute{display:inline-block;width:15px;border-top:3px solid #087bd4}.dpMapNotice{position:absolute;bottom:12px;left:15px;right:15px;font-size:11px;background:#fffffff2;color:#516b7c;padding:8px 11px;border:1px solid #dce7e8;border-radius:5px}.dpMapFooter{display:flex;justify-content:space-between;gap:10px;padding:13px 17px;font-size:11px;color:#6c8192;background:#fbfdfe}.dpMapFooter b{font-weight:500;color:#306b9a}.dpTaskPanel{padding:19px;box-sizing:border-box}.dpTaskTitle{display:flex;justify-content:space-between;align-items:center;gap:10px}.dpTaskTitle h2{font-size:18px;margin:0}.dpEyebrow{font-size:11px;letter-spacing:1px;font-weight:700;color:#6d8294}.dpBadge{font-size:11px;color:var(--dp-status);background:color-mix(in srgb,var(--dp-status) 9%,white);border:1px solid color-mix(in srgb,var(--dp-status) 19%,white);border-radius:20px;padding:4px 9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.dpBadge:before{content:'';width:5px;height:5px;background:var(--dp-status);border-radius:50%}.dpTaskPanel h3{font-size:18px;color:#143958;line-height:1.6;margin:15px 0 8px}.dpIssue{font-size:13px;color:#4e6577;line-height:1.8;margin:0 0 15px}.dpTaskMeta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#7990a0;margin-bottom:15px;word-break:break-word}.dpTaskMeta b{color:#bd7413;font-weight:500;white-space:nowrap}.dpFields{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;padding:14px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.dpFields>div{min-width:0}.dpFields span{display:block;font-size:11px;color:#73889a;margin-bottom:5px}.dpFields strong{display:block;font-size:12px;font-weight:600;line-height:1.6;color:#294960;overflow-wrap:anywhere}.dpActionRow{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}.dpButton{font-family:inherit;font-size:12px;line-height:1.6;background:#fff;color:#285d88;border:1px solid #c8d8e4;border-radius:6px;padding:7px 12px;cursor:pointer;text-align:center}.dpButton:hover{background:#edf5fc;border-color:#79a7ca}.dpButton.dpPrimary{background:#0863ad;color:#fff;border-color:#0863ad;box-shadow:0 2px 3px #0863ad12}.dpButton.dpPrimary:hover{background:#07568f}.dpTextLink{border:0;background:transparent;font-size:11px;color:#0863ad;padding:3px 0;text-align:left;line-height:1.8;cursor:pointer}.dpRecommendation{border-radius:7px;background:#f0f8f6;border:1px solid #d6eae4;margin-top:16px;padding:12px;font-size:11px;line-height:1.8;color:#3e746c}.dpRecommendation b,.dpRecommendation span{display:block}.dpRecommendation b{font-size:12px;margin-bottom:3px;color:#176b60}.dpResources{padding:17px 18px;margin-bottom:19px}.dpSectionHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}.dpSectionHeading h3{font-size:14px;margin:0;color:#25455f}.dpSectionHeading span{font-size:11px;color:#798d9e}.dpCrewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px}.dpCrewCard{border:1px solid #e0e7ed;border-radius:8px;padding:12px;background:#fff;min-width:0}.dpCrewCard.isSelected{border-color:#4e98ca;background:#f8fcff}.dpCrewMain{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:9px;cursor:pointer;padding:0;text-align:left;font-family:inherit}.dpCrewMain>span:nth-child(2){min-width:0;flex:1}.dpCrewMain b{display:block;font-size:12px;color:#24445b;line-height:1.8}.dpCrewMain small{font-size:10px;display:block;color:#7c8e9e;line-height:1.6}.dpCrewMain .dpBadge{font-size:9px;padding:3px 5px}.dpAvatar{display:flex;justify-content:center;align-items:center;flex:0 0 34px;width:34px;height:34px;background:var(--dp-status);color:#fff;font-size:12px;font-weight:700;border-radius:50%;box-shadow:0 0 0 3px #f2f6f8}.dpCrewReason{font-size:10px;color:#9a6c3c;line-height:1.7;border-top:1px solid #e9edf1;padding-top:8px;margin-top:10px;min-height:31px}.dpCrewReason.isEligible{color:#078b80}.dpCrewLinks{display:flex;gap:14px;margin-top:8px}.dpCrewLinks button{font-family:inherit;font-size:10px;background:transparent;border:0;padding:0;color:#3178a9;cursor:pointer}.dpEmpty{padding:35px;color:#627c8f;font-size:14px;line-height:1.8}.dpEmpty h3{color:#244860}.dpProfile{padding:23px 26px;font-family:Arial,'Microsoft YaHei',sans-serif;color:#344f63;font-size:13px;line-height:1.8}.dpProfile h3{font-size:14px;color:#21445e;margin:22px 0 10px}.dpProfileHero{display:flex;gap:18px;align-items:center;margin-bottom:22px}.dpProfileHero h2{font-size:20px;margin:0;color:#193e5b}.dpProfileHero p{margin:3px 0 0;font-size:12px;color:#6e8494}.dpProfileHero>.dpBadge{margin-left:auto}.dpAvatarLarge{width:60px;height:60px;flex-basis:60px;font-size:21px}.dpCertificateList{display:grid;gap:8px}.dpCertificateList>div{padding:12px 15px;border:1px solid #e0e8ee;background:#f8fbfd;border-radius:7px}.dpCertificateList b,.dpCertificateList span{display:block}.dpCertificateList b{font-size:12px;color:#345b75}.dpCertificateList span{font-size:11px;color:#8798a4}.dpMuted{font-size:11px;color:#7d8f9e;margin-top:20px}.dpVehicleHero{display:flex;align-items:center;gap:18px;font-size:42px;margin-bottom:24px}.dpVehicleHero h2{font-size:19px;line-height:1.6;margin:0}.dpVehicleHero p{font-size:12px;color:#7c8c9a;margin:0}.dpVehicleHero>.dpBadge{margin-left:auto}.dpAssetHeading>span{font-size:11px;border:1px solid #d2e2eb;padding:4px 9px;border-radius:15px;background:#f3f9fc;color:#347999}.dpAssetHeading h2{font-size:21px;line-height:1.6;margin:13px 0 0;color:#183e59}.dpAssetHeading p{color:#8392a0;font-size:12px;margin-top:2px}.dpSpecs{display:flex;gap:12px;flex-wrap:wrap}.dpSpecs>div{min-width:135px;padding:13px 17px;border:1px solid #e0e9ee;background:#fafcfd;border-radius:7px}.dpSpecs span{display:block;font-size:11px;color:#7a90a1}.dpSpecs strong{font-size:25px;color:#245b7e;margin-right:7px;font-weight:600}.dpSpecs small{font-size:12px;color:#7b8f9d}.dpHierarchy{display:flex;align-items:flex-start;flex-direction:column;gap:8px;border-left:2px solid #b7d4e8;padding:5px 0 5px 18px;margin-left:5px}.dpHierarchy>strong{padding:9px 13px;background:#edf5fb;color:#24618b;border-radius:6px}.dpHistory>div{border-left:2px solid #c8dee9;padding:0 0 18px 17px;margin-left:5px}.dpHistory span{font-size:10px;color:#8695a2;display:block}.dpHistory b{color:#385e76;font-size:12px}.dpHistory p{font-size:12px;margin:4px 0}.dpHistory small{color:#8e9aa4;font-size:10px}.dpBasis>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf2f5;padding:10px 0;font-size:11px}.dpBasis b{white-space:nowrap;font-size:12px}.dpBasis span{text-align:right;color:#946f45}.dpBasis .dpEligible{color:#078b80}.dpTimeline>div{border-left:2px solid #c8deeb;position:relative;margin-left:5px;padding:0 0 17px 18px;line-height:1.6}.dpTimeline i{position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:#3988bd;box-shadow:0 0 0 3px white}.dpTimeline b{font-size:12px}.dpTimeline time{font-size:10px;color:#8a99a5;margin-left:15px}.dpTimeline p{font-size:11px;color:#74899a;margin:3px 0 0}.dpNotifications{padding:5px 18px}.dpNotifications button{display:flex;gap:11px;align-items:center;width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;cursor:pointer;padding:12px 0;text-align:left;font-family:inherit;font-size:12px;color:#48667c}.dpNotifications button:last-child{border:0}.dpNotifications i{width:7px;height:7px;border-radius:50%;background:#3698bb}.dpNotifications time{margin-left:auto;color:#93a1ac;font-size:10px}.dpNotifications button:hover{color:#0863ad}@keyframes dpFlow{to{stroke-dashoffset:-38}}@media(prefers-reduced-motion:reduce){.dpSelectedRoute.isMoving{animation:none}}@media(max-width:1250px){.dpWorkspace{grid-template-columns:minmax(0,1fr) 295px;gap:12px}.dpTaskPanel{padding:15px}.dpMapFooter{flex-direction:column}.dpMapSvg{min-height:370px}.dpTaskPanel .dpFields{gap:10px}.dpTaskPanel .dpButton{font-size:11px;padding:7px 9px}}@media(max-width:950px){.dpWorkspace{grid-template-columns:1fr}.dpMapSvg{max-height:none;min-height:300px}.dpTaskPanel .dpFields{grid-template-columns:repeat(4,1fr)}.dpTaskPanel h3{font-size:17px;margin-top:10px}.dpRecommendation{margin-top:10px}.dpCrewGrid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}}@media(max-width:600px){.dpMapHeader{padding:12px}.dpMapHeader b{font-size:13px}.dpMapHeader span{font-size:10px}.dpMapLegend{position:static;flex-wrap:wrap;border-radius:0;border-width:1px 0;padding:9px 12px;gap:8px 12px}.dpMapNotice{position:static;border:0;border-radius:0;font-size:10px;padding:9px 12px}.dpMapSvg{min-height:255px}.dpMapFooter{padding:10px 12px;font-size:10px;gap:5px}.dpTaskPanel .dpFields{grid-template-columns:1fr 1fr}.dpSectionHeading{align-items:flex-start;flex-direction:column;gap:5px}.dpCrewGrid{grid-template-columns:1fr}.dpResources{padding:14px}.dpProfile{padding:18px}.dpProfileHero{gap:12px;flex-wrap:wrap}.dpProfileHero h2{font-size:18px}.dpProfileHero>.dpBadge{margin-left:0}.dpAvatarLarge{width:50px;height:50px;flex-basis:50px}.dpBasis>div{flex-direction:column;gap:3px}.dpBasis span{text-align:left}.dpTimeline time{display:block;margin-left:0}.dpVehicleHero{flex-wrap:wrap;gap:10px}.dpVehicleHero>.dpBadge{margin-left:0}.dpNotifications time{display:none}.dpMapTools .dpButton{padding:4px 7px;min-width:26px}}