/* =========================================================
   PHASE 2 — MINI-APP INTERACTIONS
========================================================= */

/* SERVICES */
.service-mode-switch{position:absolute;top:17px;right:17px;z-index:4;display:flex;gap:4px;padding:4px;border:1px solid rgba(96,174,221,.09);border-radius:9px;background:rgba(3,15,24,.7);backdrop-filter:blur(10px)}
.service-mode-switch button{min-height:29px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#466b80;font-family:var(--font-mono);font-size:6px;letter-spacing:.08em;cursor:pointer;transition:.2s ease}
.service-mode-switch button.active{background:rgba(20,91,132,.28);color:var(--blue);box-shadow:inset 0 0 0 1px rgba(92,188,246,.11)}
.service-live-stats{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.service-live-stats>div{padding:11px 12px;border:1px solid rgba(100,176,221,.08);border-radius:9px;background:rgba(4,18,28,.38)}
.service-live-stats small,.service-live-stats strong{display:block;font-family:var(--font-mono)}
.service-live-stats small{color:#45697e;font-size:6px;letter-spacing:.09em}
.service-live-stats strong{margin-top:6px;color:#81abc0;font-size:7px;font-weight:500}
.service-visual[data-mode="monitor"] .visual-radar span{animation-duration:1.9s}
.service-visual[data-mode="respond"] .visual-radar span{animation-duration:.85s}
.service-visual[data-mode="respond"] .visual-radar{border-color:rgba(255,81,87,.18);box-shadow:0 0 35px rgba(255,81,87,.05)}
.service-visual.mode-pulse{animation:serviceVisualPulse .46s ease-out}
@keyframes serviceVisualPulse{0%{transform:scale(.992);opacity:.78}100%{transform:scale(1);opacity:1}}
.services-stage.service-stage-shift{animation:serviceStageShift .42s cubic-bezier(.2,.8,.2,1)}
@keyframes serviceStageShift{0%{transform:translateY(7px);opacity:.72}100%{transform:translateY(0);opacity:1}}
.text-transition-out{opacity:0;transform:translateY(4px);transition:.15s ease}.text-transition-in{animation:textIn .28s ease-out}
@keyframes textIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* INDUSTRIES */
.blueprint-view-switch{margin-top:17px;display:inline-flex;gap:5px;padding:4px;border:1px solid rgba(98,175,220,.08);border-radius:9px;background:rgba(4,18,28,.42)}
.blueprint-view-switch button{min-height:31px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#486c80;font-family:var(--font-mono);font-size:6px;letter-spacing:.08em;cursor:pointer}
.blueprint-view-switch button.active{background:rgba(17,77,112,.25);color:var(--blue)}
.blueprint-mode-badge{position:absolute;top:16px;left:18px;z-index:4;padding:9px 11px;border:1px solid rgba(98,175,220,.09);border-radius:8px;background:rgba(3,15,24,.72);backdrop-filter:blur(10px)}
.blueprint-mode-badge small,.blueprint-mode-badge strong{display:block;font-family:var(--font-mono)}
.blueprint-mode-badge small{color:#456b80;font-size:5px;letter-spacing:.1em}.blueprint-mode-badge strong{margin-top:5px;color:#7ea9be;font-size:6px;font-weight:500}
.blueprint-canvas[data-view="response"] .risk-node{border-color:rgba(92,188,246,.22);background:rgba(7,31,46,.8)}
.blueprint-canvas[data-view="response"] .risk-node span,.blueprint-canvas[data-view="response"] .risk-node small{color:#7db8d8}
.blueprint-canvas[data-view="response"] .blueprint-routes path{stroke:rgba(62,208,154,.58);animation-duration:.7s}
.blueprint-canvas[data-view="monitor"] .risk-node{border-color:rgba(62,208,154,.18);background:rgba(5,36,31,.64)}
.blueprint-canvas[data-view="monitor"] .risk-node::before{border-color:rgba(62,208,154,.34)}
.blueprint-canvas[data-view="monitor"] .blueprint-routes path{stroke:rgba(92,188,246,.18);stroke-dasharray:2 9;animation-duration:1.8s}
.blueprint-canvas[data-view="monitor"] .blueprint-building{box-shadow:inset 0 0 70px rgba(62,208,154,.035),0 0 45px rgba(62,208,154,.03)}
.blueprint-view-pulse{animation:blueprintViewPulse .42s ease-out}
@keyframes blueprintViewPulse{0%{filter:brightness(.8)}100%{filter:brightness(1)}}

/* PARTNERS */
.partner-auto-toggle{min-width:60px!important;width:auto!important;padding:0 10px!important;border-radius:20px!important;display:flex!important;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:6px;letter-spacing:.08em}
.partner-auto-toggle span{width:5px;height:5px;border-radius:50%;background:#456779}.partner-auto-toggle.active span{background:var(--green);box-shadow:0 0 8px rgba(62,208,154,.42);animation:partnerAutoPulse 1.6s ease-in-out infinite}
@keyframes partnerAutoPulse{50%{transform:scale(1.3);opacity:.68}}
.partner-node.active{box-shadow:0 0 0 1px rgba(92,188,246,.1),0 18px 52px rgba(19,102,151,.14)}

/* ASKARI INTAKE */
.askari-intake-progress{margin-top:20px;display:flex;align-items:center;gap:8px}
.askari-intake-progress span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(95,174,220,.09);border-radius:50%;color:#3f6277;font-family:var(--font-mono);font-size:6px;transition:.22s ease}
.askari-intake-progress span.active{color:var(--blue);border-color:rgba(92,188,246,.28);background:rgba(18,78,113,.18);box-shadow:0 0 16px rgba(92,188,246,.07)}
.askari-intake-progress span.done{color:var(--green);border-color:rgba(62,208,154,.18)}
.askari-intake-progress i{width:26px;height:1px;background:rgba(94,170,215,.09)}
.askari-secondary-options{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.askari-secondary-options[hidden],.askari-result-actions[hidden]{display:none!important}
.askari-secondary-options button{min-height:44px;padding:0 12px;border:1px solid rgba(96,172,217,.1);border-radius:9px;background:rgba(5,23,35,.62);color:#7495a9;cursor:pointer;font-size:8px;transition:.2s ease}
.askari-secondary-options button:hover,.askari-secondary-options button.active{transform:translateY(-1px);border-color:rgba(92,188,246,.28);background:rgba(18,78,113,.17);color:white}
.askari-result-actions{margin-top:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.askari-result-actions a,.askari-result-actions button{min-height:40px;padding:0 13px;border-radius:8px;font-size:7px;font-weight:600}
.askari-result-actions a{display:inline-flex;align-items:center;text-decoration:none;background:linear-gradient(135deg,var(--blue-strong),var(--blue-deep));color:white}.askari-result-actions button{border:1px solid rgba(96,172,217,.1);background:rgba(4,18,28,.5);color:#67889b;cursor:pointer}
.askari-typing::after{content:'▋';margin-left:2px;color:var(--blue);animation:askariCursor .6s steps(1) infinite}@keyframes askariCursor{50%{opacity:0}}

.interaction-pulse{animation:interactionPulse .38s ease-out}@keyframes interactionPulse{0%{filter:brightness(.88)}100%{filter:brightness(1)}}

@media(max-width:720px){.service-mode-switch{top:12px;right:12px}.service-live-stats,.askari-secondary-options{grid-template-columns:1fr}.blueprint-view-switch{display:grid;grid-template-columns:1fr;width:100%}.blueprint-view-switch button{width:100%}.blueprint-mode-badge{top:12px;left:12px}.partner-auto-toggle{order:2}}
@media(prefers-reduced-motion:reduce){.partner-auto-toggle.active span,.askari-typing::after{animation:none!important}}

/* GuardianOS v13 Askari shield placements */
.askari-symbol.askari-identity-ring {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  flex: 0 0 42px;
}

.askari-network-mark,
.askari-industry-mark {
  display: grid;
  place-items: center;
}

.askari-network-mark {
  width: 32px;
  height: 32px;
  margin: 0 auto 5px;
}

.askari-industry-mark {
  width: 28px;
  height: 28px;
}

.askari-preview-orb.askari-identity-ring {
  border-radius: 26px;
}

.contact-ai-orb.askari-identity-ring {
  border-radius: 50%;
}

.button .askari-inline-icon {
  width: 16px;
  height: 16px;
  margin-left: 6px;
}