/* PAGI OS UI PATCH — Nástěnka / Planner / Brainiac / My Virtual Identity / Zařízení */
:root{
  --p-bg:#050814;--p-panel:#0a1020;--p-line:#20294a;--p-text:#eef1ff;
  --p-muted:#8f9abe;--p-purple:#8c52ff;--p-blue:#29c5ff;
}
#pagiNextShell{position:fixed;inset:0;background:radial-gradient(circle at 50% -20%,#17113d 0,#070b18 42%,#03050d 100%);color:var(--p-text);z-index:9999;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column}
.pn-top{height:92px;border-bottom:1px solid var(--p-line);display:flex;align-items:center;padding:0 28px;gap:30px}
.pn-logo{font-size:32px;letter-spacing:6px;color:#b897ff;text-shadow:0 0 18px #7140ff}
.pn-virtual{font-size:22px;font-style:italic;color:#c5a8ff;white-space:nowrap}
.pn-wave{flex:1;height:52px;position:relative;overflow:hidden}
.pn-wave svg{width:100%;height:100%;filter:drop-shadow(0 0 7px #744cff)}
.pn-status{font-size:13px;color:#aab3cf;white-space:nowrap}
.pn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#48df8b;box-shadow:0 0 9px #48df8b;margin-right:8px}
.pn-body{display:flex;min-height:0;flex:1}
.pn-side{width:230px;border-right:1px solid var(--p-line);padding:22px 14px;display:flex;flex-direction:column;gap:9px}
.pn-nav{border:0;background:transparent;color:#cdd4ed;text-align:left;padding:15px 14px;border-radius:12px;font-size:15px;cursor:pointer}
.pn-nav:hover,.pn-nav.active{background:linear-gradient(90deg,#321078aa,#161333);box-shadow:inset 2px 0 #9b5cff;color:white}
.pn-nav small{display:block;color:#737f9f;margin:4px 0 0 27px}
.pn-main{flex:1;padding:26px;overflow:auto}
.pn-view{display:none}.pn-view.active{display:block}
.pn-title{font-size:28px;margin:0 0 7px}.pn-sub{color:var(--p-muted);margin-bottom:26px}
.pn-grid{display:grid;grid-template-columns:minmax(500px,1fr) minmax(340px,.7fr);gap:24px}
.pn-card{background:linear-gradient(145deg,#0c1225,#070b17);border:1px solid var(--p-line);border-radius:18px;padding:20px}
.pn-notes{display:flex;gap:18px;flex-wrap:wrap}
.pn-note{width:180px;min-height:150px;padding:20px;color:#10131d;border-radius:3px 3px 10px 5px;transform:rotate(-1deg);box-shadow:0 12px 25px #0007;cursor:pointer}
.pn-note:nth-child(even){transform:rotate(1deg)} .pn-note h3{font-family:cursive;font-size:22px;margin:0 0 15px}
.pn-note.purple{background:#bfa6ff}.pn-note.blue{background:#9edff0}.pn-note.pink{background:#ef9ed9}.pn-note.green{background:#98ddd0}.pn-note.yellow{background:#ead98c}
.pn-chat{min-height:440px}.pn-bubble{max-width:80%;padding:14px 16px;border:1px solid var(--p-line);border-radius:16px;background:#10172b;margin:12px 0}.pn-bubble.me{margin-left:auto}
.pn-input{display:flex;gap:10px;margin-top:18px}.pn-input input{flex:1;background:#0b1122;border:1px solid var(--p-line);border-radius:14px;color:white;padding:14px}.pn-input button,.pn-btn{background:linear-gradient(90deg,#6537e8,#8e5bff);border:0;color:white;border-radius:11px;padding:12px 17px;cursor:pointer}
.pn-placeholder{min-height:480px;display:grid;place-items:center;text-align:center}
.pn-placeholder b{font-size:38px;color:#aa83ff}.pn-placeholder p{color:var(--p-muted);max-width:650px}
.pn-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pn-device{min-height:120px}
.pn-identity{position:relative;height:610px;overflow:hidden}
.pn-node{position:absolute;border:1px solid #754aff;border-radius:50%;display:grid;place-items:center;text-align:center;background:#0c1024;box-shadow:0 0 25px #6838ff55}
.pn-node.main{width:150px;height:150px;left:calc(50% - 75px);top:220px;box-shadow:0 0 38px #884dff88}
.pn-node.n1{width:120px;height:120px;left:12%;top:90px}.pn-node.n2{width:120px;height:120px;right:13%;top:95px;border-color:#22d0a3}
.pn-node.n3{width:120px;height:120px;left:16%;bottom:70px;border-color:#ff9b37}.pn-node.n4{width:120px;height:120px;right:17%;bottom:75px;border-color:#ec4ba8}
.pn-node.n5{width:110px;height:110px;left:calc(50% - 55px);bottom:15px}
.pn-links{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:900px){.pn-grid{grid-template-columns:1fr}.pn-side{width:74px}.pn-nav span,.pn-nav small{display:none}.pn-virtual{display:none}.pn-status{display:none}}