/* Shared corporate operation feedback. Keep identical in the three React applications. */
.oq-operation{position:fixed;inset:0;z-index:2147483000;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,system-ui,sans-serif;color:#f4f8ff}
.oq-operation--expanded{background:radial-gradient(ellipse at center,rgba(13,30,53,.13),rgba(13,30,53,.04))}
.oq-operation__card{pointer-events:auto;position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 32px;align-items:center;gap:18px;width:min(100%,460px);padding:26px 24px 30px;border:1px solid #41617d;border-radius:24px;background:linear-gradient(125deg,#11253f,#102034 70%,#123844);box-shadow:0 24px 70px #07132345, inset 0 1px 0 #ffffff16;animation:oq-appear .22s ease-out;overflow:hidden;text-align:left}
.oq-operation__eyebrow{display:block;color:#6ae2e9;font-size:10px;font-weight:750;letter-spacing:.16em;margin-bottom:7px}
.oq-operation__content strong{display:block;color:#f4f8ff;font-size:17px;line-height:1.4;font-weight:650}
.oq-operation__content p{color:#bdccdf;font-size:12px;line-height:1.6;margin:6px 0 0}
.oq-operation__symbol{width:52px;height:52px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;align-content:center;justify-content:center;color:#69e8c1}
.oq-operation__symbol i{display:block;width:21px;height:21px;border-radius:6px;background:#56dfe6;box-shadow:0 0 18px #52dce530;animation:oq-tile 1.6s ease-in-out infinite}
.oq-operation__symbol i:nth-child(2){animation-delay:.2s;background:#499ada}.oq-operation__symbol i:nth-child(3){animation-delay:.6s;background:#3375c1}.oq-operation__symbol i:nth-child(4){animation-delay:.4s}
.oq-operation__symbol span{grid-column:1/-1;text-align:center;font-size:30px;line-height:1.5}.oq-operation__symbol--error{color:#ffcd8f}
.oq-operation__close{align-self:start;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:1px solid #597088;border-radius:10px;background:#ffffff09;color:#dce9f8;font:22px/1 system-ui;cursor:pointer;box-shadow:none}
.oq-operation__close:hover{background:#ffffff20}.oq-operation__close:focus-visible{outline:3px solid #69e2ea;outline-offset:3px}
.oq-operation__track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#29445c}
.oq-operation__track span{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,#6de7e9,transparent);animation:oq-travel 1.8s ease-in-out infinite}
.oq-operation--compact{align-items:flex-end;justify-content:flex-end;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.oq-operation--compact .oq-operation__card{padding:18px;gap:12px;border-radius:18px}
@keyframes oq-tile{0%,100%{transform:scale(.82);opacity:.45}50%{transform:scale(1);opacity:1}}
@keyframes oq-travel{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@keyframes oq-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:520px){.oq-operation{padding:14px}.oq-operation__card{padding:22px 16px 26px;gap:12px;grid-template-columns:44px minmax(0,1fr) 32px}.oq-operation__symbol{width:40px;height:40px;gap:4px}.oq-operation__symbol i{width:17px;height:17px}.oq-operation--compact{padding-bottom:max(88px,calc(env(safe-area-inset-bottom) + 72px))}.oq-operation__content strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.oq-operation *{animation:none!important;transition:none!important}.oq-operation__track span{width:100%;background:#6de7e9}.oq-operation__symbol i{opacity:1}}