/* Decorative HTML interface studies; no product claims or live data. */
.pdemo{height:230px;border-radius:14px;margin-bottom:24px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 0%,#fff2cf,transparent 70%),linear-gradient(135deg,#f4cfb9,#df947f);font:11px/1.4 Arial,sans-serif;color:#273544;isolation:isolate}
.pdemo::before{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff60;border-radius:50%;right:-75px;bottom:-145px;box-shadow:0 0 0 25px #ffffff12,0 0 0 50px #ffffff10;z-index:-1}
.pdemo-mobile{background:radial-gradient(ellipse at 0% 0%,#e5efbb,transparent 75%),linear-gradient(135deg,#b9d6bf,#559a91)}
.pdemo-tenant{background:radial-gradient(ellipse at 100% 0%,#536d96,transparent 75%),linear-gradient(135deg,#203349,#304d63)}
.mini-window,.mini-console{width:83%;background:#ffffffef;border:1px solid #ffffffb0;border-radius:12px;box-shadow:0 18px 30px -15px #54251960;padding:12px;transform:rotate(-3deg)}
.mini-toolbar{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;margin-bottom:13px}.mini-dots{letter-spacing:1px;color:#c5c7cc}.mini-toolbar>i{margin-left:auto;width:21px;height:5px;border-radius:5px;background:#dedee5}
.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:102px}.mini-board>div{background:#ededef;border-radius:5px;padding:5px}.mini-board em{display:block;width:65%;height:4px;background:#c7c9d0;border-radius:3px;margin-bottom:8px}.mini-tile{display:block;background:white;padding:9px 6px;border-radius:5px;box-shadow:0 3px 7px #30304909;margin-bottom:6px}.mini-tile i,.mini-tile small{display:block;height:4px;background:#b8bac8;border-radius:3px;width:90%}.mini-tile small{width:55%;margin-top:5px;opacity:.55}.mini-tile.coral{background:#ed9b7d}.mini-tile.coral i,.mini-tile.coral small{background:#fff}.mini-tile.mint{background:#81b9a5}.mini-tile.mint i,.mini-tile.mint small{background:#fff}.mini-tile.muted{opacity:.65}
.mini-chip{position:absolute;bottom:26px;right:17px;background:#fff;padding:8px 12px;border-radius:20px;box-shadow:0 7px 18px #23334425;font-weight:700;font-size:10px}.mini-chip i{font-style:normal;color:#da754e;margin-right:5px}.pdemo-tenant .mini-chip i{color:#229b82}
.mini-phone{width:118px;height:199px;background:#f9fcfa;border:4px solid #25453f;border-radius:20px;padding:11px;box-shadow:10px 15px 25px #1d403d30;transform:rotate(6deg)}.mini-notch{height:4px;width:30px;background:#25453f;margin:-4px auto 12px;border-radius:4px}.mini-phone-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:15px}.mini-phone-head>i{width:15px;height:15px;background:#dce7cc;border-radius:50%}.mini-event{display:flex;align-items:center;gap:6px;background:#e7eee9;padding:8px 5px;margin-bottom:8px;border-radius:6px}.mini-event>b{width:16px;height:19px;border-radius:4px;background:#e4b464}.mini-event:nth-of-type(4)>b{background:#8fbbaa}.mini-event>span{flex:1}.mini-event i,.mini-event small{display:block;height:4px;background:#96afa6;border-radius:3px}.mini-event small{margin-top:5px;width:60%;opacity:.5}.mini-bars{display:flex;gap:4px;margin:12px 0}.mini-bars i{height:4px;background:#d1dfd5;width:22px;border-radius:3px}.mini-phone-action{padding:6px;background:#347363;color:white;border-radius:6px;font-size:9px;display:flex;justify-content:space-between}.mini-float{position:absolute;left:17px;bottom:47px;background:#fff;border-radius:10px;padding:11px;width:95px;box-shadow:0 8px 18px #23463620}.mini-float span{float:left;background:#dfefde;color:#37745c;border-radius:50%;padding:2px 5px;margin-right:7px}.mini-float i,.mini-float small{display:block;height:5px;border-radius:3px;background:#a5bfb3;margin:3px 0}.mini-float small{width:70%;background:#dce7e0}
.mini-console{transform:rotate(-4deg);background:#f7fafded;box-shadow:0 20px 30px #0c192c30}.mini-stats{display:flex;gap:7px;margin-bottom:13px}.mini-stats b{flex:1;background:white;border-radius:6px;padding:8px}.mini-stats i,.mini-stats small{display:block;width:60%;height:8px;background:#4c8f9a;border-radius:3px}.mini-stats b:nth-child(2) i{background:#d5a956}.mini-stats b:nth-child(3) i{background:#8a80bd}.mini-stats small{height:3px;background:#d2dbe2;width:90%;margin-top:6px}.mini-chart{background:#fff;border-radius:6px;padding:6px}.mini-chart svg{display:block;width:100%;height:65px}.mini-grid{fill:none;stroke:#e8edf2;stroke-width:1}.mini-curve{fill:none;stroke:#dc9c44;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.pdemo-note{font-size:12px;color:#657085}.particle-data-dot{pointer-events:none;opacity:0}