/* Organizational memory stays anchored while the role's assignee changes. */
.ownership-motion{--om-ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;min-width:0;width:100%;margin:0;overflow:hidden;border:1px solid #36546c;border-radius:20px;background:radial-gradient(ellipse at 80% 0%,#17465b,#0d2843 50%,#0a2039);box-shadow:0 24px 65px #0002;color:#e8f8fc}
.om-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 21px;font-size:11px;color:#b3d3df}.om-heading>span:first-child{display:flex;align-items:center;gap:7px}.om-heading i{width:6px;height:6px;border-radius:50%;background:#79e6dc;box-shadow:0 0 13px #35c9d6}.om-heading>span:last-child{font-size:8px;letter-spacing:1.6px;color:#87aabc}
.om-window{margin:0 20px;border:1px solid #7194a2;border-radius:12px;background:#f2f6f9;color:#17384e;overflow:hidden;box-shadow:0 18px 45px #0003}
.om-toolbar{display:flex;align-items:center;gap:14px;padding:11px 16px;background:white;border-bottom:1px solid #d9e4eb}.om-logo{font-size:23px;line-height:1.5;white-space:nowrap}.om-logo>span{color:#ed873f}.om-toolbar-label{font-size:10px;color:#688092}.om-window-dots{margin-right:auto;display:flex;gap:4px;direction:ltr}.om-window-dots i{width:5px;height:5px;border-radius:50%;background:#c1d5df}.om-window-dots i:first-child{background:#35c9d6}
.om-breadcrumb{padding:9px 16px;border-bottom:1px solid #dfe8ee;background:#fcfdfe;color:#718798;font-size:10px}.om-breadcrumb>span{color:#254f66}.om-content{padding:16px}
.om-role{position:relative;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #1b5368;border-radius:10px;background:linear-gradient(120deg,#123149,#14495b);color:white;overflow:hidden}.om-role-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid #4d8898;border-radius:10px;background:#2a5d6b55;color:#8de7e7}.om-role-icon svg{width:24px;height:24px}.om-role-title{display:flex;flex-direction:column;line-height:1.7}.om-role-title>span{font-size:9px;color:#aed5dd}.om-role-title>strong{font-size:18px}.om-role-anchor{margin-right:auto;text-align:left;white-space:nowrap;display:flex;flex-direction:column;gap:5px}.om-role-anchor>b{font-size:9px;font-weight:400;color:#a2ede3}.om-role-anchor>span{font-size:8px;color:#83afbe;letter-spacing:1px}
.om-assignment{position:relative;height:80px;margin:0 13px;border:1px solid #d5e4e9;border-top:0;border-radius:0 0 10px 10px;background:#fff;overflow:hidden}.om-person{position:absolute;inset:12px;display:flex;align-items:center;gap:10px;transition:opacity .8s,transform 1.1s var(--om-ease)}
.om-avatar{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#e5edf4;color:#4f6f87}.om-avatar svg{width:28px;height:28px}.om-person-new .om-avatar{background:#ddf3ed;color:#168674}.om-person>div{display:flex;flex-direction:column;line-height:1.9}.om-person strong{font-size:12px}.om-person small{font-size:10px;color:#6b8393}.om-person>em{margin-right:auto;font-size:9px;white-space:nowrap;font-style:normal;padding:3px 7px;border-radius:4px;background:#e8f1f6;color:#3c687e}.om-person-new>em{background:#e0f3ed;color:#167261}.om-person-new{opacity:0;transform:translateX(35px)}
.om-handoff{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .8s var(--om-ease);font-size:11px;color:#147b86}.om-handoff>i{width:16px;height:16px;border:2px solid #d3e9e9;border-top-color:#118b94;border-radius:50%;animation:om-spin 1.2s linear infinite}
.om-store-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 9px;font-size:11px;font-weight:700}.om-store-label>span:last-child{font-size:9px;font-weight:400;color:#147f7b;display:flex;align-items:center;gap:4px}.om-store-label svg{width:12px;height:12px}
.om-records{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.om-record{position:relative;display:flex;flex-direction:column;padding:10px 8px;background:white;border:1px solid #d8e4eb;border-radius:8px;overflow:hidden}.om-record>span{font-size:9px;color:#678296;white-space:nowrap}.om-record>strong{font-size:23px;line-height:1.6;color:#214c64}.om-record>small{font-size:8px;color:#168178;white-space:nowrap}.om-record::after{content:'';position:absolute;inset:0;transform:translateX(105%);background:linear-gradient(90deg,transparent,#35c9d624,transparent);pointer-events:none}
.om-dossier{display:flex;align-items:center;gap:8px;margin-top:11px;padding:9px 10px;border:1px solid #d7e4ea;border-radius:7px;background:#fff;font-size:10px}.om-file-icon{display:grid;place-items:center;width:27px;height:30px;border-radius:5px;background:#eaf3f6;color:#3d7c90;flex-shrink:0}.om-file-icon svg{width:16px;height:19px}.om-dossier>div{display:flex;flex-direction:column}.om-dossier strong{font-size:10px;font-weight:500}.om-dossier small{font-size:8px;color:#768b9b}.om-dossier>span:last-child{margin-right:auto;font-size:8px;white-space:nowrap;color:#177e73}
.om-audit{margin-top:14px;padding-top:12px;border-top:1px solid #d8e5eb}.om-audit-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:8px}.om-audit-title>span{font-size:8px;color:#6f8a9c}.om-events{position:relative;display:flex;flex-direction:column;gap:7px}.om-events::before{content:'';position:absolute;right:4px;top:8px;bottom:8px;width:1px;background:#c4d9e1}.om-event{position:relative;display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.7;color:#617d8f}.om-event>i{position:relative;z-index:1;flex-shrink:0;width:9px;height:9px;border:2px solid #dcebf0;border-radius:50%;background:#5d96a7}.om-event>span{flex:1}.om-event>small{font-size:8px;color:#78909f;white-space:nowrap}.om-event-transfer,.om-event-next{opacity:0;transform:translateY(7px);transition:opacity .7s,transform .9s var(--om-ease)}.om-event-transfer>i{background:#e69a4d;border-color:#f5e8d7}.om-event-next>i{background:#1c9a7a;border-color:#d4eee6}.om-event-next{color:#16745f}
.om-footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;background:#e3f1ef;border-top:1px solid #cfe3e2;font-size:10px;color:#24756c}.om-footer svg{width:13px;height:13px}.om-footer strong{font-weight:500}
.ownership-motion figcaption{padding:18px 16px 14px;text-align:center}.om-caption{display:block;font-size:17px;font-weight:500;color:#e4fafb}.om-caption-note{display:block;font-size:10px;margin-top:5px;color:#8caebf}
.om-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 20px 18px;padding-top:13px;border-top:1px solid #315167}.om-controls[hidden]{display:none}.om-steps{display:flex;gap:5px;min-width:0}.om-controls button{min-height:39px;padding:7px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#a6c4d4;font-size:10px;white-space:nowrap}.om-controls button:hover{background:#214358;color:white}.om-controls button[aria-pressed="true"]{background:#35c9d6;color:#082d3e}.om-controls .om-play{border-color:#3b6177;color:#cfebf1;font-size:11px;min-width:40px}.om-controls button:focus-visible{outline:2px solid #89e4eb;outline-offset:2px}.om-step-number{display:inline-grid;place-items:center;margin-left:3px;font-size:9px;opacity:.8}.om-progress{height:2px;background:#193d50;direction:ltr}.om-progress>i{display:block;width:100%;height:100%;background:#5adbdc;transform:scaleX(0);transform-origin:left}
.ownership-motion[data-phase="handoff"] .om-person-old,.ownership-motion[data-phase="continue"] .om-person-old{opacity:0;transform:translateX(-45px)}
.ownership-motion[data-phase="handoff"] .om-handoff{opacity:1;transform:translateY(0);transition-delay:.3s}
.ownership-motion[data-phase="continue"] .om-person-new{opacity:1;transform:translateX(0);transition-delay:.25s}
.ownership-motion[data-phase="handoff"] .om-record::after{animation:om-preserve 2.8s ease-in-out infinite}.ownership-motion[data-phase="handoff"] .om-record:nth-child(2)::after{animation-delay:.2s}.ownership-motion[data-phase="handoff"] .om-record:nth-child(3)::after{animation-delay:.4s}
.ownership-motion:not([data-phase="current"]) .om-event-transfer{opacity:1;transform:translateY(0);transition-delay:.5s}.ownership-motion[data-phase="continue"] .om-event-next{opacity:1;transform:translateY(0);transition-delay:.7s}
.ownership-motion[data-playing="false"] *{animation-play-state:paused}
@keyframes om-spin{to{transform:rotate(360deg)}}@keyframes om-preserve{0%{transform:translateX(105%)}70%,100%{transform:translateX(-105%)}}
@media(min-width:1001px){.ownership:has(.ownership-motion){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%}}
@media(max-width:1000px){.ownership:has(.ownership-motion){grid-template-columns:1fr;gap:35px}.ownership-motion{max-width:580px;justify-self:center}.ownership:has(.ownership-motion)>div{width:100%}}
@media(max-width:420px){.om-heading{padding:15px 12px;font-size:10px}.om-heading>span:last-child{font-size:7px;letter-spacing:1px}.om-window{margin:0 10px}.om-content{padding:11px}.om-toolbar{padding:10px 12px;gap:10px}.om-toolbar-label{font-size:9px}.om-role{padding:11px;gap:8px}.om-role-title>strong{font-size:16px}.om-role-icon{width:32px;height:36px}.om-role-anchor>span{font-size:7px}.om-role-anchor>b{font-size:8px}.om-assignment{margin-inline:6px}.om-record{padding:8px 6px}.om-record>span{font-size:8px}.om-record>small{font-size:7px}.om-dossier{gap:6px;padding:8px 7px}.om-dossier strong{font-size:9px}.om-controls{margin-inline:10px;gap:4px}.om-controls button{padding:6px;font-size:9px}.om-step-number{display:none}.om-steps{gap:2px}.om-caption{font-size:15px}.om-events{gap:9px}}
/* Keep the ERP illustration compact beside the section's headline. */
.om-window{line-height:1.65}.om-toolbar{padding-block:9px}.om-breadcrumb{padding-block:7px}.om-role{padding-block:12px}.om-assignment{height:66px}.om-person{inset:9px 12px}.om-store-label{margin-top:12px}.om-record{padding-block:8px}.om-record>strong{line-height:1.35}.om-audit{margin-top:11px;padding-top:10px}.om-events{gap:6px}.om-footer{padding-block:8px}.ownership-motion figcaption{padding-block:14px 12px}
@media(max-width:360px){.om-caption{min-height:54px;display:grid;place-items:center;line-height:1.8}.om-event{font-size:8px}.om-event>small{font-size:7px}.om-audit-title>span{font-size:7px}.om-person>em{font-size:8px}.om-footer{font-size:9px}}
/* Match the supplied responsive ERP: blue/violet backdrop and translucent panels. */
.om-window{--om-glass-border:#d7e4fa40;background:radial-gradient(ellipse at 16% 2%,#79728680,transparent 52%),radial-gradient(ellipse at 86% 55%,#00577590,transparent 66%),radial-gradient(ellipse at 5% 100%,#79708d80,transparent 65%),linear-gradient(155deg,#424861,#21465e 60%,#434663);color:#f1f5ff;border-color:#c3d4eb60;border-radius:20px}
.om-toolbar{margin:9px 9px 0;padding:9px 11px;border:1px solid var(--om-glass-border);border-radius:15px;background:#b9cce91a;box-shadow:inset 0 1px 0 #ffffff0a;gap:9px}
.om-logo,.om-logo>span{color:#f5f7ff}.om-logo{font-size:21px}.om-toolbar-label{color:#d0dcf0;font-size:9px}
.om-window-dots{gap:5px;align-items:center}.om-window-dots i{width:23px;height:25px;border:1px solid #d0dcf03d;border-radius:8px;background:#cad7f017;display:grid;place-items:center;color:#e1e8f7;font-style:normal;font-size:15px;line-height:1}.om-window-dots i:first-child{background:#6568e8;color:white;border-color:#9696f780}.om-window-dots i:first-child::before{content:'+'}.om-window-dots i:nth-child(2)::before{content:'☷'}.om-window-dots i:last-child::before{content:'≡'}
.om-breadcrumb{background:transparent;border-bottom-color:#d7e4fa20;color:#b9cde5;font-size:10px}.om-breadcrumb>span{color:#e7effe}
.om-role{border-color:var(--om-glass-border);border-radius:15px;background:linear-gradient(115deg,#bad6ff13,#b9cff329);box-shadow:inset 0 1px 0 #ffffff0b}.om-role-icon{background:#4a75dc;border-color:#8daaff6b;color:#f1f5ff;border-radius:12px;box-shadow:0 5px 16px #354fd52b}.om-role-title>span{color:#c6d4ea}.om-role-anchor>b{color:#cbdcfc}.om-role-anchor>span{color:#b3c6e4}
.om-assignment{background:#a6c4f015;border-color:var(--om-glass-border);border-radius:0 0 14px 14px}.om-avatar{background:#d9e3f142;border:1px solid #ecf1ff5c;box-shadow:0 0 0 3px #e6edff0c;color:#f5f8ff}.om-person-new .om-avatar{background:#487c8d;color:#f1ffff;border-color:#a7e2eb70}.om-person strong{color:#f6f8ff}.om-person small{color:#bfcee5}.om-person>em{background:#778ce636;border:1px solid #a9bafd30;color:#d8e5ff}.om-person-new>em{background:#3eaa8a2e;border-color:#8bd4b638;color:#aaf1d2}.om-handoff{color:#d2e3ff}.om-handoff>i{border-color:#c6d3ff2e;border-top-color:#a4acff}
.om-store-label{color:#eef4ff}.om-store-label>span:last-child{color:#b8e7e1}
.om-record{border-color:var(--om-glass-border);border-radius:13px;background:radial-gradient(circle at 5% 100%,#3489d342 0 24%,transparent 27%),#b3c9eb15;box-shadow:inset 0 1px 0 #ffffff0a;padding-top:12px}
.om-record:nth-child(2){background:radial-gradient(circle at 5% 100%,#24979542 0 24%,transparent 27%),#b3c9eb15}.om-record:nth-child(3){background:radial-gradient(circle at 5% 100%,#865ddd42 0 24%,transparent 27%),#b3c9eb15}
.om-record>span{color:#c5d5ed}.om-record>strong{color:#f1f5ff}.om-record>small{color:#c2d5ea}.om-record::after{background:linear-gradient(90deg,transparent,#adc8ff30,transparent)}
.om-dossier{border-radius:13px;background:#b9cfed14;border-color:var(--om-glass-border)}.om-file-icon{background:#3185d33b;border:1px solid #93c2fb44;border-radius:8px;color:#e1f1ff}.om-dossier strong{color:#eef5ff}.om-dossier small{color:#b8cee8}.om-dossier>span:last-child{color:#ade8d0;background:#45a9931c;border-radius:5px;padding:3px 5px}
.om-audit{border-top-color:#d7e4fa33}.om-audit-title>strong{color:#f0f5ff}.om-audit-title>span{color:#bdcee8}.om-events{gap:4px}.om-events::before{background:#bccfec40;right:9px}.om-event{padding:5px;border-radius:6px;background:#b0ccec12;color:#d6e5f7}.om-event:nth-child(even){background:#c1d3ee20}.om-event>i{border-color:#c8dafa44;background:#9bc4e2}.om-event>small{color:#c2d3e9}.om-event-transfer>i{background:#ffb155;border-color:#e9b97f55}.om-event-next>i{background:#46d5a2;border-color:#93e1c555}.om-event-next{color:#b1f1d4;background:#3fbe9b17}
.om-footer{margin:0 12px 12px;border:1px solid #91bdf76b;border-radius:7px;background:linear-gradient(100deg,#2997fa,#287aec);color:white;box-shadow:0 6px 18px #1760cc29}
.om-controls button[aria-pressed="true"]{background:#2c8cf4;color:#fff}.om-controls button:hover{background:#355576}.om-controls .om-play{background:#6174991c;border-color:#a4bdd145}.om-progress>i{background:linear-gradient(90deg,#8270f0,#2c98fa)}
@media(max-width:420px){.om-toolbar{padding:8px;gap:7px}.om-logo{font-size:19px}.om-toolbar-label{font-size:8px}.om-window-dots{gap:3px}.om-window-dots i{width:20px;height:23px}.om-record>span{font-size:8px}.om-event{padding:4px}.om-events::before{right:8px}.om-dossier>span:last-child{padding:2px 3px;font-size:7px}.om-footer{margin-inline:9px}}
@media(max-width:360px){.om-window-dots i:nth-child(2){display:none}.om-toolbar-label{font-size:7px}.om-dossier strong{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ownership-motion *{animation:none!important;transition:none!important}}