/* Autonomous product-showcase motion layer */
  #salesMotionCanvas{
    position:fixed; inset:0; width:100%; height:100%; z-index:-2;
    pointer-events:none; opacity:.72;
  }
  .app-shell::after{
    content:""; position:fixed; inset:-35%; z-index:-3; pointer-events:none;
    background:conic-gradient(from 0deg at 50% 50%, transparent 0 20%, rgba(85,220,231,.035) 28%, transparent 36% 58%, rgba(159,140,255,.035) 66%, transparent 74% 100%);
    animation:globalSweep 26s linear infinite;
  }
  @keyframes globalSweep{to{transform:rotate(360deg)}}

  .brand-mark{position:relative; overflow:visible}
  .brand-mark::before,.brand-mark::after{
    content:""; position:absolute; border-radius:16px; pointer-events:none;
  }
  .brand-mark::before{inset:-5px; border:1px solid rgba(85,220,231,.23); animation:brandOrbit 4.5s linear infinite}
  .brand-mark::after{inset:-10px; border:1px solid rgba(159,140,255,.12); animation:brandOrbit 7s linear infinite reverse}
  @keyframes brandOrbit{0%{transform:rotate(0deg);opacity:.35}50%{opacity:.9}100%{transform:rotate(360deg);opacity:.35}}

  .connection-pill{position:relative; overflow:hidden}
  .connection-pill::before{
    content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.12),transparent 80%);
    transform:translateX(-130%); animation:connectionSweep 4.2s ease-in-out infinite;
  }
  @keyframes connectionSweep{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
  .status-dot{position:relative; box-shadow:0 0 13px currentColor}
  .status-dot::after{content:"";position:absolute;inset:-6px;border:1px solid currentColor;border-radius:50%;animation:statusRadar 1.8s ease-out infinite}
  @keyframes statusRadar{0%{transform:scale(.35);opacity:.85}100%{transform:scale(1.45);opacity:0}}

  .crowd-status-pill{
    height:40px;padding:0 13px;border:1px solid rgba(141,162,184,.16);border-radius:12px;
    display:flex;align-items:center;gap:9px;color:var(--muted);background:rgba(141,162,184,.07);
    font-size:11px;font-weight:650;white-space:nowrap;transition:.28s ease;
  }
  .crowd-status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
  .crowd-status-pill.active{color:var(--red);border-color:rgba(255,107,122,.34);background:rgba(255,107,122,.11);box-shadow:0 0 24px rgba(255,107,122,.10)}
  .crowd-status-pill.active i{animation:crowdAlert 1.15s ease-in-out infinite}
  @keyframes crowdAlert{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}

  .door-status-pill{
    height:40px;padding:0 12px 0 9px;border:1px solid rgba(141,162,184,.18);border-radius:12px;
    display:flex;align-items:center;gap:9px;color:var(--muted);background:rgba(141,162,184,.07);
    white-space:nowrap;transition:border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease;
  }
  .door-visual{position:relative;width:22px;height:27px;flex:0 0 22px;perspective:70px}
  .door-frame{position:absolute;inset:1px 2px 1px 1px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 1px 1px;opacity:.55}
  .door-leaf{
    position:absolute;left:4px;top:4px;width:14px;height:21px;border:1px solid currentColor;border-radius:2px;
    background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.025));
    transform-origin:left center;transform:rotateY(0deg);transition:transform .55s cubic-bezier(.2,.8,.2,1);
  }
  .door-knob{position:absolute;left:15px;top:14px;width:3px;height:3px;border-radius:50%;background:currentColor;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
  .door-copy{display:grid;line-height:1.05}
  .door-copy small{color:var(--muted-2);font-size:8px;font-weight:600}
  .door-copy b{margin-top:3px;font-size:11px;font-weight:750}
  .door-status-pill.closed{color:var(--green);border-color:rgba(93,224,161,.23);background:rgba(93,224,161,.08)}
  .door-status-pill.open{color:var(--amber);border-color:rgba(255,191,91,.36);background:rgba(255,191,91,.11);box-shadow:0 0 24px rgba(255,191,91,.1)}
  .door-status-pill.open .door-leaf{transform:rotateY(-58deg)}
  .door-status-pill.open .door-knob{transform:translateX(-7px)}
  .door-status-pill.open .door-frame{animation:doorOpenGlow 1.65s ease-in-out infinite}
  @keyframes doorOpenGlow{0%,100%{opacity:.42}50%{opacity:1;filter:drop-shadow(0 0 5px currentColor)}}

  .health-status-wrap{position:relative;z-index:55}
  .health-status-pill{
    height:40px;padding:0 13px;border:1px solid rgba(141,162,184,.16);border-radius:12px;
    display:flex;align-items:center;gap:9px;color:var(--muted);background:rgba(141,162,184,.07);
    font-family:inherit;font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer;transition:.28s ease;
  }
  .health-status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
  .health-status-pill.ok{color:var(--green);border-color:rgba(93,224,161,.23);background:rgba(93,224,161,.08)}
  .health-status-pill.warning{color:var(--amber);border-color:rgba(255,191,91,.28);background:rgba(255,191,91,.09)}
  .health-status-pill.critical{color:var(--red);border-color:rgba(255,107,122,.34);background:rgba(255,107,122,.11)}
  .health-status-pill.warning i,.health-status-pill.critical i{animation:crowdAlert 1.15s ease-in-out infinite}
  .health-popover{
    position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));padding:15px;
    border:1px solid rgba(141,162,184,.18);border-radius:15px;background:rgba(7,18,32,.97);
    box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(20px);color:var(--text)
  }
  .health-popover[hidden]{display:none}
  .health-popover-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
  .health-popover-head strong{font-size:13px}.health-popover-head small{color:var(--muted-2);font-size:9px}
  .health-popover ul{display:grid;gap:7px;margin:11px 0;padding:0;list-style:none}
  .health-popover li{position:relative;padding-left:14px;color:var(--muted);font-size:11px;line-height:1.35}
  .health-popover li::before{content:"";position:absolute;left:0;top:.43em;width:6px;height:6px;border-radius:50%;background:currentColor}
  .health-popover li.ok{color:var(--green)}.health-popover li.warning{color:var(--amber)}.health-popover li.critical{color:var(--red)}
  .health-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:10px;border-top:1px solid var(--line)}
  .health-metrics div{padding:8px;border-radius:10px;background:rgba(255,255,255,.025)}
  .health-metrics span{display:block;color:var(--muted-2);font-size:8px}.health-metrics strong{display:block;margin-top:4px;font-size:11px}

  .ai-status-wrap{position:relative;z-index:54}
  .ai-status-pill{
    height:40px;padding:0 13px;border:1px solid rgba(85,220,231,.22);border-radius:12px;
    display:flex;align-items:center;gap:9px;color:var(--cyan);background:rgba(85,220,231,.07);
    font-family:inherit;font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer;transition:.28s ease;
  }
  .ai-status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
  .ai-status-pill.learning i{animation:aiLearn 1.8s ease-in-out infinite}
  .ai-status-pill.normal{color:var(--green);border-color:rgba(93,224,161,.23);background:rgba(93,224,161,.08)}
  .ai-status-pill.watch,.ai-status-pill.suppressed{color:var(--amber);border-color:rgba(255,191,91,.28);background:rgba(255,191,91,.09)}
  .ai-status-pill.unusual{color:var(--red);border-color:rgba(255,107,122,.34);background:rgba(255,107,122,.11)}
  @keyframes aiLearn{0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.12)}}
  .ai-popover{
    position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));padding:15px;
    border:1px solid rgba(85,220,231,.18);border-radius:15px;background:rgba(7,18,32,.97);
    box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(20px);color:var(--text)
  }
  .ai-popover[hidden]{display:none}
  .ai-popover-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
  .ai-popover-head strong{font-size:13px}.ai-popover-head small{color:var(--cyan);font-size:9px}
  .ai-progress{padding:11px 0 9px}.ai-progress>span{display:block;margin-bottom:7px;color:var(--muted);font-size:10px}
  .ai-progress>div{height:4px;overflow:hidden;border-radius:999px;background:rgba(141,162,184,.12)}
  .ai-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 10px rgba(85,220,231,.35);transition:width .65s ease}
  .ai-popover ul{display:grid;gap:7px;margin:5px 0 11px;padding:0;list-style:none}
  .ai-popover li{position:relative;padding-left:14px;color:var(--muted);font-size:11px;line-height:1.35}
  .ai-popover li::before{content:"";position:absolute;left:0;top:.43em;width:6px;height:6px;border-radius:50%;background:var(--cyan)}
  .ai-safety{margin:0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted-2);font-size:9px;line-height:1.45}

  .ai-insight-card{
    position:relative;margin:-6px 0 18px;padding:18px 18px 17px;overflow:hidden;
    display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:start;
    border:1px solid rgba(255,191,91,.3);border-radius:18px;
    background:linear-gradient(110deg,rgba(255,191,91,.13),rgba(13,29,47,.88) 45%,rgba(85,220,231,.055));
    box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
    animation:aiInsightIn .55s cubic-bezier(.2,.8,.2,1) both;
  }
  .ai-insight-card.unusual{border-color:rgba(255,107,122,.34);background:linear-gradient(110deg,rgba(255,107,122,.14),rgba(13,29,47,.9) 45%,rgba(159,140,255,.06))}
  .ai-insight-card.normal{border-color:rgba(93,224,161,.28);background:linear-gradient(110deg,rgba(93,224,161,.12),rgba(13,29,47,.9) 48%,rgba(85,220,231,.05))}
  @keyframes aiInsightIn{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:none}}
  .ai-insight-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.055),transparent 68%);transform:translateX(-120%);animation:aiInsightSweep 8s ease-in-out infinite}
  @keyframes aiInsightSweep{0%,58%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
  .ai-insight-mark{position:relative;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--amber);background:rgba(255,191,91,.11);border:1px solid rgba(255,191,91,.24)}
  .ai-insight-card.unusual .ai-insight-mark{color:var(--red);background:rgba(255,107,122,.11);border-color:rgba(255,107,122,.25)}
  .ai-insight-card.normal .ai-insight-mark{color:var(--green);background:rgba(93,224,161,.1);border-color:rgba(93,224,161,.22)}
  .ai-insight-mark span{width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:0 0 18px currentColor;animation:aiLearn 1.8s ease-in-out infinite}
  .ai-insight-mark i{position:absolute;inset:7px;border:1px solid currentColor;border-radius:50%;opacity:.35;animation:statusRadar 2s ease-out infinite}
  .ai-insight-body{min-width:0}.ai-insight-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px}
  .ai-insight-meta span{color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:.12em}.ai-insight-meta b{padding:4px 9px;border-radius:999px;color:var(--muted);background:rgba(255,255,255,.045);font-size:10px;font-weight:650}
  .ai-insight-card h2{margin:1px 0 0;font-size:20px;line-height:1.2}.ai-insight-summary{margin:7px 0 11px;color:var(--muted);font-size:13px;line-height:1.5}
  .ai-insight-evidence{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ai-insight-evidence li{position:relative;padding-left:16px;color:var(--text);font-size:13px;line-height:1.45}
  .ai-insight-evidence li::before{content:"";position:absolute;left:0;top:.48em;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px rgba(255,191,91,.5)}
  .ai-insight-card.unusual .ai-insight-evidence li::before{background:var(--red);box-shadow:0 0 8px rgba(255,107,122,.5)}
  .ai-insight-card.normal .ai-insight-evidence li::before{background:var(--green);box-shadow:0 0 8px rgba(93,224,161,.45)}
  .report-ai-insight{margin-top:0}.report-ai-insight .ai-insight-more{text-decoration:none;text-align:center}
  .ai-insight-context{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.ai-insight-context span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted-2);background:rgba(255,255,255,.025);font-size:10px}
  .ai-insight-action{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line);color:var(--green);font-size:12px;font-weight:600;line-height:1.5}
  .ai-feedback{position:relative;z-index:1;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
  .ai-feedback>strong{display:block;margin-bottom:8px;color:var(--text);font-size:12px}
  .ai-feedback-options{display:flex;flex-wrap:wrap;gap:7px}
  .ai-feedback-button{padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.025);font:600 11px/1.25 inherit;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}
  .ai-feedback-button:hover{color:var(--cyan);border-color:rgba(85,220,231,.28);background:rgba(85,220,231,.055);transform:translateY(-1px)}
  .ai-feedback-button.selected{color:var(--green);border-color:rgba(93,224,161,.35);background:rgba(93,224,161,.09)}
  .ai-feedback-button:disabled{opacity:.5;cursor:wait;transform:none}
  .ai-feedback-status{min-height:17px;margin:7px 0 0;color:var(--muted-2);font-size:11px;line-height:1.4}.ai-feedback-status.error{color:var(--red)}
  .ai-insight-more{position:relative;z-index:1;padding:9px 13px;border:1px solid rgba(85,220,231,.18);border-radius:10px;color:var(--cyan);background:rgba(85,220,231,.06);font-family:inherit;font-size:11px;font-weight:650;cursor:pointer}
  .ai-insight-event .event-icon span{font-size:8px;font-weight:800;letter-spacing:-.03em}

  .hero-panel::after{
    content:""; position:absolute; top:-25%; bottom:-25%; width:26%; z-index:0; pointer-events:none;
    background:linear-gradient(105deg,transparent,rgba(85,220,231,.08),rgba(255,255,255,.08),transparent);
    filter:blur(1px); animation:heroScanner 6.8s cubic-bezier(.4,0,.2,1) infinite;
  }
  @keyframes heroScanner{0%,16%{left:-35%;opacity:0}27%{opacity:1}64%{left:118%;opacity:.8}72%,100%{left:118%;opacity:0}}
  .hero-panel::before{animation:gridDrift 16s linear infinite}
  @keyframes gridDrift{to{background-position:56px 28px,28px 56px}}

  .safety-orbit{position:relative; isolation:isolate}
  .safety-orbit::before,.safety-orbit::after{
    content:""; position:absolute; border-radius:50%; pointer-events:none; z-index:-1;
  }
  .safety-orbit::before{inset:-13px;border:1px solid rgba(85,220,231,.24);animation:orbitPulse 3.2s ease-in-out infinite}
  .safety-orbit::after{inset:-28px;border:1px solid rgba(159,140,255,.13);animation:orbitPulse 3.2s ease-in-out infinite .85s}
  .safety-orbit > svg{animation:orbitRotate 15s linear infinite;filter:drop-shadow(0 0 12px rgba(85,220,231,.18))}
  @keyframes orbitRotate{to{transform:rotate(360deg)}}
  @keyframes orbitPulse{0%,100%{transform:scale(.93);opacity:.2}50%{transform:scale(1.07);opacity:.85}}

  .sales-orbit-sweep{position:absolute;inset:8%;border-radius:50%;overflow:hidden;pointer-events:none;z-index:2;mix-blend-mode:screen}
  .sales-orbit-sweep::before{
    content:"";position:absolute;left:50%;top:50%;width:50%;height:2px;transform-origin:left center;
    background:linear-gradient(90deg,rgba(85,220,231,.9),transparent);box-shadow:0 0 12px rgba(85,220,231,.9);
    animation:radarSweep 3s linear infinite;
  }
  @keyframes radarSweep{to{transform:rotate(360deg)}}

  .metric-card{isolation:isolate}
  .metric-icon::before,.metric-icon::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid currentColor;pointer-events:none}
  .metric-icon::before{animation:metricSignal 2.5s ease-out infinite}
  .metric-icon::after{animation:metricSignal 2.5s ease-out infinite 1.25s}
  @keyframes metricSignal{0%{transform:scale(.78);opacity:.55}100%{transform:scale(1.55);opacity:0}}
  .metric-live-line{position:absolute;left:14px;right:14px;bottom:7px;height:1px;background:rgba(148,176,204,.07);overflow:hidden;border-radius:2px}
  .metric-live-line::after{content:"";position:absolute;width:32%;height:100%;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:liveTrack 2.8s linear infinite}
  @keyframes liveTrack{from{transform:translateX(-140%)}to{transform:translateX(410%)}}

  .room-card{transition:border-color .45s ease,box-shadow .45s ease,background .45s ease}
  .online-chip{position:relative}
  .presence-pill:not(.quiet){animation:presenceBreathe 2.2s ease-in-out infinite}
  @keyframes presenceBreathe{0%,100%{box-shadow:0 0 0 rgba(93,224,161,0)}50%{box-shadow:0 0 22px rgba(93,224,161,.24)}}
  .sparkline .line{stroke-dasharray:7 8;animation:sparkTravel 3.5s linear infinite;filter:drop-shadow(0 0 3px currentColor)}
  @keyframes sparkTravel{to{stroke-dashoffset:-60}}
  .vitals-panel{overflow:hidden}
  .vitals-panel::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
    background:linear-gradient(90deg,transparent,rgba(93,224,161,.09),transparent);
    transform:translateX(-120%);animation:vitalsScan 4.8s linear infinite;
  }
  @keyframes vitalsScan{to{transform:translateX(120%)}}
  .vitals-wave{position:relative;filter:drop-shadow(0 0 6px rgba(93,224,161,.26))}
  .vitals-wave::after{content:"";position:absolute;top:0;bottom:0;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);animation:waveScan 1.8s linear infinite}
  @keyframes waveScan{from{left:-30%}to{left:112%}}
  /* GERCEK akan EKG (hastane monitoru gibi): statik motion.path svg gizlenir (canvas
     enjekte edilince), canvas doldurur. Cizim sales_motion.js'te (HR'ye senkron, surekli akar). */
  .vitals-wave:has(canvas.ecg-live) svg{display:none!important}
  .vitals-wave canvas.ecg-live{position:absolute;inset:0;width:100%;height:100%;display:block}
  .heart-animation{animation:heartBeat 1s ease-in-out infinite}
  @keyframes heartBeat{0%,100%{transform:scale(1)}12%{transform:scale(1.16)}25%{transform:scale(.96)}38%{transform:scale(1.09)}55%{transform:scale(1)}}
  .breath-animation{animation:breathCycle 4s ease-in-out infinite}
  @keyframes breathCycle{0%,100%{transform:scale(.94);filter:brightness(.9)}50%{transform:scale(1.08);filter:brightness(1.25)}}
  .live-chip i{box-shadow:0 0 10px currentColor;animation:liveBlink 1.35s ease-in-out infinite}
  @keyframes liveBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.62)}}
  .confidence-bars i{animation:signalBars 1.4s ease-in-out infinite alternate}
  .confidence-bars i:nth-child(2){animation-delay:.15s}.confidence-bars i:nth-child(3){animation-delay:.3s}.confidence-bars i:nth-child(4){animation-delay:.45s}
  @keyframes signalBars{from{filter:brightness(.75);transform:scaleY(.68)}to{filter:brightness(1.35);transform:scaleY(1.08)}}

  .timeline-panel{overflow:hidden}
  .timeline::before{content:"";position:absolute;left:15px;top:48px;bottom:22px;width:1px;background:linear-gradient(var(--cyan),rgba(85,220,231,.04));opacity:.28}
  .timeline-item:first-child .event-icon{animation:eventBeacon 2.3s ease-in-out infinite}
  @keyframes eventBeacon{0%,100%{box-shadow:0 0 0 rgba(85,220,231,0)}50%{box-shadow:0 0 22px rgba(85,220,231,.25)}}

  .autonomous-badge{
    position:fixed;right:22px;bottom:20px;z-index:40;display:flex;align-items:center;gap:8px;
    padding:8px 11px;border:1px solid rgba(85,220,231,.18);border-radius:999px;
    color:var(--cyan);background:rgba(6,16,29,.76);backdrop-filter:blur(14px);
    font-size:9px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 34px rgba(0,0,0,.22)
  }
  .autonomous-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:liveBlink 1.25s ease-in-out infinite}

  @media(max-width:760px){
    #salesMotionCanvas{opacity:.42}.autonomous-badge{right:14px;bottom:88px}.hero-panel::after{width:45%}
    .crowd-status-pill{grid-column:1 / 3;grid-row:2;width:100%;min-width:0;height:36px;padding:0 10px;justify-content:center;font-size:10px}
    .health-status-wrap{grid-column:3 / 5;grid-row:2;width:100%;min-width:0}
    .health-status-pill{width:100%;min-width:0;height:36px;padding:0 10px;justify-content:center;font-size:10px}
    .door-status-pill{grid-column:1 / 5;grid-row:3;width:100%;min-width:0;height:40px;justify-content:center}
    .ai-status-wrap{grid-column:1 / 5;grid-row:4;width:100%;min-width:0}
    .ai-status-pill{width:100%;min-width:0;height:36px;padding:0 10px;justify-content:center;font-size:10px}
    .crowd-status-pill span,.health-status-pill span,.ai-status-pill span,.door-copy{min-width:0;overflow:hidden;text-overflow:ellipsis}
    .health-popover,.ai-popover{position:fixed;left:16px;right:16px;top:78px;width:auto}
    .ai-insight-card{grid-template-columns:40px minmax(0,1fr);padding:15px;gap:12px}.ai-insight-mark{width:40px;height:40px;border-radius:13px}.ai-insight-more{grid-column:1/-1;width:100%}.ai-feedback-options{display:grid}.ai-feedback-button{width:100%;text-align:left}
  }
  @media(max-width:360px){
    .crowd-status-pill,.health-status-pill,.ai-status-pill,.door-status-pill{gap:7px;padding-inline:8px;font-size:9px}
  }
  @media(prefers-reduced-motion:reduce){#salesMotionCanvas,.autonomous-badge{display:none!important}.app-shell::after{display:none!important}.ai-insight-card,.ai-insight-card::after,.ai-insight-mark span,.ai-insight-mark i,.door-status-pill.open .door-frame{animation:none!important}.door-leaf,.door-knob{transition:none!important}}
/* Injected account action; keeps logout distinct without looking like an alarm. */
.logout-nav-link:hover { color: var(--red); background: rgba(255,107,122,.07); }
.logout-nav-link:disabled { opacity: .45; cursor: wait; }
.detail-cell[data-metric="pressure"] strong {
  color: var(--muted);
}

.detail-cell[data-metric="pressure"].pressure-stable strong {
  color: var(--green);
}

.detail-cell[data-metric="pressure"].pressure-up strong,
.detail-cell[data-metric="pressure"].pressure-down strong {
  color: var(--amber);
}

.pressure-direction {
  display: block;
  margin-top: 4px;
  color: var(--amber);
  font-size: 9px;
  line-height: 1.22;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Metrik-secilebilir gecmis grafigi overlay'i (Ufuk 2026-07-23) —
   React dialog class'larini (.modal-backdrop/.dialog-card/.dialog-head/.dialog-stats)
   yeniden kullanir; sadece yeni alt-ogeler burada stillenir. */
.modal-backdrop .dialog-close {
  margin-left: auto;
  background: none;
  border: 0;
  color: var(--muted, #8da2b8);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 9px;
  border-radius: 8px;
}
.modal-backdrop .dialog-close:hover {
  color: var(--text, #f4f8fc);
  background: rgba(255, 255, 255, .06);
}
.metric-tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 6px 0 12px;
}
.metric-tab {
  flex: 1 1 auto;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--line, rgba(148, 176, 204, .14));
  border-radius: 10px;
  background: rgba(255, 255, 255, .02);
  color: var(--muted, #8da2b8);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: color .2s, background .2s, border-color .2s;
}
.metric-tab.is-active {
  color: #06101d;
  background: #5de0a1;
  border-color: #5de0a1;
}
.metric-chart {
  position: relative;
  height: 150px;
  margin-top: 12px;
}
.metric-chart canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.metric-chart .chart-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}