.product-intelligence-page{max-width:1540px;margin:auto;padding:28px;font-size:15px}.pi-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.pi-head p,.pi-panel header small,.pi-claims>header small,.pi-dialog header small{margin:0;color:#5261f2;font-size:10px;font-weight:900;letter-spacing:.13em}.pi-head h1{margin:6px 0;font:850 34px Urbanist,sans-serif}.pi-head>div>span{color:#68758a;font-size:14px}.pi-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.pi-metrics article{display:grid;gap:5px;border:1px solid #dfe4ed;border-radius:14px;background:#fff;padding:17px}.pi-metrics article.attention{border-color:#efd49b;background:#fffaf0}.pi-metrics span{color:#718095;font-size:10px}.pi-metrics strong{font-size:25px}.pi-metrics small{color:#8d97a6;font-size:9px}.pi-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:13px}.pi-panel,.pi-claims{border:1px solid #dfe4ed;border-radius:15px;background:#fff;padding:19px}.pi-panel>header,.pi-claims>header,.pi-dialog header{display:flex;justify-content:space-between;gap:16px}.pi-panel h2,.pi-claims h2,.pi-dialog h2{margin:4px 0;font:850 20px Urbanist,sans-serif}.pi-panel>header>span,.pi-claims>header>span{height:max-content;border-radius:999px;background:#edf1f6;padding:6px 9px;color:#6d788a;font-size:9px;font-weight:850}.pi-catalog>div{display:grid;margin-top:13px}.pi-catalog>div>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:1px solid #edf0f4;padding:11px 0}.pi-product-image{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:10px;background:#f0f2f7}.pi-product-image img{width:100%;height:100%;object-fit:cover}.pi-catalog article>div:nth-child(2){display:grid;gap:3px}.pi-catalog b{font-size:12px}.pi-catalog small,.pi-catalog p{margin:0;color:#7c8797;font-size:9px}.pi-catalog button{border:1px solid #dbe0e9;border-radius:8px;background:#fff;padding:7px 9px;color:#4d5be7;font:800 9px Urbanist,sans-serif}.pi-progress{display:flex!important;align-items:center;gap:7px}.pi-progress i{width:95px;height:5px;overflow:hidden;border-radius:99px;background:#edf0f4}.pi-progress i span{display:block;height:100%;background:#5c69f4}.pi-progress em{font-size:8px;font-style:normal}.pi-topics{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.pi-topics span{border-radius:999px;background:#eef1ff;padding:6px 8px;color:#4c59c9;font-size:9px}.pi-topics b{margin-left:4px}.pi-questions{display:grid;gap:6px}.pi-questions>a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e6e9ef;border-radius:10px;padding:9px;color:inherit}.pi-questions>a>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fff1ce;color:#80601d;font-weight:900}.pi-questions a>div{display:grid;gap:2px}.pi-questions b{font-size:10px}.pi-questions p{overflow:hidden;margin:0;color:#788496;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.pi-questions em{font-size:8px;font-style:normal;color:#5966da}.pi-claims{margin-top:13px}.pi-claims>header p{max-width:760px;margin:5px 0 0;color:#748093;font-size:11px}.pi-claims>div{display:grid;gap:7px;margin-top:15px}.pi-claim{overflow:hidden;border:1px solid #e2e6ed;border-radius:11px}.pi-claim.approved{border-color:#bfe4d3}.pi-claim>summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto 16px;gap:10px;align-items:center;padding:11px 13px;cursor:pointer;list-style:none}.pi-claim summary>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf0ff;color:#4f5eea;font-weight:900}.pi-claim summary>div{display:grid;gap:2px}.pi-claim summary small{color:#747fec;font-size:8px}.pi-claim summary b{font-size:12px}.pi-claim summary p{overflow:hidden;margin:0;color:#788496;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.pi-claim summary em{border-radius:99px;background:#eef1f5;padding:5px 8px;font-size:8px;font-style:normal}.pi-claim.approved summary em{background:#e4f7ed;color:#257253}.pi-claim-body{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #e6e9ef;background:#fafbfe;padding:13px}.pi-claim-body article{border:1px solid #e4e8ef;border-radius:9px;background:#fff;padding:10px}.pi-claim-body small{color:#6f7ae9;font-size:8px;font-weight:900}.pi-claim-body p{margin:5px 0 0;color:#5f6b7d;font-size:10px;line-height:1.5}.pi-claim-body form{display:flex;grid-column:1/-1;gap:7px;justify-content:flex-end}.pi-empty{padding:25px;text-align:center;color:#748093}.pi-empty p{font-size:10px}.pi-empty a{color:#4c5ae5;font-size:10px;font-weight:850}.pi-dialog{width:min(720px,calc(100% - 32px));border:0;border-radius:16px;padding:0;box-shadow:0 28px 90px rgba(11,22,44,.3)}.pi-dialog::backdrop{background:rgba(11,20,37,.58)}.pi-dialog>form{display:grid;gap:13px;padding:22px}.pi-dialog header button{border:0;background:none;font-size:25px}.pi-dialog label{display:grid;gap:5px;color:#4e5a6c;font-size:10px;font-weight:850}.pi-dialog input,.pi-dialog select,.pi-dialog textarea{width:100%;border:1px solid #dce1e9;border-radius:9px;background:#fff;padding:10px;font:500 11px Urbanist,sans-serif}.pi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pi-dialog aside{border-radius:9px;background:#fff5dc;padding:10px;color:#77591b;font-size:9px}.pi-dialog footer{display:flex;justify-content:flex-end;gap:7px}html[data-theme=dark] .pi-metrics article,html[data-theme=dark] .pi-panel,html[data-theme=dark] .pi-claims,html[data-theme=dark] .pi-dialog{background:#111b2b;border-color:#2b384d;color:#edf2fa}html[data-theme=dark] .pi-claim-body,html[data-theme=dark] .pi-claim-body article,html[data-theme=dark] .pi-dialog input,html[data-theme=dark] .pi-dialog select,html[data-theme=dark] .pi-dialog textarea{background:#152236;border-color:#30405a;color:#edf2fa}@media(max-width:1050px){.pi-metrics{grid-template-columns:repeat(3,1fr)}.pi-grid{grid-template-columns:1fr}}@media(max-width:700px){.product-intelligence-page{padding:18px}.pi-head{align-items:flex-start;flex-direction:column}.pi-metrics{grid-template-columns:1fr 1fr}.pi-claim-body{grid-template-columns:1fr}.pi-form-row{grid-template-columns:1fr}}@media(max-width:430px){.pi-metrics{grid-template-columns:1fr}.pi-claim>summary{grid-template-columns:34px minmax(0,1fr)}.pi-claim summary>em,.pi-claim summary>strong{display:none}}
