:root{--bg:#0d0f14;--card:#15181f;--card2:#1a1c22;--text:#f1f5f9;--muted:#94a3b8;--border:rgba(255,255,255,.09);--green:#34d399;--cyan:#22d3ee;--indigo:#6366f1;--purple:#a855f7;--red:#f43f5e;--amber:#fbbf24;--radius:16px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.app{min-height:100vh;background-image:radial-gradient(60% 50% at 18% 0%,rgba(34,211,238,.10),transparent 60%),radial-gradient(50% 50% at 85% 4%,rgba(168,85,247,.12),transparent 55%),radial-gradient(45% 45% at 50% 100%,rgba(99,102,241,.08),transparent 60%)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:256px;border-right:1px solid rgba(255,255,255,.05);padding:16px;display:flex;flex-direction:column;z-index:30;background:rgba(13,15,20,.35);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;padding:2px}.logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#22d3ee,#6366f1 55%,#a855f7);box-shadow:0 0 22px rgba(99,102,241,.25);color:#fff}.brand span{font-size:18px;font-weight:700;letter-spacing:-.02em}.nav{margin-top:32px;display:flex;flex-direction:column;gap:4px}.nav button{width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--muted);font-size:14px;font-weight:600;transition:.18s}.nav button:hover{background:rgba(255,255,255,.03);color:#fff}.nav button.active{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.2);color:#86efac}.nav-icon{width:18px;height:18px;display:grid;place-items:center;font-size:16px}.scanner{margin-top:auto;border:1px solid var(--border);background:linear-gradient(160deg,rgba(34,211,238,.05),rgba(168,85,247,.03));border-radius:14px;padding:12px}.scanner-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(52,211,153,.7);animation:pulse 2.4s infinite}.scanner small{display:block;color:#64748b;margin-top:5px;font-size:10px}.main{margin-left:256px;min-height:100vh}.content{max-width:1280px;margin:0 auto;padding:32px}.mobilebar{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:13px;color:var(--muted)}h1{font-size:28px;line-height:1.2;margin:0;font-weight:750;letter-spacing:-.03em}.gradient{background:linear-gradient(135deg,#22d3ee,#6366f1 55%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:6px 0 0;color:var(--muted);font-size:14px}.head-actions{display:flex;gap:8px}.icon-btn,.profile-btn,.btn{border:1px solid var(--border);background:rgba(255,255,255,.04);border-radius:12px;min-height:38px;padding:0 12px;color:var(--muted);transition:.18s}.icon-btn{width:38px;padding:0}.icon-btn:hover,.profile-btn:hover,.btn:hover{background:rgba(255,255,255,.08);color:#fff}.profile{position:relative}.profile-btn{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#6366f1,#a855f7);font-size:11px;font-weight:800;color:#fff}.menu{position:absolute;right:0;top:46px;width:220px;background:rgba(24,27,34,.98);border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 20px 60px rgba(0,0,0,.45);z-index:50}.menu p{padding:8px 10px;margin:0;font-size:11px;color:var(--muted)}.menu button{display:block;width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;text-align:left;font-size:13px}.menu button:hover{background:rgba(255,255,255,.05)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-title h2{font-size:15px;margin:0}.live{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(52,211,153,.2);background:rgba(52,211,153,.1);color:#86efac;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:650}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2-1{grid-template-columns:2fr 1fr}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--border);background:rgba(26,28,34,.82);border-radius:16px;padding:18px;backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(0,0,0,.08)}.card h3{margin:0;font-size:14px}.muted{color:var(--muted)}.tiny{font-size:11px}.metric{font-size:30px;font-weight:750;letter-spacing:-.04em}.health-card{display:flex;flex-direction:column;min-height:190px}.donut{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) 0 8%,var(--amber) 8% 20%,var(--cyan) 20% 25%,rgba(255,255,255,.05) 25% 100%);position:relative}.donut:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#171920}.donut strong,.donut span{position:relative;z-index:1}.donut strong{font-size:23px}.donut span{font-size:10px;color:var(--muted);display:block;text-align:center}.donut-wrap{display:flex;align-items:center;gap:18px;margin-top:15px}.legend{display:grid;gap:8px}.legend div{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.legend i{width:7px;height:7px;border-radius:50%}.health-score{font-size:42px;font-weight:800;letter-spacing:-.05em}.progress{height:7px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#22d3ee)}.mini-list{display:grid;gap:10px;margin-top:14px}.mini-item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.badge{border:1px solid var(--border);background:rgba(255,255,255,.04);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:650}.badge.green{color:#86efac;border-color:rgba(52,211,153,.2);background:rgba(52,211,153,.08)}.badge.red{color:#fda4af;border-color:rgba(244,63,94,.2);background:rgba(244,63,94,.08)}.badge.amber{color:#fcd34d;border-color:rgba(251,191,36,.2);background:rgba(251,191,36,.08)}.chart-card{min-height:330px}.chart{height:240px;margin-top:16px}.chart svg{width:100%;height:100%;overflow:visible}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.04);text-align:left}.table th{color:var(--muted);font-weight:600}.table tr:hover td{background:rgba(255,255,255,.02)}.table td:last-child,.table th:last-child{text-align:right}.healthbar{display:flex;align-items:center;gap:8px}.healthbar .progress{width:70px;height:6px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.quick{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:12px;padding:12px;text-align:left}.quick:hover{background:rgba(255,255,255,.05)}.quick b{display:block;font-size:12px}.quick span{font-size:10px;color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.input,.select{height:40px;border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:12px;color:#fff;padding:0 12px;outline:none}.input{flex:1;min-width:220px}.select{min-width:140px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:rgba(255,255,255,.02);border-radius:999px;padding:7px 10px;font-size:11px;color:var(--muted)}.chip.active{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.1);color:#86efac}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.summary-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.summary-card .num{font-size:24px;font-weight:750}.summary-card .label{font-size:11px;color:var(--muted);margin-top:3px}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:1px;background:rgba(255,255,255,.1)}.event{position:relative;padding:0 0 18px}.event:before{content:"";position:absolute;left:-23px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(34,211,238,.08)}.event.critical:before{background:var(--red);box-shadow:0 0 0 4px rgba(244,63,94,.08)}.event .time{font-size:10px;color:#64748b}.event h4{font-size:13px;margin:3px 0}.event p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.git-row{display:grid;grid-template-columns:110px 1fr 120px 110px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.04);font-size:12px}.git-row:first-child{border-top:0}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#cbd5e1}.graph-wrap{height:520px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 50% 45%,rgba(34,211,238,.05),transparent 35%),rgba(26,28,34,.82)}.graph-wrap svg{width:100%;height:100%}.node{cursor:pointer}.node rect{fill:#181b22;stroke:rgba(255,255,255,.12)}.node text{fill:#e2e8f0;font-size:12px}.node .subtext{fill:#64748b;font-size:9px}.edge{stroke:rgba(148,163,184,.3);stroke-width:1.5}.edge.active{stroke:#22d3ee;stroke-width:2}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.integration{padding:15px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025);cursor:pointer}.integration:hover{background:rgba(255,255,255,.05);border-color:rgba(52,211,153,.25)}.int-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(168,85,247,.16));display:grid;place-items:center;font-weight:800;color:#67e8f9}.integration h4{margin:12px 0 4px;font-size:13px}.integration p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.ai{display:grid;grid-template-columns:1fr 320px;gap:16px}.chat{min-height:520px;display:flex;flex-direction:column}.messages{flex:1;display:grid;gap:12px;overflow:auto;padding-right:4px}.msg{max-width:85%;padding:12px 14px;border-radius:14px;font-size:12px;line-height:1.55}.msg.ai{background:rgba(255,255,255,.035);border:1px solid var(--border);justify-self:start}.msg.user{background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(99,102,241,.16));border:1px solid rgba(99,102,241,.25);justify-self:end}.chat-input{display:flex;gap:8px;margin-top:12px}.chat-input input{flex:1}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{position:relative}.plan.popular{border-color:rgba(52,211,153,.4);box-shadow:0 0 40px -10px rgba(52,211,153,.25)}.popular-tag{position:absolute;top:12px;right:12px;color:#bbf7d0;font-size:9px;border:1px solid rgba(52,211,153,.25);background:rgba(52,211,153,.08);border-radius:999px;padding:4px 7px}.price{font-size:34px;font-weight:800;margin:18px 0 4px}.features{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:9px}.features li{font-size:11px;color:#cbd5e1;display:flex;gap:7px}.features li:before{content:"✓";color:#34d399;font-weight:800}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid rgba(255,255,255,.04)}.toggle{width:42px;height:24px;border:0;border-radius:999px;background:#334155;position:relative}.toggle.on{background:#10b981}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:.18s}.toggle.on:after{left:21px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);border:1px solid var(--border);border-radius:18px;background:#171a21;box-shadow:0 30px 100px rgba(0,0,0,.55);padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h2{font-size:18px;margin:0}.toast{position:fixed;right:20px;bottom:20px;background:#171a21;border:1px solid var(--border);padding:12px 14px;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.4);font-size:12px;z-index:120}.empty{padding:40px;text-align:center;color:var(--muted);font-size:13px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.sidebar{display:none}.main{margin-left:0}.mobilebar{display:flex;position:sticky;top:0;z-index:40;height:58px;padding:10px 16px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(13,15,20,.82);backdrop-filter:blur(18px)}.content{padding:22px 16px}.grid-3,.plans{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:repeat(3,1fr)}.ai{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:700px){h1{font-size:23px}.page-head{flex-direction:column}.grid-3,.grid-2-1,.grid-2,.plans,.summary-cards,.integration-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.git-row{grid-template-columns:80px 1fr}.git-row>*:nth-child(n+3){display:none}.graph-wrap{height:420px}.toolbar{flex-direction:column}.input,.select{width:100%;min-width:0}.head-actions{align-self:stretch}.head-actions>*{flex:1}.table{min-width:680px}.table-wrap{overflow:auto}.settings-grid{grid-template-columns:1fr}} /* Findra Frontend v2 API states */ .loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,rgba(34,211,238,.08),transparent 35%)} .loading-screen .logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#fff;font-weight:800;font-size:26px;box-shadow:0 0 35px rgba(34,211,238,.18);margin-bottom:18px} .loading-screen .card{background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form-field{display:grid;gap:6px}.form-field>span{font-size:11px;color:var(--muted);font-weight:650}.form-field .input,.form-field .select{width:100%;min-width:0}.form-wide{grid-column:1/-1}.form-textarea{height:100px;padding:10px 12px;resize:vertical;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.btn.primary{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.1);color:#86efac}.btn.danger{border-color:rgba(244,63,94,.25);background:rgba(244,63,94,.08);color:#fda4af}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.modal-actions{flex-wrap:wrap}.modal-actions>*{flex:1}} .incident-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.incident-detail-grid .card{min-width:0}@media(max-width:760px){.incident-detail-grid{grid-template-columns:1fr}} /* Findra v3 additions */ .auth-card{max-width:460px;margin:70px auto}.auth-card .logo{margin-bottom:16px}.connector-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.connector-card{position:relative}.connector-card .status-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.connector-card .connector-fields{display:grid;gap:9px;margin-top:12px}.connector-card .connector-fields .input{width:100%;min-width:0}.monitor-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(34,211,238,.15);background:rgba(34,211,238,.04);border-radius:14px;margin-bottom:16px}.monitor-banner b{font-size:12px}.monitor-banner span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{padding:15px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}.feature-card h4{margin:0 0 6px;font-size:13px}.feature-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.small-note{font-size:10px;color:#64748b;line-height:1.5}.auth-pill{font-size:10px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)} @media(max-width:900px){.connector-panel,.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.connector-panel,.feature-grid{grid-template-columns:1fr}.monitor-banner{align-items:flex-start;flex-direction:column}} /* Findra v3.1 — Base44-style AI Assistant + Event Graph */ .ai-title-pill{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:-10px 0 18px auto;padding:7px 13px;border:1px solid rgba(52,211,153,.22);border-radius:999px;background:rgba(16,185,129,.055);color:#86efac;font-size:11px;box-shadow:0 0 25px rgba(16,185,129,.06)} .ai-workspace{border:1px solid var(--border);border-radius:16px;background:rgba(21,24,31,.72);overflow:hidden;box-shadow:0 18px 70px rgba(0,0,0,.16)} .ai-chat-shell{min-height:650px;display:flex;flex-direction:column} .ai-message-area{flex:1;min-height:440px;padding:20px 22px;display:flex;flex-direction:column;gap:12px} .ai-welcome{display:flex;align-items:flex-start;gap:12px;max-width:92%} .ai-bot-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;color:#6ee7b7;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.24);box-shadow:0 0 20px rgba(16,185,129,.08)} .ai-welcome-bubble{padding:17px 18px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.018);color:#94a3b8;font-size:13px;line-height:1.75;max-width:850px} .ai-chat-row{display:flex;width:100%}.ai-row{justify-content:flex-start}.user-row{justify-content:flex-end} .ai-chat-bubble{max-width:min(760px,86%);padding:12px 14px;border-radius:14px;font-size:12px;line-height:1.6}.ai-bubble{border:1px solid var(--border);background:rgba(255,255,255,.035)}.user-bubble{border:1px solid rgba(99,102,241,.25);background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(99,102,241,.16))} .ai-quickbar{display:flex;gap:7px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(13,15,20,.24)} .ai-quickbar button{border:1px solid var(--border);background:rgba(255,255,255,.02);border-radius:999px;padding:8px 12px;color:#94a3b8;font-size:11px;transition:.18s}.ai-quickbar button:hover{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.07);color:#d1fae5} .ai-input-row{display:flex;gap:10px;padding:14px 16px}.ai-input-row .input{height:42px}.ai-send{width:42px;height:42px;border:0;border-radius:11px;background:#047857;color:#d1fae5;font-size:18px;display:grid;place-items:center;box-shadow:0 0 22px rgba(16,185,129,.13)}.ai-send:hover{background:#059669} .graph-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.graph-toolbar .graph-search{flex:1;min-width:220px}.graph-toolbar .select{min-width:130px}.graph-actions{display:flex;gap:6px;margin-left:auto}.graph-actions .btn,.graph-actions .icon-btn{height:40px} .ai-insight{display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.045);border-radius:15px;padding:13px 16px;margin-bottom:16px}.ai-spark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#6ee7b7;background:rgba(16,185,129,.15);flex:0 0 32px}.ai-insight b{font-size:13px}.ai-insight p{margin:3px 0 0;color:#94a3b8;font-size:11px;line-height:1.5}.graph-layout{align-items:stretch}.graph-canvas{min-height:560px;height:560px;background:radial-gradient(circle at 45% 45%,rgba(34,211,238,.055),transparent 30%),radial-gradient(circle at 80% 45%,rgba(168,85,247,.04),transparent 25%),#0e1319;overflow:hidden}.graph-canvas svg{width:100%;height:100%;transition:.2s}.graph-empty{position:absolute;inset:0;align-items:center;justify-content:center;color:#64748b;font-size:13px}.fg-edge{stroke:rgba(148,163,184,.3);stroke-width:1.6;fill:none}.fg-edge.broken{stroke:#fb7185;stroke-dasharray:5 5;filter:drop-shadow(0 0 3px rgba(244,63,94,.45))}.fg-node{cursor:pointer}.fg-node rect{fill:#10161d;stroke:rgba(255,255,255,.13);stroke-width:1.2;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}.fg-node .node-dot{fill:#1e293b;stroke-width:1.2}.fg-node .node-label{fill:#f8fafc;font-size:11px;font-weight:700}.fg-node .node-sub{font-size:8px;font-weight:650}.fg-node.working rect{stroke:rgba(52,211,153,.25)}.fg-node.working .node-dot{fill:#34d399;filter:drop-shadow(0 0 8px rgba(52,211,153,.65))}.fg-node.working .node-sub{fill:#34d399}.fg-node.warning rect{stroke:rgba(251,191,36,.3)}.fg-node.warning .node-dot{fill:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.55))}.fg-node.warning .node-sub{fill:#fbbf24}.fg-node.broken rect{stroke:rgba(244,63,94,.35);box-shadow:0 0 18px rgba(244,63,94,.12)}.fg-node.broken .node-dot{fill:#fb7185;filter:drop-shadow(0 0 9px rgba(244,63,94,.7))}.fg-node.broken .node-sub{fill:#fb7185}.fg-node.not-tested rect{stroke:rgba(148,163,184,.2)}.fg-node.not-tested .node-dot{fill:#94a3b8}.fg-node.not-tested .node-sub{fill:#94a3b8}.graph-side{height:auto}.graph-legend{display:grid;gap:12px;margin-top:16px}.graph-legend div{display:flex;align-items:center;gap:10px;font-size:12px}.graph-legend i{width:10px;height:10px;border-radius:50%;display:block}.graph-legend i.working{background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.55)}.graph-legend i.warning{background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.45)}.graph-legend i.broken{background:#fb7185;box-shadow:0 0 10px rgba(244,63,94,.5)}.graph-legend i.not-tested{background:#94a3b8}.graph-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.graph-stats div{border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;background:rgba(255,255,255,.018)}.graph-stats span{display:block;color:#64748b;font-size:10px}.graph-stats b{display:block;margin-top:3px;font-size:20px}.danger-text{color:#fb7185} @media(max-width:900px){.graph-toolbar .select{flex:1}.graph-actions{margin-left:0;width:100%}.graph-actions>*{flex:1}.graph-canvas{height:480px;min-height:480px}} @media(max-width:700px){.ai-title-pill{width:100%;margin:0 0 14px}.ai-message-area{padding:14px;min-height:390px}.ai-welcome{max-width:100%}.ai-welcome-bubble{font-size:12px}.ai-quickbar{padding:10px;overflow:auto;flex-wrap:nowrap}.ai-quickbar button{white-space:nowrap}.graph-canvas{height:420px;min-height:420px}.graph-toolbar .select{width:100%}} /* Findra v3.1.1 — Custom dark dropdowns Replaces native select menus so Chrome/Windows cannot render a white option panel. */ .cselect{position:relative;min-width:140px;flex:0 0 auto;font-size:12px;z-index:40}.form-field .cselect{width:100%;min-width:0}.cselect.open{z-index:200}.cselect-trigger{width:100%;min-height:40px;height:40px;padding:0 11px 0 12px;border:1px solid var(--border);border-radius:12px;background:#11151c;color:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.18s}.cselect-trigger:hover{border-color:rgba(52,211,153,.35);background:#151a21}.cselect.open .cselect-trigger{border-color:rgba(52,211,153,.6);box-shadow:0 0 0 2px rgba(52,211,153,.10),0 10px 30px rgba(0,0,0,.2)}.cselect-label-wrap{min-width:0;display:flex;align-items:center;gap:7px}.cselect-caption{display:none;color:#64748b;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.cselect-value{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cselect-arrow{color:#94a3b8;font-size:15px;line-height:1;transition:.15s}.cselect.open .cselect-arrow{transform:rotate(180deg);color:#34d399}.cselect-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);display:none;padding:5px;background:#11151c;border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.25);max-height:260px;overflow-y:auto}.cselect.open .cselect-menu{display:block}.cselect-option{width:100%;min-height:36px;border:0;border-radius:8px;background:transparent;color:#cbd5e1;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:12px;cursor:pointer}.cselect-option:hover{background:rgba(52,211,153,.10);color:#ecfdf5}.cselect-option.active{background:rgba(52,211,153,.14);color:#86efac}.cselect-check{color:#34d399;font-weight:800}.cselect-menu::-webkit-scrollbar{width:7px}.cselect-menu::-webkit-scrollbar-track{background:#0b0f14;border-radius:10px}.cselect-menu::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.cselect-menu::-webkit-scrollbar-thumb:hover{background:#475569}.graph-toolbar .cselect{min-width:140px}.form-field .cselect-trigger{height:40px}.form-field .cselect-menu{max-height:220px}@media(max-width:900px){.graph-toolbar .cselect{flex:1;min-width:130px}}@media(max-width:700px){.graph-toolbar .cselect{width:100%;min-width:0}.cselect{width:100%}} /* ========================================================= FINDRA v3.1.2 — RESPONSIVE + SCROLL FIX CSS-ONLY PATCH Keeps the existing application logic unchanged. ========================================================= */ /* Prevent accidental horizontal page overflow on phones */ html, body { width: 100%; max-width: 100%; overflow-x: hidden; } body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } .app, .main, .content { width: 100%; max-width: 100%; min-width: 0; } /* --------------------------------------------------------- INCIDENT / DETAIL MODAL — ALWAYS SCROLLABLE --------------------------------------------------------- */ .modal-backdrop { position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; display: flex; align-items: flex-start; justify-content: center; padding: 20px; } .modal { width: min(560px, 100%); max-width: 100%; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; flex: 0 1 auto; } /* The large Incident investigation modal */ .modal.incident-editor { width: min(920px, 100%); max-width: 920px; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } /* Keep long text inside cards instead of creating page overflow */ .incident-editor, .incident-editor .card, .incident-editor .mini-list, .incident-editor .mini-item, .incident-editor p, .incident-editor h2, .incident-editor h3 { min-width: 0; overflow-wrap: anywhere; word-break: break-word; } /* Better investigation layout on smaller screens */ .incident-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* Forms must never force the modal wider than the device */ .incident-editor .form-grid, .incident-editor .form-field, .incident-editor .input, .incident-editor textarea, .incident-editor .cselect { min-width: 0; max-width: 100%; } .incident-editor .form-field .input, .incident-editor .form-field textarea, .incident-editor .form-field .cselect { width: 100%; } /* Long descriptions remain usable */ .incident-editor .form-textarea { min-height: 100px; max-height: 35vh; overflow-y: auto; -webkit-overflow-scrolling: touch; } /* Actions stay usable when there are many buttons */ .incident-editor .modal-actions { flex-wrap: wrap; } /* --------------------------------------------------------- MOBILE DEVICES --------------------------------------------------------- */ @media (max-width: 700px) { .content { padding: 18px 12px; } .page-head { gap: 12px; margin-bottom: 18px; } h1 { font-size: 22px; line-height: 1.25; } .sub { font-size: 13px; line-height: 1.5; } .toolbar, .graph-toolbar { width: 100%; } .toolbar .input, .graph-toolbar .graph-search { width: 100%; min-width: 0; } .table-wrap { width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .table { min-width: 680px; } /* Incident modal */ .modal-backdrop { padding: 10px; } .modal, .modal.incident-editor { width: 100%; max-width: 100%; max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); border-radius: 15px; padding: 15px; } .modal-head { gap: 10px; align-items: flex-start; } .modal h2 { font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; } .incident-detail-grid { grid-template-columns: 1fr; } .incident-editor .form-grid { grid-template-columns: 1fr; } .incident-editor .form-wide { grid-column: auto; } .incident-editor .modal-actions { display: grid; grid-template-columns: 1fr; gap: 8px; } .incident-editor .modal-actions .btn { width: 100%; } /* Custom dropdowns should fit phones */ .cselect, .graph-toolbar .cselect { width: 100%; min-width: 0; } .cselect-menu { max-height: min(260px, 40vh); } /* AI chat */ .chat-input, .ai-input-row { flex-wrap: nowrap; } .chat-input .input, .ai-input-row .input { min-width: 0; } /* Prevent cards from forcing horizontal scrolling */ .card, .summary-card, .integration, .plan { min-width: 0; max-width: 100%; } } /* --------------------------------------------------------- VERY SMALL PHONES — 360px / 320px --------------------------------------------------------- */ @media (max-width: 480px) { .content { padding: 14px 10px; } .mobilebar { padding-left: 10px; padding-right: 10px; } .mobilebar .brand span { font-size: 16px; } .mobilebar .logo { width: 32px; height: 32px; } .modal-backdrop { padding: 6px; } .modal, .modal.incident-editor { max-height: calc(100vh - 12px); max-height: calc(100dvh - 12px); border-radius: 13px; padding: 12px; } .modal-head .icon-btn { flex: 0 0 36px; } .incident-editor .badge { font-size: 9px; } .incident-editor .sub { font-size: 11px; } .summary-cards { gap: 8px; } .summary-card { padding: 12px; } .quick-grid { grid-template-columns: 1fr; } .graph-canvas { height: 380px; min-height: 380px; } } /* --------------------------------------------------------- TABLETS / SMALL LAPTOPS --------------------------------------------------------- */ @media (min-width: 701px) and (max-width: 1100px) { .content { padding: 24px 18px; } .incident-editor { width: min(920px, calc(100vw - 36px)); max-width: calc(100vw - 36px); } .integration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* --------------------------------------------------------- TOUCH DEVICES --------------------------------------------------------- */ @media (hover: none) and (pointer: coarse) { .btn, .icon-btn, .chip, .cselect-trigger, .cselect-option, .nav button { min-height: 42px; } .cselect-option { min-height: 42px; } .table-wrap, .modal, .modal-backdrop, .messages, .cselect-menu { -webkit-overflow-scrolling: touch; } } /* ========================================================= FINDRA v3.1.3 — FINAL RESPONSIVE / MODAL / SELECT FIXES ========================================================= */ html, body { max-width: 100%; overflow-x: hidden; scrollbar-color: #334155 #0b0f14; scrollbar-width: thin; } body::-webkit-scrollbar, .modal::-webkit-scrollbar, .modal-backdrop::-webkit-scrollbar, .cselect-menu::-webkit-scrollbar { width: 9px; height: 9px; } body::-webkit-scrollbar-track, .modal::-webkit-scrollbar-track, .modal-backdrop::-webkit-scrollbar-track, .cselect-menu::-webkit-scrollbar-track { background: #0b0f14; } body::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .modal-backdrop::-webkit-scrollbar-thumb, .cselect-menu::-webkit-scrollbar-thumb { background: #334155; border-radius: 999px; border: 2px solid #0b0f14; } body::-webkit-scrollbar-thumb:hover, .modal::-webkit-scrollbar-thumb:hover, .modal-backdrop::-webkit-scrollbar-thumb:hover, .cselect-menu::-webkit-scrollbar-thumb:hover { background: #475569; } /* Every Findra modal stays inside the viewport and scrolls internally. */ .modal-backdrop { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; min-height: 100vh; padding: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; } .modal { width: min(920px, calc(100vw - 24px)) !important; max-width: 920px !important; max-height: calc(100dvh - 24px) !important; min-height: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; position: relative; } .modal.incident-editor { width: min(920px, calc(100vw - 24px)) !important; max-width: 920px !important; max-height: calc(100dvh - 24px) !important; overflow-y: auto !important; overflow-x: hidden !important; padding: clamp(14px, 2vw, 20px) !important; } /* Custom selectors: no native white browser option popup anywhere in Findra. */ .cselect { position: relative !important; z-index: 60 !important; min-width: 140px; } .cselect.open { z-index: 10000 !important; } .cselect-menu { z-index: 10001 !important; background: #0f141b !important; color: #e5e7eb !important; border: 1px solid rgba(255,255,255,.16) !important; box-shadow: 0 22px 55px rgba(0,0,0,.65) !important; max-height: min(260px, 38dvh) !important; overflow-y: auto !important; } .cselect.open.up .cselect-menu { top: auto !important; bottom: calc(100% + 6px) !important; } .cselect-option { background: transparent !important; color: #cbd5e1 !important; } .cselect-option:hover, .cselect-option:focus-visible { background: rgba(52,211,153,.13) !important; color: #ecfdf5 !important; outline: none !important; } .cselect-option.active { background: rgba(52,211,153,.17) !important; color: #86efac !important; } .cselect-trigger { background: #11151c !important; color: #f8fafc !important; } /* Prevent form controls from becoming wider than the viewport. */ .form-grid, .incident-detail-grid, .settings-grid, .graph-layout, .graph-toolbar { min-width: 0; } .form-field, .form-field > * { min-width: 0; } .form-field .input, .form-field textarea, .form-field .cselect { width: 100%; max-width: 100%; } .form-textarea { min-height: 100px; max-height: 280px; } /* Buttons wrap instead of forcing the modal wider. */ .modal-actions { flex-wrap: wrap; padding-top: 2px; } .modal-actions .btn { min-width: 100px; } /* Smaller screens. */ @media (max-width: 900px) { .modal-backdrop { padding: 8px !important; align-items: flex-start !important; } .modal, .modal.incident-editor { width: min(100%, 760px) !important; max-width: 100% !important; max-height: calc(100dvh - 16px) !important; margin: 8px 0 !important; border-radius: 14px; } .graph-toolbar { display: grid !important; grid-template-columns: minmax(0, 1fr) repeat(2, minmax(130px, 1fr)); gap: 8px; } .graph-toolbar .graph-search { grid-column: 1 / -1; width: 100%; } .graph-toolbar .cselect { width: 100%; min-width: 0; } .graph-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; } } @media (max-width: 600px) { .content { padding: 16px 12px !important; } h1 { font-size: 22px !important; } .modal-backdrop { padding: 0 !important; align-items: stretch !important; } .modal, .modal.incident-editor { width: 100% !important; max-width: none !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0 !important; padding: 14px !important; } .modal-head { position: sticky; top: -14px; z-index: 5; padding: 4px 0 10px; background: #171a21; } .form-grid { grid-template-columns: 1fr !important; } .form-wide { grid-column: auto !important; } .incident-detail-grid { grid-template-columns: 1fr !important; } .modal-actions { position: sticky; bottom: -14px; z-index: 5; margin-left: -14px; margin-right: -14px; margin-bottom: -14px; padding: 12px 14px 14px; background: linear-gradient(180deg, rgba(23,26,33,.78), #171a21 35%); border-top: 1px solid rgba(255,255,255,.07); } .modal-actions .btn { flex: 1 1 120px; min-width: 0; } .graph-toolbar { display: flex !important; flex-direction: column !important; } .graph-toolbar .graph-search, .graph-toolbar .cselect, .graph-toolbar .graph-actions { width: 100% !important; } .graph-actions .btn, .graph-actions .icon-btn { flex: 1; } } @media (max-width: 380px) { .modal, .modal.incident-editor { padding: 11px !important; } .modal-actions { margin-left: -11px; margin-right: -11px; margin-bottom: -11px; padding-left: 11px; padding-right: 11px; } .modal-actions .btn { flex-basis: 100%; } } /* ========================================================= FINDRA v3.1.4 — FINAL RESPONSIVE INCIDENT MODAL ========================================================= */ /* Never let the WordPress admin preview or browser zoom make the application itself wider than the viewport. */ .findra-wp-app, .findra-wp-app #app, .findra-wp-app .app, .findra-wp-app .main, .findra-wp-app .content { min-width: 0 !important; max-width: 100% !important; } /* Desktop incident editor: compact enough to fit without browser zoom. */ @media (min-width: 901px) { .modal.incident-editor { width: min(900px, calc(100vw - 40px)) !important; max-width: 900px !important; max-height: calc(100dvh - 40px) !important; padding: 18px !important; } .modal.incident-editor .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 14px !important; } .modal.incident-editor .form-field > span { margin-bottom: 5px !important; } .modal.incident-editor .input, .modal.incident-editor .cselect-trigger { min-height: 38px !important; height: 38px !important; font-size: 13px !important; } .modal.incident-editor .form-textarea { min-height: 90px !important; max-height: 180px !important; } .modal.incident-editor .card { padding: 12px !important; } } /* The modal itself is the scroll container. */ .modal.incident-editor { box-sizing: border-box !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; scrollbar-color: #475569 #0f141b !important; } .modal.incident-editor::-webkit-scrollbar { width: 10px !important; } .modal.incident-editor::-webkit-scrollbar-track { background: #0f141b !important; border-radius: 10px !important; } .modal.incident-editor::-webkit-scrollbar-thumb { background: #475569 !important; border-radius: 10px !important; border: 2px solid #0f141b !important; } .modal.incident-editor::-webkit-scrollbar-thumb:hover { background: #64748b !important; } /* Make every custom dropdown visibly clickable. */ .cselect-trigger { user-select: none !important; -webkit-user-select: none !important; } .cselect-menu { min-width: 100% !important; } .cselect-option { min-height: 38px !important; user-select: none !important; -webkit-user-select: none !important; } /* Small laptops / tablets. */ @media (max-width: 900px) { .modal.incident-editor { width: min(760px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - 20px) !important; padding: 16px !important; } .modal.incident-editor .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } } /* Phones: true full-height editor with one-column fields. */ @media (max-width: 600px) { .modal.incident-editor { width: 100% !important; max-width: none !important; height: 100dvh !important; max-height: 100dvh !important; padding: 12px !important; border-radius: 0 !important; } .modal.incident-editor .form-grid { grid-template-columns: 1fr !important; gap: 9px !important; } .modal.incident-editor .modal-head { position: sticky !important; top: -12px !important; padding: 8px 0 10px !important; } .modal.incident-editor .modal-actions { position: sticky !important; bottom: -12px !important; margin-left: -12px !important; margin-right: -12px !important; margin-bottom: -12px !important; padding: 10px 12px 12px !important; } } /* Very small phones. */ @media (max-width: 380px) { .modal.incident-editor { padding: 10px !important; } .modal.incident-editor .modal-actions { margin-left: -10px !important; margin-right: -10px !important; margin-bottom: -10px !important; padding-left: 10px !important; padding-right: 10px !important; } } /* Findra 3.1.8 — Base44-inspired dashboard visual reconstruction only */ .findra-wp-app{width:100vw!important;max-width:none!important;position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;padding:0!important;overflow:visible!important} .findra-wp-app #app{width:100%;max-width:none!important;margin:0!important;padding:0!important} .findra-wp-app .app{width:100%;max-width:none!important;min-height:100vh;background-color:#0b0e12;background-image:radial-gradient(ellipse at 38% 0%,rgba(13,148,136,.13),transparent 43%),radial-gradient(ellipse at 80% 0%,rgba(124,58,237,.13),transparent 38%),linear-gradient(115deg,rgba(4,10,12,.16),transparent 55%)} .findra-wp-app .sidebar{width:256px!important;padding:16px!important;background:linear-gradient(180deg,rgba(10,31,29,.97),rgba(10,15,21,.98))!important;border-right:1px solid rgba(148,163,184,.13)!important;backdrop-filter:blur(22px)} .findra-wp-app .brand{gap:10px!important;min-height:38px!important;padding:0 2px!important} .findra-wp-app .logo-img{display:block!important;width:38px!important;height:38px!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;border:1px solid rgba(163,230,53,.28)!important;box-shadow:0 0 18px rgba(132,204,22,.12)!important;background:#050706!important;flex:0 0 38px!important} .findra-wp-app .brand span{font-size:18px!important;font-weight:700!important;color:#f4f7fb!important;letter-spacing:-.035em!important} .findra-wp-app .nav{margin-top:30px!important;gap:5px!important} .findra-wp-app .nav button{min-height:42px!important;padding:10px 12px!important;border-radius:12px!important;color:#8f9bab!important;font-size:13px!important;font-weight:600!important;gap:12px!important} .findra-wp-app .nav button.active{background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.24)!important;color:#6ee7b7!important;box-shadow:inset 0 0 0 1px rgba(16,185,129,.025)} .findra-wp-app .nav button:hover{background:rgba(255,255,255,.045)!important;color:#f8fafc!important} .findra-wp-app .scanner{background:linear-gradient(145deg,rgba(15,23,31,.94),rgba(14,22,28,.8))!important;border-color:rgba(148,163,184,.13)!important;border-radius:16px!important;padding:13px!important} .findra-wp-app .main{margin-left:256px!important;width:calc(100% - 256px)!important;min-width:0!important;max-width:none!important} .findra-wp-app .content{width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:30px 32px 38px!important;min-width:0!important} .findra-wp-app .page-head{align-items:flex-start!important;margin-bottom:26px!important;gap:20px!important} .findra-wp-app h1{font-size:28px!important;font-weight:760!important;letter-spacing:-.045em!important} .findra-wp-app .gradient{background:linear-gradient(100deg,#22d3ee 0%,#5b8cff 48%,#a855f7 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important} .findra-wp-app .sub{font-size:13px!important;color:#9ba9bc!important;line-height:1.55!important} .findra-wp-app .section-title{margin-bottom:15px!important} .findra-wp-app .section-title h2{font-size:15px!important;font-weight:700!important;color:#f4f7fb!important} .findra-wp-app .live{padding:6px 11px!important;background:rgba(16,185,129,.09)!important;border-color:rgba(16,185,129,.2)!important;color:#6ee7b7!important} .findra-wp-app .grid{gap:16px!important;min-width:0!important} .findra-wp-app .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important} .findra-wp-app .grid-2-1{grid-template-columns:minmax(0,2fr) minmax(290px,1fr)!important} .findra-wp-app .card{min-width:0!important;border:1px solid rgba(148,163,184,.16)!important;background:rgba(25,28,35,.91)!important;border-radius:20px!important;padding:20px!important;box-shadow:0 8px 28px rgba(0,0,0,.12)!important;backdrop-filter:blur(14px)} .findra-wp-app .card h3{font-size:13px!important;font-weight:700!important;color:#f3f6fb!important} .findra-wp-app .health-card{min-height:220px!important} .findra-wp-app .health-score{font-size:48px!important;line-height:1!important} .findra-wp-app .donut{width:116px!important;height:116px!important;flex:0 0 116px!important;background:conic-gradient(#ff4d59 0 38%,#ffb21a 38% 79%,#169cff 79% 100%)!important} .findra-wp-app .donut:after{inset:15px!important;background:#191c23!important} .findra-wp-app .donut-wrap{gap:17px!important} .findra-wp-app .legend{gap:10px!important} .findra-wp-app .legend div{font-size:11px!important;color:#a3afc0!important} .findra-wp-app .progress{height:7px!important;background:rgba(255,255,255,.08)!important} .findra-wp-app .progress>span{background:linear-gradient(90deg,#34d399,#22d3ee)!important} .findra-wp-app .mini-list{gap:12px!important} .findra-wp-app .mini-item{font-size:12px!important;line-height:1.45!important;min-width:0!important} .findra-wp-app .mini-item>*{min-width:0} .findra-wp-app .badge{font-size:10px!important;padding:4px 9px!important;white-space:nowrap} .findra-wp-app .chart-card{min-height:330px!important} .findra-wp-app .chart{height:240px!important} .findra-wp-app .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} .findra-wp-app .quick{min-height:84px!important;border-radius:14px!important;padding:15px!important;background:rgba(255,255,255,.025)!important} .findra-wp-app .quick b{font-size:12px!important;color:#e8edf5!important} .findra-wp-app .quick span{font-size:11px!important;line-height:1.45!important} .findra-wp-app .monitor-banner{border:1px solid rgba(34,211,238,.15)!important;background:linear-gradient(100deg,rgba(13,148,136,.08),rgba(99,102,241,.07))!important;border-radius:16px!important;padding:17px 18px!important;margin-bottom:24px!important} .findra-wp-app .monitor-banner b{font-size:13px!important} .findra-wp-app .monitor-banner span{line-height:1.55!important} .findra-wp-app .btn,.findra-wp-app .icon-btn,.findra-wp-app .profile-btn{border-radius:12px!important} .findra-wp-app .table-wrap{width:100%;overflow-x:auto} .findra-wp-app .table{min-width:600px} .findra-wp-app .mobilebar .logo-img{width:36px!important;height:36px!important} /* At typical laptop widths, keep the original three-card dashboard layout readable. */ @media (min-width:1101px){.findra-wp-app .content{padding-left:30px!important;padding-right:30px!important}.findra-wp-app .grid-3>.card{min-width:0}.findra-wp-app .health-card{padding:19px!important}} @media (min-width:701px) and (max-width:1100px){.findra-wp-app .sidebar{width:228px!important}.findra-wp-app .main{margin-left:228px!important;width:calc(100% - 228px)!important}.findra-wp-app .content{padding:24px 22px 32px!important}.findra-wp-app .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.findra-wp-app .grid-2-1{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)!important}} /* Findra v3.1.9 — Base44 dashboard visual reconstruction (presentation layer) */ .findra-wp-app .dashboard-health-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px;gap:12px} .findra-wp-app .dashboard-health-head h2{font-size:15px;margin:0;font-weight:700;color:#f8fafc} .findra-wp-app .dashboard-top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch} .findra-wp-app .dashboard-middle-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.7fr);gap:18px;margin-top:18px;align-items:stretch} .findra-wp-app .dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,.95fr);gap:18px;margin-top:18px;align-items:stretch} .findra-wp-app .dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,.95fr);gap:18px;margin-top:18px;align-items:stretch} .findra-wp-app .dashboard-top-grid>.card,.findra-wp-app .dashboard-middle-grid>.card,.findra-wp-app .dashboard-lower-grid>.card,.findra-wp-app .dashboard-bottom-grid>.card{min-width:0;min-height:250px;padding:20px!important;background:rgba(25,28,35,.92)!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:20px!important;box-shadow:0 12px 35px rgba(0,0,0,.10)} .findra-wp-app .dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .findra-wp-app .dashboard-card-head h3,.findra-wp-app .dashboard-top-grid h3,.findra-wp-app .dashboard-middle-grid h3,.findra-wp-app .dashboard-lower-grid h3,.findra-wp-app .dashboard-bottom-grid h3{font-size:13px;font-weight:750;margin:0;color:#f8fafc} .findra-wp-app .dashboard-card-head>.muted{font-size:11px} .findra-wp-app .alert-chart-row{display:flex;align-items:center;justify-content:space-around;gap:16px;margin:16px 0 30px} .findra-wp-app .alert-donut{width:116px;height:116px;border-radius:50%;flex:0 0 116px;display:grid;place-items:center;background:conic-gradient(#fb4b55 0 var(--critical),#ffb30f var(--critical) var(--warning),#2196ff var(--warning) 100%);position:relative} .findra-wp-app .alert-donut:before{content:"";position:absolute;inset:13px;background:#191c23;border-radius:50%} .findra-wp-app .alert-donut>div{position:relative;text-align:center;z-index:1}.findra-wp-app .alert-donut b{display:block;font-size:19px;color:#fff}.findra-wp-app .alert-donut span{display:block;font-size:10px;color:#94a3b8;margin-top:1px} .findra-wp-app .alert-legend{display:grid;gap:10px;min-width:112px;flex:1}.findra-wp-app .alert-legend div{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:11px;color:#94a3b8}.findra-wp-app .alert-legend i{width:9px;height:9px;border-radius:50%}.findra-wp-app .legend-critical{background:#fb4b55}.findra-wp-app .legend-warning{background:#ffb30f}.findra-wp-app .legend-info{background:#2196ff}.findra-wp-app .alert-legend b{color:#f8fafc;font-size:11px} .findra-wp-app .text-link{display:inline-flex;border:0;background:transparent;padding:0;color:#25c5ee;font-size:11px;font-weight:600;cursor:pointer}.findra-wp-app .text-link:hover{color:#8be8ff} .findra-wp-app .dashboard-gauge-card{text-align:center;background:rgba(15,17,21,.98)!important}.findra-wp-app .dashboard-gauge-card h3,.findra-wp-app .dashboard-gauge-card>.sub{text-align:left}.findra-wp-app .dashboard-gauge-card>.sub{margin-top:5px;font-size:11px}.findra-wp-app .health-gauge{height:135px;position:relative;margin:8px auto -2px;max-width:240px}.findra-wp-app .health-gauge svg{width:100%;height:125px;overflow:visible}.findra-wp-app .gauge-number{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:baseline;gap:3px}.findra-wp-app .gauge-number b{font-size:45px;line-height:1;font-weight:800;letter-spacing:-2px}.findra-wp-app .gauge-number span{font-size:12px;color:#94a3b8}.findra-wp-app .health-pill{display:inline-block;border-radius:999px;padding:4px 13px;font-size:10px;font-weight:700;margin-top:9px;border:1px solid rgba(255,255,255,.08)}.findra-wp-app .health-pill.good{color:#86efac;background:rgba(34,197,94,.1)}.findra-wp-app .health-pill.medium{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28)}.findra-wp-app .health-pill.poor{color:#fda4af;background:rgba(244,63,94,.1)} .findra-wp-app .dashboard-incident-list,.findra-wp-app .dashboard-change-list,.findra-wp-app .recent-alert-list{display:grid;gap:11px;margin:14px 0 22px}.findra-wp-app .dashboard-incident-row,.findra-wp-app .dashboard-change-row,.findra-wp-app .recent-alert-row{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;border:0;background:transparent;padding:0;color:inherit;width:100%}.findra-wp-app .dashboard-incident-row:hover b,.findra-wp-app .dashboard-change-row:hover b,.findra-wp-app .recent-alert-row:hover b{color:#67e8f9} .findra-wp-app .incident-mark{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:50%;font-size:15px}.findra-wp-app .incident-mark.critical{color:#fb7185;background:rgba(244,63,94,.15)}.findra-wp-app .incident-mark.warning{color:#fbbf24;background:rgba(245,158,11,.15)}.findra-wp-app .incident-mark.info{color:#38bdf8;background:rgba(56,189,248,.13)} .findra-wp-app .incident-title-wrap,.findra-wp-app .change-main,.findra-wp-app .recent-alert-row>span{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.findra-wp-app .incident-title-wrap b,.findra-wp-app .change-main b,.findra-wp-app .recent-alert-row b{font-size:12px;line-height:1.35;color:#f8fafc;font-weight:700;overflow-wrap:anywhere}.findra-wp-app .incident-title-wrap small,.findra-wp-app .change-main small,.findra-wp-app .recent-alert-row small{font-size:10px;color:#8290a4;line-height:1.4} .findra-wp-app .dashboard-insights h3{display:flex;align-items:center;gap:9px}.findra-wp-app .insight-spark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(168,85,247,.18);color:#c084fc}.findra-wp-app .insight-feature{display:flex;align-items:center;gap:12px;margin:14px 0 12px;padding:14px;border-radius:14px;border:1px solid rgba(168,85,247,.28);background:rgba(88,28,135,.16)}.findra-wp-app .insight-feature>div{min-width:0;flex:1}.findra-wp-app .insight-feature b{font-size:12px;line-height:1.4;display:block}.findra-wp-app .insight-feature p{font-size:10px;color:#a6b0c0;line-height:1.5;margin:5px 0 0}.findra-wp-app .insight-score{width:40px;height:40px;flex:0 0 40px;border:3px solid #9333ea;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.findra-wp-app .insight-note{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:10px;color:#9aa7b9;line-height:1.45}.findra-wp-app .insight-mini{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.05)}.findra-wp-app .insight-mini.green{color:#4ade80}.findra-wp-app .insight-mini.blue{color:#38bdf8} .findra-wp-app .change-icon{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:50%;font-size:15px;background:rgba(14,165,233,.15);color:#38bdf8}.findra-wp-app .change-icon-1{background:rgba(168,85,247,.15);color:#c084fc}.findra-wp-app .change-icon-2{background:rgba(14,165,233,.15);color:#38bdf8}.findra-wp-app .change-icon-3{background:rgba(34,197,94,.15);color:#4ade80}.findra-wp-app .dashboard-change-row>.badge{margin-left:auto;flex:0 0 auto} .findra-wp-app .dashboard-trend{min-height:340px!important}.findra-wp-app .trend-pills{display:flex;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:12px;flex-wrap:wrap}.findra-wp-app .trend-pills button{background:transparent;border:0;color:#94a3b8;border-radius:9px;padding:6px 9px;font-size:10px;white-space:nowrap}.findra-wp-app .trend-pills button.active{background:rgba(168,85,247,.25);color:#f8fafc}.findra-wp-app .trend-chart{display:flex;gap:10px;height:190px;margin-top:18px}.findra-wp-app .trend-y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#8b97a9;font-size:10px;padding:0 0 4px}.findra-wp-app .trend-chart svg{height:100%;width:100%;min-width:0;overflow:visible}.findra-wp-app .trend-gridlines path{stroke:rgba(148,163,184,.13);stroke-dasharray:3 4;fill:none}.findra-wp-app .trend-x-axis{display:flex;justify-content:space-between;padding-left:26px;color:#8290a4;font-size:9px;margin-top:8px;gap:4px}.findra-wp-app .connector-note{font-size:9px;color:#64748b;line-height:1.4;margin-top:10px}.findra-wp-app .alert-bullet{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#38bdf8}.findra-wp-app .alert-bullet.critical{background:#fb7185}.findra-wp-app .alert-bullet.warning{background:#fbbf24}.findra-wp-app .alert-bullet.info{background:#38bdf8}.findra-wp-app .dashboard-alert-list .recent-alert-list{gap:18px;margin-top:18px} .findra-wp-app .website-table{min-width:0}.findra-wp-app .website-table th,.findra-wp-app .website-table td{padding:12px 8px}.findra-wp-app .website-table td{font-size:11px}.findra-wp-app .website-table td:first-child b{font-size:11px}.findra-wp-app .website-table .healthbar .progress{width:65px}.findra-wp-app .dashboard-realtime{position:relative;min-height:300px!important}.findra-wp-app .dashboard-realtime .dashboard-card-head{align-items:flex-start}.findra-wp-app .dashboard-realtime .dashboard-card-head h3{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.findra-wp-app .dashboard-realtime .live{font-size:10px;white-space:nowrap}.findra-wp-app .realtime-count{font-size:30px;font-weight:800;color:#22c5f4;margin:8px 0 18px}.findra-wp-app .eyebrow{font-size:9px;letter-spacing:.05em;color:#8290a4;margin:0}.findra-wp-app .realtime-empty{height:76px;display:grid;place-items:center;color:#8290a4;font-size:11px}.findra-wp-app .realtime-empty.short{height:38px;border-bottom:1px solid rgba(255,255,255,.06)}.findra-wp-app .realtime-divider{border-top:1px dashed rgba(148,163,184,.18)}.findra-wp-app .realtime-columns{display:flex;justify-content:space-between;color:#8290a4;font-size:9px;padding-top:12px}.findra-wp-app .realtime-button{display:block;margin:12px 0 0 auto;border:0;border-radius:999px;background:linear-gradient(90deg,#6366f1,#d946ef);color:#fff;font-size:10px;font-weight:700;padding:9px 15px}.findra-wp-app .dashboard-quick-actions{margin-top:18px;padding:20px!important;border-radius:20px!important}.findra-wp-app .dashboard-quick-actions h3{font-size:13px;margin:0 0 16px}.findra-wp-app .quick-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.findra-wp-app .quick-action-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:112px;padding:13px 7px;border:1px solid rgba(148,163,184,.17);border-radius:14px;background:rgba(255,255,255,.025);transition:.16s}.findra-wp-app .quick-action-grid button:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.35);background:rgba(255,255,255,.05)}.findra-wp-app .quick-action-grid b{font-size:10px;text-align:center}.findra-wp-app .quick-action-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:800}.findra-wp-app .quick-action-icon.scan{background:rgba(14,165,233,.2);color:#38bdf8}.findra-wp-app .quick-action-icon.audit{background:rgba(16,185,129,.2);color:#6ee7b7}.findra-wp-app .quick-action-icon.test{background:rgba(245,158,11,.2);color:#fbbf24}.findra-wp-app .quick-action-icon.timeline{background:rgba(139,92,246,.2);color:#c4b5fd}.findra-wp-app .quick-action-icon.git{background:rgba(217,70,239,.2);color:#e879f9}.findra-wp-app .quick-action-icon.connect{background:rgba(59,130,246,.2);color:#93c5fd}.findra-wp-app .dashboard-monitor-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:#94a3b8}.findra-wp-app .dashboard-monitor-foot>span{display:flex;align-items:center;gap:7px}.findra-wp-app .dashboard-monitor-foot .btn{font-size:10px;padding:7px 10px} .findra-wp-app .dashboard-notice{position:relative}.findra-wp-app .notification-count{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#a855f7;color:white;font-size:9px;display:grid;place-items:center} .findra-wp-app .compact-empty{padding:16px 4px!important;font-size:11px!important} @media(max-width:1200px){.findra-wp-app .content{padding:24px 22px 32px!important}.findra-wp-app .dashboard-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.findra-wp-app .dashboard-recent-incidents{grid-column:1/-1}.findra-wp-app .dashboard-recent-incidents .dashboard-incident-list{grid-template-columns:repeat(3,minmax(0,1fr))}.findra-wp-app .quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.findra-wp-app .dashboard-middle-grid,.findra-wp-app .dashboard-lower-grid,.findra-wp-app .dashboard-bottom-grid{grid-template-columns:minmax(0,1fr)}.findra-wp-app .dashboard-recent-incidents .dashboard-incident-list{grid-template-columns:1fr}.findra-wp-app .dashboard-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.findra-wp-app .dashboard-recent-incidents{grid-column:1/-1}} @media(max-width:600px){.findra-wp-app .content{padding:18px 12px 26px!important}.findra-wp-app .dashboard-top-grid{grid-template-columns:minmax(0,1fr)}.findra-wp-app .dashboard-recent-incidents{grid-column:auto}.findra-wp-app .dashboard-top-grid>.card,.findra-wp-app .dashboard-middle-grid>.card,.findra-wp-app .dashboard-lower-grid>.card,.findra-wp-app .dashboard-bottom-grid>.card{padding:16px!important}.findra-wp-app .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.findra-wp-app .trend-pills{max-width:100%}.findra-wp-app .trend-pills button{padding:5px 6px;font-size:9px}.findra-wp-app .dashboard-monitor-foot{align-items:flex-start;flex-direction:column}.findra-wp-app .website-table{min-width:570px}.findra-wp-app .dashboard-websites .table-wrap{overflow-x:auto}} /* Incident control reliability patch: native selects retain visible dark options. */ .findra-wp-app .incident-native-select{display:block;width:100%;min-width:0;color:#f1f5f9!important;background:#111821!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:9px!important;padding:10px 12px!important;appearance:auto!important;cursor:pointer} .findra-wp-app .incident-native-select option{color:#f1f5f9;background:#111821} .findra-wp-app .incident-native-select:focus{outline:2px solid rgba(34,211,238,.35);outline-offset:1px} /* Findra Incidents — reference-inspired visual layer only. Existing API data and actions remain unchanged. */ .findra-wp-app .incidents-page{color:#f3f4f6} .findra-wp-app .incidents-page .page-head{align-items:center;margin-bottom:24px;gap:18px} .findra-wp-app .incidents-page .page-head h1{font-size:24px;letter-spacing:-.035em;color:#f8fafc} .findra-wp-app .incidents-page .page-head .sub{color:#8fa4c0;font-size:13px;line-height:1.55} .findra-wp-app .incidents-page .head-actions{align-items:center;flex-shrink:0} .findra-wp-app .incidents-page .incident-report-btn{background:#10b981;border-color:#10b981;color:#062b22;border-radius:13px;font-weight:700;box-shadow:none;padding:0 16px;white-space:nowrap} .findra-wp-app .incidents-page .incident-report-btn:hover{background:#34d399;border-color:#34d399;color:#052e24} .findra-wp-app .incidents-page .incident-report-btn span{font-size:18px;vertical-align:-1px;margin-right:5px} .findra-wp-app .incidents-page .summary-cards.incident-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px} .findra-wp-app .incidents-page .incident-metric{position:relative;min-width:0;min-height:128px;padding:16px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:#191c22;box-shadow:none;overflow:hidden} .findra-wp-app .incidents-page .incident-metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;margin-bottom:15px;background:rgba(148,163,184,.1)} .findra-wp-app .incidents-page .incident-metric-icon.red{color:#fb7185;background:rgba(244,63,94,.11)} .findra-wp-app .incidents-page .incident-metric-icon.amber{color:#fbbf24;background:rgba(245,158,11,.11)} .findra-wp-app .incidents-page .incident-metric-icon.green{color:#34d399;background:rgba(16,185,129,.11)} .findra-wp-app .incidents-page .incident-metric-icon.cyan{color:#22d3ee;background:rgba(6,182,212,.11)} .findra-wp-app .incidents-page .incident-metric-trend{position:absolute;right:12px;top:25px;color:#8ba2c0;font-size:10px;text-align:right;max-width:58%;white-space:nowrap} .findra-wp-app .incidents-page .incident-metric .num{font-size:24px;line-height:1.15;color:#f8fafc;font-weight:750;letter-spacing:-.025em} .findra-wp-app .incidents-page .incident-metric .label{margin-top:5px;color:#8fa4c0;font-size:11px;line-height:1.35} .findra-wp-app .incidents-page .incident-filter-panel{border:1px solid rgba(148,163,184,.15);border-radius:17px;background:rgba(17,20,25,.72);padding:16px;margin-bottom:20px} .findra-wp-app .incidents-page .incident-filter-row{display:flex;gap:10px;align-items:center} .findra-wp-app .incidents-page .incident-search{display:flex;align-items:center;gap:9px;width:min(100%,420px);height:38px;padding:0 12px;border:1px solid rgba(148,163,184,.2);border-radius:13px;background:#1d2025;color:#91a3bb} .findra-wp-app .incidents-page .incident-search>span{font-size:21px;line-height:1} .findra-wp-app .incidents-page .incident-search .input{height:35px;min-width:0;flex:1;padding:0;border:0;background:transparent;border-radius:0;color:#f8fafc;font-size:12px;box-shadow:none} .findra-wp-app .incidents-page .incident-search .input::placeholder{color:#91a3bb} .findra-wp-app .incidents-page .incident-search .input:focus{outline:0} .findra-wp-app .incidents-page .incident-chips{margin-top:14px;gap:8px} .findra-wp-app .incidents-page .incident-chips .chip{padding:6px 12px;border-radius:999px;background:#1c2025;border-color:rgba(148,163,184,.17);font-size:11px;color:#91a3bb} .findra-wp-app .incidents-page .incident-chips .chip:hover{color:#e2e8f0;border-color:rgba(148,163,184,.35)} .findra-wp-app .incidents-page .incident-chips .chip.active{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.4);color:#34d399} .findra-wp-app .incidents-page .incident-table-card{padding:0;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:#191b20;overflow:hidden;box-shadow:none} .findra-wp-app .incidents-page .incident-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid rgba(148,163,184,.12)} .findra-wp-app .incidents-page .incident-table-head h2{font-size:13px;font-weight:700;margin:0;color:#f8fafc} .findra-wp-app .incidents-page .incident-table-head>span{font-size:11px;color:#8fa4c0;white-space:nowrap} .findra-wp-app .incidents-page .incident-table{min-width:760px;border-collapse:separate;border-spacing:0;font-size:12px} .findra-wp-app .incidents-page .incident-table th{padding:13px 14px;background:#191b20;color:#8fa4c0;font-size:11px;font-weight:600;white-space:nowrap;border-top:0;border-bottom:1px solid rgba(148,163,184,.12)} .findra-wp-app .incidents-page .incident-table td{padding:15px 14px;color:#91a4bf;vertical-align:middle;border-top:0;border-bottom:1px solid rgba(148,163,184,.09);line-height:1.55} .findra-wp-app .incidents-page .incident-table tbody tr:last-child td{border-bottom:0} .findra-wp-app .incidents-page .incident-table tbody tr:hover td{background:rgba(255,255,255,.025)} .findra-wp-app .incidents-page .incident-table .incident-name-cell{min-width:200px;max-width:290px} .findra-wp-app .incidents-page .incident-name-cell b{display:block;color:#f8fafc;font-size:12px;font-weight:700;line-height:1.45;overflow-wrap:anywhere} .findra-wp-app .incidents-page .incident-name-cell .tiny{margin-top:3px;font-size:10px;color:#8294ac} .findra-wp-app .incidents-page .incident-table .badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:650;text-transform:capitalize;white-space:nowrap} .findra-wp-app .incidents-page .incident-table .badge i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block} .findra-wp-app .incidents-page .incident-table .incident-severity-badge.red,.findra-wp-app .incidents-page .incident-table .incident-status-badge.red{color:#fb7185;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)} .findra-wp-app .incidents-page .incident-table .incident-severity-badge.amber,.findra-wp-app .incidents-page .incident-table .incident-status-badge.amber{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35)} .findra-wp-app .incidents-page .incident-table .incident-severity-badge.blue{color:#60a5fa;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35)} .findra-wp-app .incidents-page .incident-table .incident-severity-badge.green,.findra-wp-app .incidents-page .incident-table .incident-status-badge.green{color:#34d399;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35)} @media(max-width:1200px){.findra-wp-app .incidents-page .summary-cards.incident-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.findra-wp-app .incidents-page .page-head{align-items:flex-start}.findra-wp-app .incidents-page .page-head .head-actions{flex-wrap:wrap}.findra-wp-app .incidents-page .summary-cards.incident-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.findra-wp-app .incidents-page .incident-metric{padding:13px;min-height:120px}.findra-wp-app .incidents-page .incident-filter-panel{padding:12px}.findra-wp-app .incidents-page .incident-search{width:100%}.findra-wp-app .incidents-page .incident-table-head{padding:14px}} @media(max-width:420px){.findra-wp-app .incidents-page .summary-cards.incident-metrics{grid-template-columns:1fr 1fr}.findra-wp-app .incidents-page .incident-metric-trend{font-size:9px;right:8px}.findra-wp-app .incidents-page .incident-metric .num{font-size:22px}} /* Timeline redesign — scoped to Timeline only */ .tl-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 155px 92px;gap:9px;align-items:center;margin-bottom:18px} .tl-search{height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:12px;color:var(--muted)} .tl-search span{font-size:23px;line-height:1}.tl-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;padding:0!important;box-shadow:none!important} .tl-select{min-width:0}.tl-export{color:var(--text);font-weight:650} .tl-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px} .tl-stat{display:flex;align-items:center;gap:12px;min-height:70px;border:1px solid var(--border);border-radius:13px;padding:13px 15px;background:rgba(255,255,255,.035)} .tl-stat-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.055);flex-shrink:0} .tl-stat-icon.cyan{color:#22d3ee}.tl-stat-icon.red{color:#fb7185}.tl-stat-icon.amber{color:#fbbf24}.tl-stat-icon.teal{color:#2dd4bf}.tl-stat-icon.green{color:#34d399} .tl-stat b{display:block;font-size:20px;line-height:1.2}.tl-stat small{display:block;color:var(--muted);font-size:11px;margin-top:4px} .tl-filters{margin-bottom:18px;padding:16px!important}.tl-dropdowns{display:flex;gap:9px;flex-wrap:wrap}.tl-dropdowns select{min-width:145px;width:auto;max-width:230px}.tl-chips{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap}.tl-chips .chip{padding:5px 12px;font-size:11px} .tl-related,.tl-analysis,.tl-event-card{margin-bottom:18px;padding:20px!important}.tl-related{border-color:rgba(244,63,94,.25)!important} .tl-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.tl-section-head h3,.tl-analysis h3{margin:0;font-size:14px}.tl-section-head p,.tl-analysis>p{font-size:11px;color:var(--muted);margin:7px 0 0} .tl-incident-pill{font-size:10px;color:#fb7185;border:1px solid rgba(244,63,94,.35);background:rgba(244,63,94,.06);padding:5px 10px;border-radius:20px} .tl-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-chain span{border:1px solid var(--border);background:rgba(255,255,255,.025);padding:9px 12px;border-radius:12px;font-size:11px;font-weight:650}.tl-chain i{font-style:normal;color:var(--muted);font-size:12px}.tl-chain .red{color:#fb7185} .tl-before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.tl-before,.tl-after{padding:15px;border:1px solid var(--border);border-radius:13px;min-height:85px;display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}.tl-before{background:rgba(16,185,129,.045);border-color:rgba(16,185,129,.18)}.tl-after{background:rgba(244,63,94,.045);border-color:rgba(244,63,94,.18)}.tl-before small{color:#34d399}.tl-after small{color:#fb7185}.tl-before b,.tl-after b{font-size:13px}.tl-change-meta{grid-column:1/-1;color:var(--muted);font-size:11px} .tl-event-card>.tl-section-head{align-items:center;margin-bottom:4px}.tl-event-list{position:relative}.tl-event{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.045)}.tl-event:last-child{border-bottom:0}.tl-event:before{content:"";position:absolute;left:17px;top:50px;bottom:-15px;width:1px;background:var(--border)}.tl-event:last-child:before{display:none}.tl-event-dot{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#20232a;color:#22d3ee;font-weight:800}.tl-event-dot.red{color:#fb7185}.tl-event-dot.amber{color:#fbbf24}.tl-event-dot.green{color:#34d399}.tl-event-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;flex-wrap:wrap}.tl-event-meta .badge{font-size:9px;padding:2px 7px}.tl-event-body h4{font-size:13px;margin:7px 0 4px}.tl-event-body p{font-size:11px;color:var(--muted);margin:0;line-height:1.55}.tl-event-source{font-size:10px;color:#8294ad;margin-top:8px}.tl-details-btn{min-height:27px;height:27px;padding:0 9px;font-size:10px;border-radius:18px;white-space:nowrap}.tl-event-details{margin-top:12px;padding:11px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.12);font-size:11px;color:var(--muted);display:grid;gap:6px}.tl-event-details[hidden]{display:none} @media(max-width:900px){.tl-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-toolbar{grid-template-columns:minmax(0,1fr) 150px 90px}} @media(max-width:620px){.tl-toolbar{grid-template-columns:1fr 1fr}.tl-search{grid-column:1/-1}.tl-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tl-stat{padding:10px;gap:9px}.tl-stat-icon{width:30px;height:30px}.tl-dropdowns select{width:100%;max-width:none;flex:1 1 100%}.tl-before-after{grid-template-columns:1fr}.tl-event{grid-template-columns:32px minmax(0,1fr);gap:10px}.tl-event-dot{width:30px;height:30px}.tl-event:before{left:14px;top:43px}.tl-details-btn{grid-column:2;justify-self:start}.tl-section-head{flex-direction:column}.tl-incident-pill{max-width:100%;overflow-wrap:anywhere}} /* Findra v3.1.6.1.4 — readable native dropdowns (including date range) */ select, select.input, select.select, .input select, .select select { color: #e5e7eb !important; background-color: #0f141b !important; color-scheme: dark; } select option, select optgroup { color: #e5e7eb !important; background-color: #0f141b !important; } select option:checked { color: #ecfdf5 !important; background-color: #14532d !important; } select option:hover, select option:focus { color: #ffffff !important; background-color: #1f2937 !important; } /* Marketing Git redesign v3.1.6.1.5 */ .findra-wp-app .git-page{display:grid;gap:16px;min-width:0} .findra-wp-app .git-page .page-head{align-items:flex-start;margin-bottom:2px} .findra-wp-app .git-page .page-head h1{font-size:28px} .findra-wp-app .git-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .findra-wp-app .git-search-wrap{height:40px;min-width:220px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.035);padding:0 11px;color:var(--muted)} .findra-wp-app .git-search-wrap .input{height:38px;min-width:140px;width:100%;border:0;background:transparent;padding:0;box-shadow:none} .findra-wp-app .git-action{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#e2e8f0;font-weight:650;white-space:nowrap} .findra-wp-app .git-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .findra-wp-app .git-metric{display:flex;align-items:center;gap:12px;min-width:0;min-height:90px;padding:16px 18px;border:1px solid var(--border);border-radius:17px;background:rgba(26,28,34,.82)} .findra-wp-app .git-metric-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.055);color:#67e8f9;font-size:20px} .findra-wp-app .git-metric-icon.green{color:#34d399}.findra-wp-app .git-metric-icon.red{color:#fb7185}.findra-wp-app .git-metric-icon.amber{color:#fbbf24} .findra-wp-app .git-metric b{display:block;font-size:23px;line-height:1.1;letter-spacing:-.03em}.findra-wp-app .git-metric small{display:block;margin-top:5px;color:var(--muted);font-size:11px} .findra-wp-app .git-filter-card{display:grid;gap:12px;padding:16px} .findra-wp-app .git-filter-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px} .findra-wp-app .git-filter-row .select{width:100%;min-width:0;background:#11151c;color:#f8fafc;color-scheme:dark} .findra-wp-app .git-filter-row option{background:#11151c;color:#f8fafc} .findra-wp-app .git-chips{gap:8px}.findra-wp-app .git-chips .chip{padding:6px 11px} .findra-wp-app .git-history-card{padding:0;overflow:hidden} .findra-wp-app .git-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--border)} .findra-wp-app .git-history-head h3{margin:0;font-size:14px}.findra-wp-app .git-history-head .sub{font-size:11px;margin-top:4px} .findra-wp-app .git-table-wrap{width:100%;overflow:auto} .findra-wp-app .git-table{width:100%;min-width:880px;border-collapse:collapse;font-size:12px} .findra-wp-app .git-table th{height:39px;padding:9px 12px;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.035em;font-size:10px;color:#94a3b8;font-weight:700;background:rgba(8,11,16,.22);border-bottom:1px solid var(--border)} .findra-wp-app .git-table td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle;color:#94a3b8;line-height:1.45} .findra-wp-app .git-table tbody tr:last-child td{border-bottom:0}.findra-wp-app .git-table tbody tr:hover td{background:rgba(255,255,255,.022)} .findra-wp-app .git-table th:first-child,.findra-wp-app .git-table td:first-child{width:42px;padding-left:16px;padding-right:4px} .findra-wp-app .git-table input[type=checkbox]{width:14px;height:14px;accent-color:#10b981;cursor:pointer} .findra-wp-app .git-version-link{border:0;background:none;padding:0;color:#34d399;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-align:left;overflow-wrap:anywhere} .findra-wp-app .git-version-link:hover{text-decoration:underline;color:#6ee7b7} .findra-wp-app .git-change-title{display:block;border:0;background:none;padding:0;color:#f1f5f9;text-align:left;font-weight:650;font-size:12px;line-height:1.5} .findra-wp-app .git-change-title:hover{color:#6ee7b7} .findra-wp-app .git-mobile-meta{display:none;color:#64748b;font-size:10px;margin-top:5px;overflow-wrap:anywhere} .findra-wp-app .git-platform{display:flex;align-items:center;gap:7px;color:#cbd5e1;min-width:120px} .findra-wp-app .git-platform i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#334155;color:#e2e8f0;font-size:8px;font-weight:800;flex:0 0 20px} .findra-wp-app .git-risk{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:650;color:#cbd5e1} .findra-wp-app .git-risk i{display:block;width:7px;height:7px;border-radius:50%;background:#34d399}.findra-wp-app .git-risk.medium i{background:#fbbf24}.findra-wp-app .git-risk.high i{background:#fb7185} .findra-wp-app .git-status{display:inline-block;max-width:100%;border:1px solid var(--border);border-radius:7px;padding:4px 7px;color:#cbd5e1;font-size:10px;overflow-wrap:anywhere} .findra-wp-app .git-table-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border);font-size:11px} .findra-wp-app .git-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px} .findra-wp-app .git-compare-grid article{min-width:0;border:1px solid var(--border);border-radius:13px;padding:14px;background:rgba(255,255,255,.02)} .findra-wp-app .git-compare-grid h3{font-size:14px;line-height:1.5;margin:12px 0 5px;overflow-wrap:anywhere}.findra-wp-app .git-compare-grid p{font-size:11px;color:var(--muted);margin:0 0 12px} .findra-wp-app .git-compare-grid dl{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;margin:0;font-size:11px}.findra-wp-app .git-compare-grid dt{color:var(--muted)}.findra-wp-app .git-compare-grid dd{margin:0;color:#e2e8f0;overflow-wrap:anywhere} .findra-wp-app .git-detail-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.findra-wp-app .git-detail-values>div{min-width:0;border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(255,255,255,.025)}.findra-wp-app .git-detail-values small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.findra-wp-app .git-detail-values b{display:block;font-size:12px;overflow-wrap:anywhere} @media(max-width:1100px){.findra-wp-app .git-page .page-head{flex-direction:column}.findra-wp-app .git-head-actions{width:100%;justify-content:flex-start}.findra-wp-app .git-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.findra-wp-app .git-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.findra-wp-app .git-search-wrap{grid-column:1/-1;min-width:0}.findra-wp-app .git-action{width:100%}.findra-wp-app .git-metrics{gap:8px}.findra-wp-app .git-metric{padding:12px;min-height:78px;gap:9px}.findra-wp-app .git-metric-icon{width:32px;height:32px;flex-basis:32px}.findra-wp-app .git-metric b{font-size:20px}.findra-wp-app .git-filter-row{grid-template-columns:1fr 1fr}.findra-wp-app .git-history-head{padding:14px}.findra-wp-app .git-table-foot{align-items:flex-start;flex-direction:column}.findra-wp-app .git-compare-grid,.findra-wp-app .git-detail-values{grid-template-columns:1fr}.findra-wp-app .git-modal{max-height:88vh;overflow:auto}} /* Findra v3.1.6.2.0 — integrations catalog redesign (API-grounded states) */ .findra-wp-app .integrations-summary .summary-card{min-height:118px;background:linear-gradient(145deg,rgba(18,28,32,.95),rgba(16,20,27,.96));border-radius:16px;padding:17px;border-color:rgba(148,163,184,.12)} .findra-wp-app .integrations-summary .summary-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(16,185,129,.1);color:#34d399;margin-bottom:12px;font-size:17px} .findra-wp-app .integrations-toolbar{display:flex;align-items:center;gap:14px;margin:22px 0 18px;flex-wrap:wrap} .findra-wp-app .integration-search{display:flex;align-items:center;gap:9px;min-width:220px;max-width:300px;flex:1;padding:0 12px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025);color:var(--muted)} .findra-wp-app .integration-search .input{border:0;background:transparent;box-shadow:none;min-width:0;width:100%;padding:12px 0} .findra-wp-app .integration-categories{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:2px 0 6px;scrollbar-width:thin} .findra-wp-app .integration-categories .chip{white-space:nowrap;flex:0 0 auto} .findra-wp-app .integration-categories .chip.active{border-color:rgba(16,185,129,.38);background:rgba(16,185,129,.12);color:#6ee7b7} .findra-wp-app .integration-catalog{margin-bottom:18px} .findra-wp-app .integrations-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .findra-wp-app .integration-v2{display:block;width:100%;text-align:left;color:inherit;font:inherit;min-width:0;padding:16px;border-radius:17px;background:linear-gradient(145deg,rgba(20,25,32,.98),rgba(15,19,25,.98));border:1px solid rgba(148,163,184,.15);cursor:pointer;transition:border-color .16s,transform .16s,background .16s} .findra-wp-app .integration-v2:hover{border-color:rgba(52,211,153,.38);background:linear-gradient(145deg,rgba(21,31,34,.98),rgba(15,19,25,.98));transform:translateY(-1px)} .findra-wp-app .integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px} .findra-wp-app .integration-card-top .badge{max-width:70%;white-space:normal;text-align:center;font-size:10px} .findra-wp-app .integration-v2 h4{font-size:14px;margin:0 0 5px;color:#f8fafc} .findra-wp-app .integration-v2 .integration-site{font-size:10px;color:#7c91a8;margin:0 0 12px} .findra-wp-app .integration-v2 .integration-description{font-size:11px;line-height:1.5;min-height:34px;color:#9aabc0;margin:0 0 15px} .findra-wp-app .integration-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid rgba(148,163,184,.12);padding-top:12px} .findra-wp-app .integration-stats>div{min-width:0;display:flex;flex-direction:column;gap:5px} .findra-wp-app .integration-stats small{font-size:8px;letter-spacing:.04em;color:#74859a} .findra-wp-app .integration-stats b{font-size:10px;font-weight:650;overflow-wrap:anywhere;color:#e2e8f0} .findra-wp-app .integration-open{display:block;text-align:right;color:#6ee7b7;font-size:10px;margin-top:12px} .findra-wp-app .integrations-config{margin-top:20px} .findra-wp-app .integrations-config .section-title{align-items:center} .findra-wp-app .integrations-honesty{margin-top:15px;line-height:1.6} .findra-wp-app .integration-detail-modal{max-width:560px;max-height:min(82vh,780px);overflow:auto} .findra-wp-app .integration-detail-note{padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(148,163,184,.045);color:#9aabc0;font-size:11px;line-height:1.6;margin-top:14px} .findra-wp-app .integration-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap} .findra-wp-app .integration-connect-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px} .findra-wp-app .integration-connect-option{display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);color:#e2e8f0;cursor:pointer} .findra-wp-app .integration-connect-option:hover{border-color:rgba(52,211,153,.35)} .findra-wp-app .integration-connect-option span{font-size:10px;line-height:1.4;color:var(--muted)} @media(max-width:1100px){.findra-wp-app .integrations-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:800px){.findra-wp-app .integrations-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.findra-wp-app .integrations-toolbar{align-items:stretch}.findra-wp-app .integration-search{max-width:none;flex-basis:100%}} @media(max-width:520px){.findra-wp-app .integrations-catalog{grid-template-columns:1fr}.findra-wp-app .integration-connect-options{grid-template-columns:1fr}.findra-wp-app .integration-stats{grid-template-columns:repeat(3,minmax(0,1fr))}} /* Findra v3.1.6.2.2 — integration detail drawer matching the requested side-panel reference */ .integration-drawer-backdrop{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;align-items:stretch} .integration-drawer{width:min(460px,100vw);height:100%;display:flex;flex-direction:column;background:#11151b;border-left:1px solid rgba(255,255,255,.1);box-shadow:-24px 0 70px rgba(0,0,0,.45);animation:findraDrawerIn .18s ease-out;overflow:hidden} .integration-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);flex:0 0 auto} .integration-drawer-brand{display:flex;align-items:center;gap:12px;min-width:0}.integration-drawer-brand h2{font-size:15px;margin:0}.integration-drawer-brand p{font-size:11px;color:var(--muted);margin:3px 0 0} .integration-drawer-body{padding:20px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:22px} .detail-status-card{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:18px;padding:16px;background:rgba(255,255,255,.025)} .detail-health-ring{width:64px;height:64px;flex:0 0 64px;border-radius:50%;display:grid;place-items:center;border:5px solid #64748b;color:#cbd5e1;font-size:22px;font-weight:800}.detail-health-ring.verified{border-color:var(--green);color:var(--green)} .detail-status-copy{min-width:0}.detail-status-copy p{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 0} .detail-section h3{font-size:11px;font-weight:650;letter-spacing:.035em;color:#93b4e7;margin:0 0 10px} .detail-chips{display:flex;flex-wrap:wrap;gap:7px}.detail-chips span{border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:999px;padding:6px 10px;font-size:11px;color:#e2e8f0} .detail-footnote{font-size:10px;line-height:1.5;color:#718096;margin:8px 0 0} .detail-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.detail-flow span{padding:6px 9px;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:999px;font-size:10px;font-weight:650}.detail-flow i{font-style:normal;color:var(--muted)} .detail-panel-box{border:1px solid var(--border);border-radius:16px;padding:10px 14px;background:rgba(255,255,255,.018)}.detail-setting-row{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.035);font-size:11px}.detail-setting-row:last-child{border-bottom:0}.detail-setting-row span{color:var(--muted)}.detail-setting-row b{font-weight:650;text-align:right;overflow-wrap:anywhere;max-width:58%}.detail-dot{display:inline-block;width:8px;height:8px;border:1px solid var(--green);border-radius:50%;margin-right:8px} .detail-empty{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:14px;padding:13px;background:rgba(255,255,255,.02)}.detail-empty b{font-size:11px}.detail-empty p{font-size:10px;color:var(--muted);line-height:1.5;margin:5px 0 0}.detail-empty.compact{padding:11px}.detail-empty-icon{color:#60a5fa;font-size:17px;line-height:1} .detail-action-row{display:flex;gap:8px;position:sticky;bottom:-20px;padding:12px 0 0;background:linear-gradient(180deg,rgba(17,21,27,0),#11151b 22%);margin-top:0}.detail-action-row .btn{flex:1}.detail-action-row .btn.primary{background:#10b981;border-color:#10b981;color:#04130e} @keyframes findraDrawerIn{from{transform:translateX(18px);opacity:.7}to{transform:translateX(0);opacity:1}} @media(max-width:640px){.integration-drawer{width:100vw}.integration-drawer-body{padding:16px}.detail-status-card{padding:12px}.detail-health-ring{width:56px;height:56px;flex-basis:56px}}