/* CredTech Studio / Operations. Additive to the approved design, scoped to ops-*. */
.ops-intro{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr);align-items:center;gap:28px;min-height:260px;padding:34px clamp(21px,4vw,48px);border:1px solid #ffffff18;border-top-color:#ffffff31;border-radius:28px;background:radial-gradient(ellipse at 84% 14%,#b7a0ec1c,transparent 46%),radial-gradient(ellipse at 7% 100%,#d6ff3f0b,transparent 45%),linear-gradient(130deg,#1b1b24,#090a0f 75%);box-shadow:0 28px 78px #0007,inset 0 1px #ffffff0b}
.ops-intro:after{content:"";position:absolute;right:-30%;top:-80%;width:60%;height:190%;transform:rotate(-32deg);pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff06,transparent);animation:opsScan 11s ease-in-out infinite alternate;z-index:-1}
.ops-intro h1{font-size:clamp(34px,5vw,63px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 15px;color:#f7f8f6}
.ops-intro h1 span{color:#d6ff3f}
.ops-intro .top-copy{font-size:clamp(12px,1.24vw,14px);max-width:510px;line-height:1.8;color:#bfc2c8}
.ops-intro .eyebrow{color:#b7a0ec;letter-spacing:.14em}
.ops-auth-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#c4cad0;font-size:11px;margin-top:25px}
.ops-orbit{position:relative;width:min(24vw,220px);height:min(24vw,220px);min-width:140px;min-height:140px;justify-self:center;display:grid;place-items:center;pointer-events:none}
.ops-orbit-core{position:absolute;width:57%;aspect-ratio:1;border-radius:36%;transform:rotate(-26deg);background:radial-gradient(circle at 35% 23%,#efffa1 2%,#d6ff3f 45%,#8aab20 100%);box-shadow:0 0 0 12px #d6ff3f05,0 0 48px #d6ff3f29,inset -20px -18px 30px #151c0b56;animation:opsBreathe 5s ease-in-out infinite}
.ops-orbit-ring{position:absolute;width:95%;height:55%;border:1px solid #b7a0ec66;border-radius:50%;transform:rotate(-36deg);box-shadow:inset 0 1px #ffffff09;animation:opsOrbit 13s ease-in-out infinite alternate}
.ops-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:#d6ff3f;box-shadow:0 0 16px #d6ff3f7d}
.ops-orbit span:nth-of-type(1){top:16%;right:15%}.ops-orbit span:nth-of-type(2){bottom:18%;left:8%;background:#b7a0ec;box-shadow:0 0 16px #b7a0ec77;width:5px;height:5px}.ops-orbit span:nth-of-type(3){bottom:5%;right:22%;width:3px;height:3px;opacity:.65}
.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}
.ops-metric{min-width:0;display:flex;flex-direction:column;gap:10px;padding:19px 20px;background:linear-gradient(145deg,#2021299c,#111219);border:1px solid #ffffff16;border-top-color:#ffffff27;border-radius:18px;box-shadow:inset 0 1px #ffffff06}
.ops-metric span{font-size:11px;color:#a8aab5}.ops-metric strong{font-size:clamp(17px,2.3vw,28px);font-variant-numeric:tabular-nums;color:#e9efe4;overflow-wrap:anywhere;font-weight:600;letter-spacing:-.035em}
.ops-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}
.ops-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;min-height:44px;border:1px solid #ffffff22;border-radius:30px;background:#181a21;color:#d9dce0;font:inherit;font-size:12px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.ops-shortcut .ct-mark{width:16px;height:16px;color:#b7a0ec}.ops-shortcut:hover{border-color:#d6ff3f6b;background:#d6ff3f0b;transform:translateY(-2px)}
.ops-workspace{border:1px solid #ffffff14;background:linear-gradient(160deg,#15161e,#0b0c11);border-radius:25px;padding:clamp(17px,3vw,29px);box-shadow:0 18px 45px #0003}
.ops-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ffffff18;padding-bottom:18px}
.ops-tabs button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;min-height:44px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:13px;color:#b1b5be;font:inherit;font-size:12px;transition:background .2s,border-color .2s,color .2s,transform .2s}
.ops-tabs button .ct-mark{width:17px;height:17px}
.ops-tabs button:hover{background:#ffffff08;color:#eef0e9}.ops-tabs button.active{border-color:#d6ff3f44;background:#d6ff3f0e;color:#e0ff8e}
.ops-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:25px 0 17px}
.ops-section-head h2{color:#f5f7f1;font-size:clamp(19px,2.8vw,29px);margin:7px 0 8px;letter-spacing:-.03em}
.ops-search-label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#aab0b9;min-width:230px;max-width:320px;flex:1}
.ops-search-label input{width:100%;min-height:43px;border:1px solid #ffffff29;border-radius:11px;background:#0b0c12;color:#f4f5f1;padding:10px 13px;outline:none;font:inherit;font-size:12px}
.ops-search-label input:focus{border-color:#d6ff3f99;box-shadow:0 0 0 3px #d6ff3f10}
.ops-disclosure{padding:13px 15px;margin-bottom:16px;background:#b7a0ec08;border-left:2px solid #b7a0ec8a;border-radius:0 11px 11px 0;color:#adb1bb;font-size:11px;line-height:1.65}
.ops-disclosure strong{color:#e4d8ff}
.ops-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.ops-card{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:21px;border:1px solid #ffffff18;border-top-color:#ffffff2b;border-radius:19px;background:radial-gradient(ellipse at 95% 0%,#b7a0ec0a,transparent 50%),#1a1b24;box-shadow:0 8px 28px #0002,inset 0 1px #ffffff06;animation:opsArrive .46s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(min(var(--ops-index),8) * 35ms);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s}
.ops-card:after{content:"";position:absolute;inset:auto 16px 0;height:1px;background:linear-gradient(90deg,transparent,#d6ff3f63,transparent);opacity:0;transition:opacity .2s}
.ops-card:hover{transform:translateY(-4px);border-color:#d6ff3f45;box-shadow:0 17px 32px #0004}.ops-card:hover:after{opacity:1}
.ops-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.ops-glyph{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d6ff3f35;border-radius:12px;background:#d6ff3f0c;color:#d6ff3f}
.ops-glyph.violet{background:#b7a0ec10;color:#c9afff;border-color:#b7a0ec35}
.ops-glyph .ct-mark{width:21px;height:21px}.ops-status{border:1px solid #ffffff22;padding:5px 8px;border-radius:12px;font-size:10px;color:#b4b8c1;text-align:right;max-width:135px}
.ops-status.ready{border-color:#d6ff3f44;color:#d6ff3f;background:#d6ff3f08}
.ops-card h3{font-size:18px;font-weight:600;color:#f0f3ee;margin:0 0 10px;letter-spacing:-.03em;overflow-wrap:anywhere}
.ops-card p{font-size:12px;line-height:1.7;color:#a8abb6;margin:0 0 15px}
.ops-card-meta{font-size:10px;color:#b7a0ec;margin:0 0 15px;overflow-wrap:anywhere}
.ops-card-actions{margin-top:auto;display:flex;gap:9px;flex-wrap:wrap}.ops-card-actions .btn{min-height:43px}
.ops-hint{font-size:11px;color:#999faa}
.ops-empty{grid-column:1/-1;min-height:120px;display:grid;place-items:center;text-align:center;padding:25px;border-radius:15px;background:#ffffff04;color:#b9bdc6;font-size:13px;line-height:1.65}
.ops-workspace [hidden]{display:none!important}
.ops-shortcut:focus-visible,.ops-tabs button:focus-visible,.ops-card .btn:focus-visible{outline:2px solid #d6ff3f;outline-offset:3px}
@keyframes opsArrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes opsBreathe{0%,100%{transform:rotate(-26deg) scale(1)}50%{transform:rotate(-19deg) scale(1.055)}}
@keyframes opsOrbit{0%{transform:rotate(-36deg)}100%{transform:rotate(-24deg)}}
@keyframes opsScan{0%{transform:translateX(15%) rotate(-32deg)}100%{transform:translateX(-50%) rotate(-32deg)}}
@media(max-width:1000px){.ops-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-orbit{width:140px;height:140px}.ops-intro{grid-template-columns:minmax(0,1fr) 145px}}
@media(max-width:600px){.ops-intro{grid-template-columns:1fr;padding:25px 23px;min-height:235px}.ops-orbit{position:absolute;right:7px;top:17px;min-width:0;min-height:0;width:98px;height:98px;opacity:.35}.ops-intro>div:first-child{position:relative;z-index:1}.ops-intro h1{font-size:40px}.ops-intro .top-copy{max-width:95%}.ops-metric{padding:15px}.ops-workspace{padding:15px}.ops-cards{grid-template-columns:1fr}.ops-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.ops-tabs button{flex-direction:column;gap:4px;padding:9px 2px;font-size:10px}.ops-tabs button .ct-mark{width:17px;height:17px}.ops-section-head{flex-direction:column;align-items:stretch}.ops-search-label{width:100%;min-width:0;max-width:none}.ops-shortcut{font-size:11px;padding:10px 12px}.ops-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.ops-intro:after,.ops-orbit-core,.ops-orbit-ring,.ops-card{animation:none!important}.ops-card,.ops-shortcut,.ops-tabs button{transition:none!important}.ops-card:hover,.ops-shortcut:hover{transform:none!important}}


/* Keep all six existing Studio destinations reachable on narrow screens. */
@media(max-width:760px){
  .dock-wrap{width:min(calc(100vw - 14px),680px);bottom:max(10px,env(safe-area-inset-bottom))}
  .dock{width:100%;justify-content:space-between;padding:5px;gap:2px;border-radius:18px}
  .dock button{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:49px;padding:8px 2px;font-size:9px;line-height:1.2;border-radius:12px}
  .dock button .icon,.dock button .ct-mark{height:17px;width:17px}
  .dock-caption{display:none}
}
@media(max-width:390px){.dock button{font-size:8.5px;letter-spacing:-.01em}}


/* Interactive provider selection lives inside the EXISTING Automations query path. */
.ct-robot-chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:16px 0 23px}
.ct-robot-choice{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:11px;row-gap:6px;text-align:left;padding:15px 12px;min-height:82px;border-radius:16px;border:1px solid #ffffff21;background:linear-gradient(137deg,#25232d,#13141c);color:#e9e9e6;cursor:pointer;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;font:inherit;box-shadow:inset 0 1px #ffffff08}
.ct-robot-choice .ct-robot-symbol{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid #d6ff3f42;background:#d6ff3f0a;color:#d6ff3f;font-size:18px}
.ct-robot-choice strong{font-size:13px;letter-spacing:.01em;overflow-wrap:anywhere}
.ct-robot-choice small{grid-column:2;font-size:10px;color:#b1b3c0}
.ct-robot-choice .ct-robot-indicator{grid-row:1/3;grid-column:3;opacity:.6;color:#d6ff3f;font-size:18px}
.ct-robot-choice.selected{border-color:#d6ff3f9c;background:linear-gradient(135deg,#d6ff3f18,#1b1c20 84%);box-shadow:0 0 0 1px #d6ff3f23,inset 0 1px #d6ff3f19}
.ct-robot-choice.selected .ct-robot-indicator{opacity:1}
.ct-robot-choice:not(:disabled):hover{transform:translateY(-3px);border-color:#d6ff3f78;box-shadow:0 13px 22px #0004}
.ct-robot-choice:disabled{cursor:not-allowed;opacity:.51}
.ct-robot-choice:focus-visible{outline:2px solid var(--lime,#d6ff3f);outline-offset:3px}
@media(max-width:980px){.ct-robot-chooser{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ct-robot-chooser{grid-template-columns:1fr}.ct-robot-choice{min-height:72px}}
@media(prefers-reduced-motion:reduce){.ct-robot-choice{transition:none}.ct-robot-choice:not(:disabled):hover{transform:none}}


/* Operações reuses the approved interactive 3D Dot canvas, not a second avatar. */
.ops-orbit{pointer-events:auto}
.ops-dot-stage{position:absolute;inset:6%;border-radius:50%;z-index:2;overflow:visible}
.ops-dot-host{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.ops-dot-host .dot-canvas{display:block;width:100%;height:100%;min-width:0;min-height:0;cursor:grab;touch-action:pan-y}
.ops-dot-host .dot-canvas:focus-visible{outline:2px solid #d6ff3f;outline-offset:-5px;border-radius:50%}
.ops-orbit-ring{pointer-events:none;opacity:.55;z-index:1}
@media(max-width:600px){.ops-dot-stage{inset:0}.ops-orbit{opacity:.68;right:13px;top:12px;width:105px;height:105px}.ops-intro .top-copy{padding-right:0}}