.product-visual-shell{width:100%;container-type:inline-size}.product-visual{background:var(--white);border:1px solid var(--line);min-height:47em;overflow:hidden}.product-visual__bar{background:var(--teal-950);color:#fff;grid-template-columns:13em 1fr 3.5em;align-items:center;height:4.5em;padding:0 1.3em;display:grid}.product-mini-brand{align-items:center;gap:.6em;font-weight:700;display:flex}.product-mini-brand img{object-fit:contain;width:2em;height:2em}.product-breadcrumb{color:var(--teal-200);align-items:center;gap:.7em;font-size:.8em;display:flex}.product-breadcrumb b{opacity:.4}.product-breadcrumb strong{color:#fff}.product-user{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:2.4em;height:2.4em;font-size:.7em;display:grid}.product-visual__body{grid-template-columns:4.4em 1fr;min-height:42.5em;display:grid}.product-sidebar{background:var(--teal-900);color:var(--teal-200);flex-direction:column;align-items:center;gap:1em;padding:1.3em .8em;display:flex}.side-dot{border-radius:.4em;place-items:center;width:2.8em;height:2.8em;display:grid}.side-dot.is-active{color:#fff;background:#ffffff24}.product-canvas{background:#f5f8fa;padding:2em;overflow:hidden}.product-title-row{justify-content:space-between;align-items:end;margin-bottom:1.6em;display:flex}.product-title-row small{color:var(--ink-500);margin-bottom:.2em;font-size:.7em;display:block}.product-title-row .product-title{letter-spacing:-.035em;color:var(--ink-950);margin:0;font-size:1.7em;line-height:1.15;display:block}.product-title-row>span{border:1px solid var(--line);color:var(--ink-600);background:#fff;border-radius:.3em;padding:.5em .7em;font-weight:600}.metric-strip{border:1px solid var(--line);background:#fff;grid-template-columns:1.2fr 1fr 1fr;margin-bottom:1em;display:grid}.metric-strip>div{border-right:1px solid var(--line);padding:1.3em;position:relative}.metric-strip>div:last-child{border:0}.metric-strip small,.metric-strip i{color:var(--ink-500);font-size:.7em;font-style:normal;display:block}.metric-strip strong{letter-spacing:-.04em;color:var(--ink-950);margin:.3em 0;font-size:2em;line-height:1.2;display:block}.metric-strip strong span{margin-left:.2em;font-size:.9em}.metric-strip .trend{color:var(--green)}.visual-grid{gap:1em;display:grid}.visual-grid--coverage{grid-template-columns:1.2fr .8fr}.ui-panel{border:1px solid var(--line);background:#fff;padding:1.2em}.ui-panel header{justify-content:space-between;align-items:center;margin-bottom:1.4em;display:flex}.ui-panel header strong{color:var(--ink-900);font-size:.9em}.ui-panel header small{color:var(--ink-500);font-size:.7em}.coverage-row{grid-template-columns:6em 1fr 2.4em;align-items:center;gap:.8em;margin:1.2em 0;display:grid}.coverage-row span{font-size:.7em;font-weight:600}.coverage-row>b{background:var(--paper);border-radius:.4em;height:.5em;overflow:hidden}.coverage-row>b i{width:var(--fill);background:var(--teal-600);border-radius:.4em;height:100%;display:block}.coverage-row em{text-align:right;font-size:.7em;font-style:normal}.pulse-panel ul,.audit-list,.risk-list ul{margin:0;padding:0;list-style:none}.pulse-panel li{border-top:1px solid var(--line-soft);grid-template-columns:.8em 1fr auto;align-items:center;gap:.7em;padding:.7em 0;display:grid}.dot{background:var(--green);border-radius:50%;width:.5em;height:.5em}.dot--amber{background:var(--amber)}.dot--red{background:var(--red)}.pulse-panel b,.pulse-panel small{font-size:.7em;display:block}.pulse-panel small{color:var(--ink-500)}.pulse-panel em{color:var(--teal-700);background:var(--teal-50);padding:.2em .4em;font-size:.6em;font-style:normal}.process-map{border:1px solid var(--line);background-color:#fff;background-image:radial-gradient(#cbd9e1 .7px,#0000 .7px);background-size:1.2em 1.2em;height:33em;position:relative;overflow:hidden}.process-node{border:1px solid var(--line);z-index:2;background:#fff;width:14.2em;padding:1.1em;position:absolute;box-shadow:0 .8em 2em -1.2em #14324666}.process-node small,.process-node strong,.process-node span{display:block}.process-node small{color:var(--teal-700);text-transform:uppercase;letter-spacing:.07em;font-size:.6em}.process-node strong{color:var(--ink-900);margin:.3em 0;font-size:.9em}.process-node span{color:var(--ink-500);font-size:.6em}.process-node--main{border-top:.3em solid var(--teal-600);top:2.8em;left:calc(50% - 7.1em)}.process-node--a{top:15.5em;left:8%}.process-node--b{top:15.5em;left:calc(50% - 7.1em)}.process-node--c{top:15.5em;right:8%}.process-line{background:var(--teal-300);width:1px;height:5em;position:absolute;top:10.5em;left:50%}.process-line:before{content:"";background:var(--teal-300);width:39em;height:1px;position:absolute;bottom:0;left:-19.5em}.process-legend{color:var(--ink-500);font-size:.6em;position:absolute;bottom:1.4em;left:1.8em}.process-legend i{background:var(--teal-600);border-radius:50%;width:.5em;height:.5em;margin:0 .5em 0 1em;display:inline-block}.process-legend i+i{background:var(--amber)}.audit-timeline{border:1px solid var(--line);background:#fff;grid-template-columns:4em 1fr auto;align-items:center;gap:1em;margin-bottom:1em;padding:1.2em;display:grid}.timeline-month{border-right:1px solid var(--line);text-align:center}.timeline-month span,.timeline-month b{display:block}.timeline-month span{color:var(--teal-700);letter-spacing:.08em;font-size:.6em}.timeline-month b{color:var(--ink-900);font-size:1.7em}.timeline-info small,.timeline-info strong,.timeline-info p{margin:0;display:block}.timeline-info small{color:var(--ink-500);font-size:.6em}.timeline-info strong{color:var(--ink-900);font-size:1em}.timeline-info p{font-size:.6em}.audit-chip{color:var(--green);background:#edf6f0;padding:.3em .6em;font-size:.6em}.audit-columns{grid-template-columns:1.6fr .7fr;gap:1em;display:grid}.check-progress{background:var(--paper);height:.4em;margin-bottom:.8em}.check-progress i{background:var(--teal-600);width:75%;height:100%;display:block}.audit-list li{border-top:1px solid var(--line-soft);align-items:center;gap:.8em;padding:.8em 0;display:flex}.checkmark{width:1.7em;height:1.7em;color:var(--green);background:#edf6f0;border-radius:50%;place-items:center;font-size:.7em;font-weight:700;display:grid}.checkmark.is-open{background:var(--paper);color:var(--ink-600)}.audit-list b,.audit-list small{font-size:.7em;display:block}.audit-list small{color:var(--ink-500)}.finding-number{color:var(--ink-950);font-size:2.8em!important}.findings p{font-size:.7em}.findings .ui-action,.invoice-table .ui-action{background:var(--teal-700);color:#fff;border:0;align-items:center;gap:.4em;padding:.6em .8em;font-size:.6em;display:flex}.risk-layout{grid-template-columns:1fr 1.25fr;gap:1em;display:grid}.risk-heatmap{border:1px solid var(--line);background:#fff;padding:2.4em 1.8em 2.5em 3em;position:relative}.heat-grid{grid-template-rows:repeat(5,3.5em);grid-template-columns:repeat(5,1fr);gap:.2em;display:grid;transform:rotateX(180deg)}.heat-grid i{background:#dfefea;position:relative}.heat-grid i:nth-child(4n+2),.heat-grid i:nth-child(3n+3){background:#f2ead4}.heat-grid i:nth-child(7n){background:#efd9d5}.heat-grid i.has-dot:after{content:"";background:var(--red);border:.2em solid #fff;border-radius:50%;width:.8em;height:.8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.heat-grid i.dot-b:after{background:var(--amber)}.heat-grid i.dot-c:after{background:var(--teal-700)}.risk-y,.risk-x{color:var(--ink-500);font-size:.6em;position:absolute}.risk-y{top:50%;left:.8em;transform:rotate(-90deg)translateY(-50%)}.risk-x{bottom:.7em;left:50%;transform:translate(-50%)}.risk-list li{border-top:1px solid var(--line-soft);grid-template-columns:3.2em 1fr;align-items:center;gap:.8em;padding:1em 0;display:grid}.risk-list em{color:var(--red);font-style:normal;font-weight:700}.risk-list b,.risk-list small{font-size:.7em;display:block}.risk-list small{color:var(--ink-500)}.planning-head{border:1px solid var(--line);background:#fff;align-items:center;gap:.8em;padding:.8em 1em;display:flex}.planning-head .ui-button{border:1px solid var(--line);background:#fff;padding:0 .35em}.planning-head span{color:var(--green);margin-left:auto;font-size:.7em}.planning-grid{border:1px solid var(--line);background:#fff;grid-template-columns:2.4em repeat(5,1fr);height:27em;margin-top:1em;display:grid;overflow:hidden}.time-col{text-align:center;color:var(--ink-500);flex-direction:column;justify-content:space-around;padding-top:2.7em;font-size:.6em;display:flex}.day-col{border-left:1px solid var(--line-soft);background-image:linear-gradient(var(--line-soft) 1px,transparent 1px);background-size:100% 4.8em;position:relative}.day-col>strong{text-align:center;border-bottom:1px solid var(--line);padding:.7em;font-size:.7em;display:block}.shift{left:.4em;right:.4em;top:var(--y);height:var(--h);background:var(--teal-100);border-left:.2em solid var(--teal-600);padding:.6em;position:absolute}.shift b,.shift small{font-size:.6em;display:block}.shift small{color:var(--teal-800)}.shift--1{background:#eef0fb;border-color:#5c6190}.shift--2{border-color:var(--amber);background:#f7eddd}.shift--secondary{border-color:var(--ink-500);background:#edf1f4}.invoice-kpis{grid-template-columns:1fr 1fr;gap:1em;margin-bottom:1em;display:grid}.invoice-kpis>div{border:1px solid var(--line);background:#fff;padding:1.2em}.invoice-kpis small,.invoice-kpis strong,.invoice-kpis span{display:block}.invoice-kpis strong{color:var(--ink-950);font-size:1.5em}.invoice-kpis span,.invoice-kpis small{color:var(--ink-500);font-size:.7em}.invoice-table header button{margin-left:auto}.table-row{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1.4fr .65fr .8fr;align-items:center;gap:.8em;padding:1em .2em;font-size:.7em;display:grid}.table-row>strong:last-child{text-align:right}.table-row em{width:max-content;padding:.2em .4em;font-style:normal}.table-row .paid{color:var(--green);background:#edf6f0}.table-row .open{color:var(--teal-700);background:var(--teal-50)}.table-row .due{color:var(--red);background:#f9ecea}.table-head{color:var(--ink-500);font-size:.6em}.skill-top{border:1px solid var(--line);background:#fff;justify-content:space-between;margin-bottom:1em;padding:1em 1.2em;display:flex}.skill-top strong,.skill-top small{display:block}.skill-top small,.skill-top span{color:var(--ink-500);font-size:.7em}.skill-grid{border:1px solid var(--line);background:#fff}.skill-row{border-top:1px solid var(--line-soft);grid-template-columns:1.8fr repeat(4,1fr);align-items:center;min-height:3.8em;padding:0 1em;display:grid}.skill-row:first-child{border:0}.skill-row>span{color:var(--ink-500);font-size:.6em}.skill-row strong{font-size:.7em}.skill-row i{border-radius:50%;justify-self:center;place-items:center;width:1.6em;height:1.6em;font-size:.7em;font-style:normal;display:grid}.skill-row i.ok{color:var(--green);background:#edf6f0}.skill-row i.warn{color:var(--amber);background:#f7eddd}.skill-row i.no{background:var(--paper);color:var(--ink-500)}.skill-note{background:#f7eddd;grid-template-columns:.8em 1fr auto;align-items:center;gap:.8em;margin-top:1em;padding:1em;display:grid}.skill-note>i{background:var(--amber);border-radius:50%;width:.6em;height:.6em}.skill-note b,.skill-note small{font-size:.7em;display:block}.skill-note small{color:var(--ink-500)}.skill-note .ui-action{background:#fff;border:1px solid #dfcda5;padding:.4em .7em;font-size:.6em}.connection-hub{border:1px solid var(--line);background-color:#fff;background-image:radial-gradient(#cbd9e1 .7px,#0000 .7px);background-size:1.3em 1.3em;height:30em;position:relative}.hub-logo{background:var(--teal-950);z-index:2;border-radius:50%;place-items:center;width:6.4em;height:6.4em;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1.2em 2.5em #062a322e}.hub-logo img{width:4.2em}.integration-node{border:1px solid var(--line);z-index:2;background:#fff;align-items:center;gap:.7em;width:13em;padding:.8em;display:flex;position:absolute;box-shadow:0 .8em 2em -1.4em #062a3266}.integration-node b,.integration-node small{font-size:.7em;display:block}.integration-node small{color:var(--ink-500)}.integration-node>i{background:var(--green);border-radius:50%;width:.5em;height:.5em;margin-left:auto}.node--a{top:20%;left:8%}.node--b{top:20%;right:8%}.node--c{bottom:18%;left:8%}.node--d{bottom:18%;right:8%}.connector{background:var(--teal-300);transform-origin:0;width:34%;height:1px;position:absolute;top:50%;left:50%}.connector--a{transform:rotate(207deg)}.connector--b{transform:rotate(-27deg)}.connector--c{transform:rotate(153deg)}.connector--d{transform:rotate(27deg)}.product-visual--compact{min-height:36em}.product-visual--compact .product-visual__body{min-height:31.5em}.product-visual--compact .product-canvas{padding:1.4em}.product-visual--compact .product-title-row{margin-bottom:1em}.product-visual{border-radius:var(--r-md);box-shadow:var(--e-4);font-size:clamp(8.5px,.85cqi,10.5px)}@container (width<=640px){.product-visual,.product-visual--compact{min-height:0;font-size:13px}.product-visual__body{grid-template-columns:1fr;min-height:0}.product-sidebar{display:none}.product-visual__bar{grid-template-columns:1fr auto}.product-breadcrumb{display:none}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div:last-child{display:none}.visual-grid--coverage,.audit-columns,.risk-layout,.invoice-kpis{grid-template-columns:1fr}.pulse-panel,.findings,.risk-heatmap,.process-legend,.skill-note{display:none}.process-map{height:26em}.process-node{width:14em}.process-node--a,.process-node--c,.process-line:before{display:none}.planning-grid{grid-template-columns:2.4em repeat(3,1fr);height:22em}.day-col:nth-child(n+5){display:none}.skill-row{grid-template-columns:1.8fr repeat(2,1fr)}.skill-row>:nth-child(n+4){display:none}.table-row{grid-template-columns:1fr .8fr}.table-row>:nth-child(2),.table-row>:nth-child(3){display:none}.connection-hub{height:24em}.integration-node{width:11em}}