/* MyPosts v2 — biały, mobil-first, bez nachodzenia */

#myposts-btn{position:fixed;right:14px;bottom:14px;z-index:9998;background:#1a73e8;color:#fff;border:none;border-radius:999px;padding:11px 15px;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;box-shadow:0 6px 20px rgba(0,0,0,.15)}
#myposts-btn:active{transform:translateY(1px)}

#myposts-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:9999;display:none}
#myposts-modal{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:90vh;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden}

.myp-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eee;background:#fff}
.myp-title{font:600 15px/1 system-ui,-apple-system,Segoe UI,Roboto}
.myp-meta{font:500 12px/1 system-ui;color:#666;margin-left:8px}
.myp-spacer{flex:1}
.myp-close{background:#eee;border:none;border-radius:10px;padding:6px 10px}

.myp-body{display:flex;flex-direction:column;min-height:360px}

/* MOBILE: lista nad czatem (jedna kolumna) */
.myp-left{flex:0 0 auto;border-bottom:1px solid #f0f0f0;background:#fafafa;display:flex;flex-direction:column}
.myp-right{flex:1;display:flex;flex-direction:column;min-height:200px}

.myp-left-tools{display:flex;gap:8px;padding:8px;border-bottom:1px solid #eee}
.myp-input{flex:1;padding:9px 10px;border:1px solid #ddd;border-radius:10px;background:#fff}
.myp-btn{padding:9px 12px;border:none;border-radius:10px;background:#1a73e8;color:#fff}

.myp-list{max-height:35vh;overflow:auto}
.myp-item{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #eee;cursor:pointer;background:#fff}
.myp-item:hover{background:#f6f9ff}
.myp-ava{width:28px;height:28px;border-radius:50%;background:#ddd;flex:0 0 28px}
.myp-name{font:500 14px/1.1 system-ui}
.myp-last{font:400 12px/1.2 system-ui;color:#666}

.myp-empty{padding:14px;font:500 14px/1.4 system-ui;color:#555}

.myp-msgs{flex:1;overflow:auto;padding:10px;background:#fff}
.myp-bubble{max-width:80%;padding:8px 10px;margin:6px 0;border-radius:12px;word-break:break-word}
.myp-me{margin-left:auto;background:#e3f2fd}
.myp-other{margin-right:auto;background:#f5f5f5}

.myp-send{display:flex;gap:8px;padding:8px;border-top:1px solid #eee;background:#fafafa}
.myp-send input{flex:1;padding:10px;border:1px solid #ddd;border-radius:12px}

/* DESKTOP: dwie kolumny */
@media(min-width:900px){
  .myp-body{flex-direction:row}
  .myp-left{width:40%;max-width:320px;border-right:1px solid #f0f0f0;border-bottom:none}
  .myp-list{max-height:unset;flex:1}
}