@media screen {
#clientRelationshipPanel.relationshipIntelligence{--ri-blue:#086bf2;--ri-navy:#071b3d;--ri-muted:#657b99;--ri-line:#dce8f5;--ri-soft:#f4f8fd;background:#f7fbff!important;color:var(--ri-navy)!important;border:1px solid var(--ri-line)!important;border-radius:18px!important;padding:18px!important;box-shadow:0 10px 32px rgba(31,78,121,.08)}
#clientRelationshipPanel .relationshipIntelligenceHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
#clientRelationshipPanel .relationshipIntelligenceHeader h3{margin:0 0 3px;font-size:25px;color:var(--ri-navy)!important}
#clientRelationshipPanel .relationshipIntelligenceHeader small{color:var(--ri-muted)!important}
#clientRelationshipPanel .relationshipHeaderActions{display:flex;gap:8px}
#clientRelationshipPanel .relationshipHeaderActions .btn{width:42px;height:42px;min-width:42px;padding:0!important;border-radius:11px!important}
#clientRelationshipPanel .clientOpsGrid{display:grid!important;grid-template-columns:1.08fr 1.18fr .88fr .92fr 1.08fr!important;gap:12px!important;margin-bottom:14px}
#clientRelationshipPanel .clientOpsCard{position:relative;min-width:0;min-height:142px;padding:16px!important;border:1px solid var(--ri-line)!important;border-radius:14px!important;background:#fff!important;color:var(--ri-navy)!important;box-shadow:0 6px 18px rgba(31,78,121,.06);display:flex;flex-direction:column;align-items:flex-start;gap:7px}
#clientRelationshipPanel .clientOpsCardHead{display:flex;align-items:center;gap:9px;width:100%;font-weight:800;color:var(--ri-navy)!important}
#clientRelationshipPanel .clientOpsCardHead.revupHelpHeader{align-items:center!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important}
#clientRelationshipPanel .clientOpsCardHead.revupHelpHeader>.clientOpsIcon{grid-column:1!important}
#clientRelationshipPanel .clientOpsCardHead.revupHelpHeader>span:not(.clientOpsIcon){grid-column:2!important}
#clientRelationshipPanel .clientOpsCardHead.revupHelpHeader>.revupHelpActions{grid-column:3!important;align-self:center!important}
#clientRelationshipPanel .clientOpsCardHead .revupHelpButton{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:16px!important;border-radius:9px!important;box-shadow:none!important}
#clientRelationshipPanel .clientOpsIcon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eaf3ff;color:var(--ri-blue)!important;font-size:18px}
#clientRelationshipPanel .clientOpsCard strong{font-size:25px;line-height:1.15;color:var(--ri-navy)!important}
#clientRelationshipPanel .clientOpsCard small{color:var(--ri-muted)!important;line-height:1.35}
#clientRelationshipPanel .clientOpsCard .btn{margin-top:auto;min-height:36px;padding:7px 12px!important}
#clientRelationshipPanel .engagementCard{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center}
#clientRelationshipPanel .engagementCard .clientOpsCardHead{grid-column:1/-1}
#clientRelationshipPanel .engagementGauge{--score:0;position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ri-blue) calc(var(--score)*1%),#e5edf7 0)}
#clientRelationshipPanel .engagementGauge::before{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff}
#clientRelationshipPanel .engagementGauge strong{position:relative;font-size:18px}
#clientRelationshipPanel .engagementCopy{min-width:0}.engagementCopy small{display:block}
#clientRelationshipPanel .relationshipBodyGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
#clientRelationshipPanel .relationshipModule{min-width:0;border:1px solid var(--ri-line);border-radius:14px;background:#fff;padding:14px}
#clientRelationshipPanel .relationshipModuleHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
#clientRelationshipPanel .relationshipModuleHeader h4{margin:0 0 3px;font-size:18px;color:var(--ri-navy)!important}
#clientRelationshipPanel .relationshipModuleHeader small{color:var(--ri-muted)!important}
#c360RelationMap{position:relative;min-width:0}
.relationshipMapCanvas{position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto;gap:34px;min-height:300px;padding:18px;border-radius:12px;background:linear-gradient(135deg,#f9fcff,#eff6ff);overflow:hidden}
.relationshipMapLines{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
.relationshipConnector{fill:none;stroke:#b7cbe4;stroke-width:1.6;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.relationshipClientNode{position:relative;z-index:1;justify-self:center;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;max-width:min(320px,90%);padding:10px 16px;border:1px solid #9fc4f6;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(24,106,224,.12)}
.relationshipClientNode>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#2d7ff2;color:#fff!important}.relationshipClientNode strong{overflow-wrap:anywhere}.relationshipClientNode small{color:#657b99!important}
.relationshipContactsGrid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr));gap:14px;align-items:stretch}
.relationshipContactNode{min-width:0!important;min-height:104px!important;padding:12px!important;border:1px solid #c9dcef!important;border-radius:12px!important;background:#fff!important;color:#071b3d!important;text-align:left!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:2px 9px!important;align-items:center!important;box-shadow:0 5px 14px rgba(31,78,121,.08)!important;cursor:pointer}
.relationshipContactNode:hover{border-color:#2d7ff2!important;transform:translateY(-1px)}.relationshipContactNode:focus-visible{outline:3px solid #8bbcff!important;outline-offset:2px!important}
.relationshipNodeIcon{grid-row:1/4;display:grid!important;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f3ff!important;color:#086bf2!important}
.relationshipContactNode strong,.relationshipContactNode small,.relationshipContactNode em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#071b3d!important;-webkit-text-fill-color:currentColor!important}
.relationshipContactNode small{font-size:12px;color:#657b99!important}.relationshipContactNode em{font-size:11px;font-style:normal;font-weight:800;color:#086bf2!important}
.relationshipMapEmpty{position:relative;margin-top:10px}.relationshipMapMore{display:block;margin:12px auto 0}
#clientRelationshipPanel .relationshipCommitments{border:1px solid var(--ri-line);border-radius:14px;background:#fff;padding:14px}
@media(max-width:1180px){#clientRelationshipPanel .clientOpsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#clientRelationshipPanel .clientOpsCard:last-child{grid-column:1/-1}}
@media(max-width:1050px){#clientRelationshipPanel .relationshipBodyGrid{grid-template-columns:1fr}.relationshipContactsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#clientRelationshipPanel.relationshipIntelligence{padding:12px!important}#clientRelationshipPanel .relationshipIntelligenceHeader h3{font-size:22px}#clientRelationshipPanel .clientOpsGrid{grid-template-columns:1fr!important}#clientRelationshipPanel .clientOpsCard:last-child{grid-column:auto}.relationshipMapCanvas{padding:12px;gap:26px}.relationshipContactsGrid{grid-template-columns:1fr}.relationshipContactNode{min-height:92px!important}#clientRelationshipPanel .engagementCard{grid-template-columns:82px minmax(0,1fr)}}
}