.dd-monitor{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 17% 24%,rgba(99,44,166,.18),transparent 31%),radial-gradient(circle at 85% 73%,rgba(72,141,255,.08),transparent 29%),#070809}.dd-monitor__heading{margin-bottom:48px}.dd-monitor__dashboard{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#070a0b;box-shadow:0 36px 90px rgba(0,0,0,.3)}.dd-monitor__chart{min-height:610px;padding:30px;border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#090d10;background-size:48px 48px}.dd-monitor__bar,.dd-monitor__states-head{display:flex;justify-content:space-between;gap:16px;color:rgba(255,255,255,.45);font:9px "Roboto Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.dd-monitor__bar span{display:flex;align-items:center;gap:8px}.dd-monitor__bar i{width:7px;height:7px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 14px #8b5cf6}.dd-monitor__bar strong{color:rgba(255,255,255,.65)}.dd-monitor__query{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:55px 0 34px;padding:17px 19px;border:1px solid rgba(139,92,246,.27);border-radius:7px;background:rgba(5,8,10,.94)}.dd-monitor__query span{color:#a98aff;font:8px "Roboto Mono",monospace;text-transform:uppercase}.dd-monitor__query code{overflow:hidden;color:#e9e6f5;font:10px "Roboto Mono",monospace;text-overflow:ellipsis}.dd-monitor__query em{color:#00d9ad;font:7px "Roboto Mono",monospace;font-style:normal;text-transform:uppercase}.dd-monitor__plot{display:grid;grid-template-columns:48px 1fr;height:260px}.dd-monitor__axis{display:flex;flex-direction:column;justify-content:space-between;padding:0 8px 34px 0;color:rgba(255,255,255,.35);font:8px "Roboto Mono",monospace;text-align:right}.dd-monitor__canvas{position:relative;border-bottom:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(0deg,transparent,transparent 51px,rgba(255,255,255,.04) 52px)}.dd-monitor__canvas svg{position:absolute;inset:12px 0 0;width:100%;height:210px;overflow:visible}.dd-monitor__canvas .area{fill:rgba(139,92,246,.1)}.dd-monitor__canvas .line{fill:none;stroke:#9c7bff;stroke-width:3}.dd-monitor__threshold{position:absolute;z-index:1;top:76px;right:0;left:0;border-top:1px dashed rgba(255,110,119,.6);color:#ff858d;font:7px "Roboto Mono",monospace;text-align:right;text-transform:uppercase}.dd-monitor__point{position:absolute;top:49px;right:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#8b5cf6;box-shadow:0 0 18px #8b5cf6}.dd-monitor__tags{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid rgba(255,255,255,.1);border-radius:7px}.dd-monitor__tags span{display:grid;gap:5px;padding:14px}.dd-monitor__tags span+span{border-left:1px solid rgba(255,255,255,.09)}.dd-monitor__tags small{color:rgba(255,255,255,.38);font:7px "Roboto Mono",monospace;text-transform:uppercase}.dd-monitor__tags strong{color:#dfe6e4;font-size:9px}.dd-monitor__states{padding:30px 34px}.dd-monitor__states-head{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.dd-monitor__states-head div{display:grid;gap:5px}.dd-monitor__states-head strong{color:#f0f4f3;font:600 15px Arial,sans-serif;letter-spacing:0;text-transform:none}.dd-monitor__states-head>small{color:#a98aff}.dd-monitor__states ol{margin:12px 0 0;padding:0;list-style:none}.dd-monitor__states li{display:grid;grid-template-columns:29px 1fr auto;gap:12px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.09)}.dd-monitor__states li>span{color:#a98aff;font:9px "Roboto Mono",monospace}.dd-monitor__states li div{display:grid;gap:5px}.dd-monitor__states li small{color:rgba(255,255,255,.4);font:8px "Roboto Mono",monospace;text-transform:uppercase}.dd-monitor__states li strong{color:#f0f4f3;font-size:13px}.dd-monitor__states li p{margin:0;color:rgba(255,255,255,.54);font-size:10px}.dd-monitor__states li em{color:#00d9ad;font:7px "Roboto Mono",monospace;font-style:normal;text-transform:uppercase}.dd-monitor__states .is-alert em{color:#ff737d}.dd-monitor__states .is-warn em{color:#ffc15b}.dd-monitor__boundary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;margin-top:24px;padding:28px 30px;border:1px solid rgba(139,92,246,.25);border-radius:10px;background:linear-gradient(110deg,rgba(139,92,246,.08),rgba(72,141,255,.025))}.dd-monitor__boundary h3{max-width:850px;margin:8px 0 10px;color:#f1f5f4;font-size:clamp(22px,2.4vw,34px);line-height:1.15}.dd-monitor__boundary p:last-child{max-width:900px;margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.7}#integrateur-datadog-api .mdk-split__panel:last-child{display:flex;flex-direction:column;justify-content:center}#integrateur-datadog-api,#architecture-datadog{scroll-margin-top:82px}@media(max-width:1050px){.dd-monitor__dashboard{grid-template-columns:1fr}.dd-monitor__chart{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}}@media(max-width:767px){.dd-monitor__heading{margin-bottom:34px}.dd-monitor__chart{min-height:0;padding:24px 18px}.dd-monitor__bar{flex-direction:column;gap:6px}.dd-monitor__query{grid-template-columns:1fr;margin-top:46px}.dd-monitor__query code{white-space:normal;word-break:break-word}.dd-monitor__plot{grid-template-columns:36px 1fr}.dd-monitor__tags{grid-template-columns:repeat(2,1fr)}.dd-monitor__tags span:nth-child(odd){border-left:0}.dd-monitor__tags span:nth-child(n+3){border-top:1px solid rgba(255,255,255,.09)}.dd-monitor__states{padding:24px 20px}.dd-monitor__states-head{flex-direction:column}.dd-monitor__states li{grid-template-columns:24px 1fr}.dd-monitor__states li em{grid-column:2;justify-self:start}.dd-monitor__boundary{grid-template-columns:1fr;gap:22px;padding:24px 20px}.dd-monitor__boundary .dwp-premium__button{width:100%;white-space:normal}}