.solution-visual{border:1px solid color-mix(in srgb,var(--solution-accent) 55%,#294650);min-height:405px;box-shadow:0 28px 70px #00000052,0 0 38px color-mix(in srgb,var(--solution-accent) 10%,transparent);color:#d9e7eb;background:linear-gradient(145deg,#10232d,#07131a);border-radius:14px;position:relative;overflow:hidden}.visual-chrome{background:#0c1b23;border-bottom:1px solid #28434e;align-items:center;gap:12px;height:48px;padding:0 16px;font-size:11px;display:flex}.visual-chrome strong{font-size:12px}.visual-status{color:var(--solution-accent);letter-spacing:.1em;margin-left:auto;font-size:8px;font-weight:900}.visual-dots{gap:4px;display:flex}.visual-dots i{background:#3d5964;border-radius:50%;width:6px;height:6px;display:block}.visual-dots i:first-child{background:#e26c65}.visual-dots i:nth-child(2){background:#e5a84e}.visual-dots i:nth-child(3){background:#58c59a}.visual-kpi-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:19px 17px 12px;display:grid}.visual-kpi-row b{color:var(--solution-accent);background:#0c2029;border:1px solid #274550;border-radius:7px;padding:12px;font-size:25px}.visual-kpi-row small{color:#91a8b0;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.visual-chart{background:repeating-linear-gradient(#0000 0 29px,#6f98a51f 30px);border-bottom:1px solid #2a4652;height:92px;margin:0 17px 13px;position:relative}.chart-line{border-top:3px solid var(--solution-accent);height:50%;position:absolute;bottom:28%;left:3%;right:3%;transform:skewY(-9deg)rotate(-2deg)}.chart-bar{background:color-mix(in srgb,var(--solution-accent) 55%,transparent);border-radius:3px 3px 0 0;width:8%;position:absolute;bottom:0}.bar-one{height:35%;left:10%}.bar-two{height:53%;left:28%}.bar-three{height:42%;left:46%}.bar-four{height:70%;left:64%}.visual-list{gap:7px;padding:0 17px;display:grid}.visual-list div{background:#0b1c24;border-radius:6px;align-items:center;gap:10px;padding:7px 9px;font-size:10px;display:flex}.visual-list em{color:#91a8b0;margin-left:auto;font-style:normal}.visual-pill{color:var(--solution-accent);background:#1a4250;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:900}.pill-1{background:#3b3520}.pill-2{background:#203c5b}.pill-3{background:#1c4335}.visual-toolbar,.visual-inventory-head,.visual-calendar-head,.visual-funnel-head,.visual-campaign-head,.visual-recon-head,.visual-report-head,.visual-perm-head,.support-head{justify-content:space-between;gap:12px;padding:20px 18px 14px;font-size:12px;display:flex}.visual-toolbar span,.visual-inventory-head span,.visual-calendar-head span,.visual-funnel-head span,.visual-campaign-head span,.visual-recon-head span,.visual-report-head span,.visual-perm-head span,.support-head span{color:#8da4ad;font-size:10px}.visual-lead-table{gap:7px;padding:0 17px;display:grid}.visual-lead-table>div{background:#0b1c24;border:1px solid #203b46;border-radius:7px;grid-template-columns:32px 1fr 38px 18px;align-items:center;gap:9px;padding:8px;font-size:10px;display:grid}.visual-avatar{background:color-mix(in srgb,var(--solution-accent) 27%,#10232d);width:28px;height:28px;color:var(--solution-accent);border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid}.visual-lead-table b small,.visual-deal-card b small{color:#8da4ad;margin-top:3px;font-size:8px;font-weight:400;display:block}.visual-score{color:var(--solution-accent);font-size:12px;font-weight:900}.score-1{color:#e5b44e}.score-2{color:#a8c875}.score-3{color:#8da4ad}.visual-lead-table i{color:var(--solution-accent);font-style:normal}.visual-inbox{grid-template-columns:.9fr 1.1fr;min-height:325px;display:grid}.visual-thread-list{border-right:1px solid #27434e;padding:9px}.visual-thread-list span{color:#9bb0b8;border-radius:6px;align-items:center;gap:7px;padding:12px 8px;font-size:9px;display:flex}.visual-thread-list span.selected{color:#fff;background:#17333f}.visual-thread-list small{margin-left:auto}.thread-dot{background:var(--solution-accent);border-radius:50%;width:7px;height:7px}.dot-1{background:#e5b44e}.dot-2{background:#5ea0e2}.dot-3{background:#9b75e4}.visual-message{padding:28px 22px}.visual-message small{color:var(--solution-accent);letter-spacing:.08em;font-size:9px;font-weight:900}.visual-message p{color:#dbe8ec;background:#193240;border-radius:10px 10px 10px 2px;margin:20px 0;padding:15px;font-size:13px;line-height:1.5}.visual-reply{color:#8da4ad;border:1px solid #2b5c64;border-radius:6px;padding:9px;font-size:9px}.visual-reply b{float:right;color:var(--solution-accent)}.visual-vehicle-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 17px;display:grid}.visual-vehicle-grid>div{background:#0a1b23;border:1px solid #24424d;border-radius:7px;padding:8px}.vehicle-art{background:linear-gradient(135deg,#1f4a64,#0a202b);border-radius:5px;height:55px;margin-bottom:7px;position:relative}.vehicle-art:after{border:2px solid color-mix(in srgb,var(--solution-accent) 70%,white);content:"";border-radius:16px 16px 5px 5px;height:15px;position:absolute;bottom:14px;left:16%;right:16%;transform:skew(-11deg)}.vehicle-art span{color:#fff6;font-size:8px;font-weight:900;position:absolute;top:6px;right:7px}.vehicle-1{background:linear-gradient(135deg,#51411c,#201a0c)}.vehicle-2{background:linear-gradient(135deg,#283f5a,#0c1924)}.vehicle-3{background:linear-gradient(135deg,#3a2b54,#141024)}.visual-vehicle-grid b{font-size:9px;display:block}.visual-vehicle-grid small{color:#8da4ad;margin-top:3px;font-size:8px;display:block}.visual-calendar{grid-template-columns:55px 1fr;min-height:285px;padding:0 17px;display:grid}.calendar-times{color:#8da4ad;align-content:space-around;font-size:9px;display:grid}.calendar-grid{background:repeating-linear-gradient(#0000 0 55px,#263f49 56px);border-left:1px solid #2b4652;position:relative}.appointment{border-left:3px solid var(--solution-accent);color:#dce8ed;background:#193945;border-radius:4px;padding:8px;font-size:10px;font-weight:800;position:absolute;left:10%;right:12%}.appointment small{color:#9bb0b8;margin-top:3px;font-size:8px;font-weight:400;display:block}.appt-one{top:16%}.appt-two{background:#192f4b;border-color:#5c9ee3;top:42%}.appt-three{background:#3c321d;border-color:#dca94f;top:70%}.visual-funnel-head,.visual-campaign-head,.visual-recon-head,.visual-report-head,.visual-perm-head,.support-head{padding-bottom:14px}.funnel-stages{align-items:end;gap:6px;height:150px;padding:0 20px;display:flex}.funnel-stages div{background:color-mix(in srgb,var(--solution-accent) 30%,#0d2530);text-align:center;border-radius:5px 5px 0 0;align-content:space-between;width:20%;height:50%;min-height:70px;padding:9px 5px;display:grid}.funnel-stages div:nth-child(2){height:65%}.funnel-stages div:nth-child(3){height:55%}.funnel-stages div:nth-child(4){height:45%}.funnel-stages div:nth-child(5){height:35%}.funnel-stages span{color:#9db1ba;font-size:8px}.funnel-stages b{color:var(--solution-accent);font-size:22px}.visual-deal-card{background:#0c2029;border:1px solid #2a4d59;border-radius:7px;align-items:center;gap:10px;margin:8px 18px;padding:11px;font-size:10px;display:flex}.visual-deal-card strong{color:var(--solution-accent);margin-left:auto;font-size:8px}.visual-bars{border-bottom:1px solid #31505c;align-items:end;gap:12px;height:145px;margin:0 25px;padding:0 15px;display:flex}.visual-bars span{background:linear-gradient(var(--solution-accent),color-mix(in srgb,var(--solution-accent) 25%,#0a1d26));border-radius:4px 4px 0 0;flex:1;max-width:28px}.visual-source-row{color:#91a8b0;grid-template-columns:1fr auto 1fr auto 1fr auto;gap:7px;padding:14px 18px;font-size:8px;display:grid}.visual-source-row b{color:#e0edf0}.recon-columns{grid-template-columns:repeat(4,1fr);gap:6px;padding:0 13px;display:grid}.recon-columns>div{background:#0b1d25;border-radius:6px;min-height:280px;padding:6px}.recon-columns>div>span{color:#a6b9c0;justify-content:space-between;margin-bottom:8px;font-size:8px;display:flex}.recon-columns>div>span b{color:var(--solution-accent)}.recon-card{border-left:2px solid var(--solution-accent);background:#16333f;border-radius:3px;margin-bottom:6px;padding:10px 6px;font-size:8px;font-weight:900}.recon-card small{color:#8da4ad;margin-top:5px;font-size:7px;font-weight:400;display:block}.visual-report-chart{grid-template-columns:40px 1fr;height:190px;padding:0 20px;display:grid}.report-axis{color:#80969f;flex-direction:column;justify-content:space-between;padding:10px 0;font-size:8px;display:flex}.report-bars{background:repeating-linear-gradient(#0000 0 44px,#223d47 45px);border-bottom:1px solid #2b4954;justify-content:space-around;align-items:end;display:flex}.report-bars>div{flex-direction:column;justify-content:end;align-items:center;gap:7px;height:100%;display:flex}.report-bars i{background:linear-gradient(var(--solution-accent),color-mix(in srgb,var(--solution-accent) 25%,#0a1d26));border-radius:4px 4px 0 0;width:28px;display:block}.report-bars small{color:#91a8b0;font-size:8px}.report-callout{color:#aac0c6;border:1px solid #2b5d63;border-radius:6px;gap:10px;margin:15px 18px;padding:10px;font-size:9px;display:flex}.report-callout b{color:var(--solution-accent)}.integration-center{border:1px solid var(--solution-accent);width:120px;height:90px;box-shadow:0 0 30px color-mix(in srgb,var(--solution-accent) 18%,transparent);background:#163a45;border-radius:12px;place-items:center;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.integration-center b{color:var(--solution-accent);font-size:30px}.integration-center small{color:#adc3c9;font-size:7px}.integration-node{color:#dce9ec;background:#102a35;border:1px solid #315767;border-radius:7px;place-items:center;width:86px;height:48px;font-size:9px;font-weight:900;display:grid;position:absolute}.integration-node small{color:var(--solution-accent);margin-top:3px;font-size:7px}.node-0{top:21%;left:10%}.node-1{top:21%;right:10%}.node-2{bottom:16%;left:10%}.node-3{bottom:16%;right:10%}.node-4{top:50%;right:3%;transform:translateY(-50%)}.integration-lines{border:1px dashed color-mix(in srgb,var(--solution-accent) 55%,transparent);pointer-events:none;border-radius:50%;position:absolute;inset:25% 18% 19%}.permission-table{gap:1px;padding:0 18px;display:grid}.permission-table>div{grid-template-columns:1.5fr repeat(3,1fr);gap:1px;display:grid}.permission-table b,.permission-table span,.permission-table i{background:#102731;padding:8px 6px;font-size:8px;font-style:normal}.permission-table b{color:var(--solution-accent);background:#183b4c}.permission-table i{text-align:center;color:#51ce91;font-size:11px}.permission-table .muted-check{color:#728891}.support-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 18px;display:grid}.support-grid>div{background:#0d222b;border:1px solid #2a4853;border-radius:7px;gap:5px;padding:15px;display:grid}.support-grid strong{font-size:11px}.support-grid small{color:#8da4ad;font-size:8px}.status-dot{background:#58c59a;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.support-progress{border:1px solid #2a4b56;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:18px;padding:10px;font-size:8px;display:grid}.support-progress b{background:#173541;border-radius:5px;height:5px;display:block}.support-progress b i{background:var(--solution-accent);border-radius:5px;width:72%;height:100%;display:block}.support-progress em{color:#8da4ad;font-style:normal}@media (max-width:620px){.solution-visual{min-height:370px}.visual-inbox{grid-template-columns:1fr}.visual-thread-list{border-bottom:1px solid #27434e;border-right:0;grid-template-columns:1fr 1fr;display:grid}.visual-thread-list span{padding:8px}.visual-status{display:none}.recon-columns{gap:4px;padding:0 8px}.recon-card{font-size:7px}.visual-source-row{gap:4px;padding-left:10px;padding-right:10px}.integration-node{transform:scale(.9)}.node-4{transform:translateY(-50%)scale(.9)}}