.mpirc-popup[hidden]{display:none!important}.mpirc-popup{position:fixed;z-index:10000;top:12%;left:50%;transform:translateX(-50%);width:min(480px,94vw);background:#c0c0c0;border:2px solid;border-color:#fff #555 #555 #fff;box-shadow:3px 3px #333;font:13px Arial,sans-serif;color:#111}.mpirc-popup-title{background:linear-gradient(90deg,#000080,#0875bb);color:#fff;padding:7px 9px;display:flex;justify-content:space-between;align-items:center;font-weight:bold}.mpirc-popup-title button{font:inherit;color:#111}.mpirc-popup-body{padding:10px}.mpirc-popup-log{height:220px;overflow:auto;background:white;border:2px inset #aaa;padding:7px;white-space:pre-wrap;overflow-wrap:anywhere}.mpirc-popup-log p{margin:3px 0}.mpirc-popup-form{display:flex;gap:5px;margin-top:8px}.mpirc-popup-form input{min-width:0;flex:1}.mpirc-popup button{cursor:pointer}.mpirc-smile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mpirc-smile-grid button{padding:7px 2px;background:#ddd;border:2px outset #fff;color:#111;font:14px monospace}.mpirc-smile-grid small{display:block;font:11px Arial,sans-serif}.mpirc-private-alert{font-weight:bold;color:#000080}

/* Bewegliche Retro-Fenster */
.mpirc-popup-title{cursor:move;touch-action:none;user-select:none}
.mpirc-popup-title button{cursor:pointer;touch-action:auto}

/* Privatgespraech: Groesse an der rechten unteren Ecke frei anpassen. */
#privatePopup {
  resize: both;
  overflow: hidden;
  width: min(480px, 94vw);
  height: 340px;
  min-width: 300px;
  min-height: 220px;
  max-width: 96vw;
  max-height: 96vh;
  display: flex;
  flex-direction: column;
}
#privatePopup .mpirc-popup-title { flex: 0 0 auto; }
#privatePopup .mpirc-popup-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
#privatePopup .mpirc-popup-log {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
#privatePopup .mpirc-popup-form { flex: 0 0 auto; }
/* Deutlich erkennbarer Retro-Ziehwinkel unten rechts. */
#privatePopup::after {
  content: '';
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 12px;
  height: 12px;
  pointer-events: none;
  background: repeating-linear-gradient(135deg, transparent 0 3px, #666 3px 4px, transparent 4px 6px);
  clip-path: polygon(100% 0,100% 100%,0 100%);
}

/* Expliziter, gut greifbarer Ziehwinkel statt browserabhängigem CSS-resize. */
#privatePopup { resize: none !important; }
#privatePopup .mpirc-resize-grip {
 position: absolute; right: 0; bottom: 0; width: 25px; height: 25px;
 z-index: 10; cursor: nwse-resize; touch-action: none;
 background: repeating-linear-gradient(135deg, transparent 0 5px, #666 5px 7px, transparent 7px 10px);
 clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
#privatePopup::after { display: none; }