/* ============================================================
   CHINAZIUM — стена участника на странице профиля
   Посты и галерея берутся из css/site.css.
   ============================================================ */

.wall-sec{background:var(--bg);}

.wall-count{
  font-family:var(--font-mono); font-size:0.74rem; letter-spacing:0.05em;
  color:var(--cyan-2);
}

.wall-bar{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  margin-bottom:26px;
}
.wall-auth-state{
  font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.03em; color:var(--muted-2);
}
.wall-bottom{display:flex; gap:12px; flex-wrap:wrap; margin-top:24px;}

.empty-note{
  font-family:var(--font-mono); font-size:0.8rem; color:var(--muted-2);
  letter-spacing:0.03em; padding:22px 0;
}

/* ---------------- РЕДАКТОР ---------------- */

.wall-editor{
  padding:26px 24px;
  margin-bottom:32px;
  max-width:860px;
  display:flex; flex-direction:column; gap:16px;
}

.wall-tabs{display:flex; gap:8px; flex-wrap:wrap;}
.wall-tab{
  font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.06em; text-transform:uppercase;
  padding:8px 16px; border-radius:100px; cursor:pointer;
  border:1px solid rgba(100,169,214,0.28);
  background:rgba(12,45,86,0.24); color:var(--muted);
  transition:color .2s, border-color .2s, background .2s, transform .2s;
}
.wall-tab:hover{color:var(--ink); border-color:var(--blue-light); transform:translateY(-2px);}
.wall-tab.is-active{
  background:linear-gradient(135deg, var(--cyan), var(--blue-light));
  border-color:transparent; color:#051426; font-weight:700;
}

.wall-input,
.wall-area{
  width:100%;
  padding:13px 16px; border-radius:12px;
  border:1px solid rgba(100,169,214,0.28);
  background:rgba(2,5,13,0.55);
  color:var(--ink); font-family:var(--font-display); font-size:0.94rem; line-height:1.6;
  outline:none; resize:vertical;
  transition:border-color .25s, box-shadow .25s;
}
.wall-input:focus,
.wall-area:focus{border-color:var(--blue-light); box-shadow:0 0 22px -8px rgba(71,197,255,0.5);}
.wall-input::placeholder,
.wall-area::placeholder{color:var(--muted-2);}
.wall-area.mono{font-family:var(--font-mono); font-size:0.84rem; letter-spacing:0.01em;}

.wall-hint{
  margin-top:8px;
  font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.03em; color:var(--muted-2);
}

.wall-preview{
  margin-top:14px; padding:16px; border-radius:12px; min-height:60px;
  border:1px dashed rgba(100,169,214,0.3);
  background:rgba(2,5,13,0.4);
  color:var(--muted);
  overflow:hidden;
}
.wall-preview img, .wall-html img{max-width:100%; height:auto; border-radius:10px;}
.wall-preview iframe, .wall-html iframe{max-width:100%; border-radius:10px; border:1px solid var(--line);}
.wall-embed-frame{
  display:block; width:100%; height:60px; border:0;
  background:transparent; transition:height .15s ease;
}

/* ---------------- ФОТО В РЕДАКТОРЕ ---------------- */

.wall-photos{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.wall-photos .btn{cursor:pointer;}
.wall-path{display:flex; gap:8px; align-items:center; flex:1; min-width:260px;}
.wall-path .wall-input{flex:1;}

.wall-shots{display:flex; gap:10px; flex-wrap:wrap;}
.wall-shot{
  position:relative; width:96px; height:96px; border-radius:12px; overflow:hidden;
  border:1px solid rgba(100,169,214,0.35); background:rgba(2,5,13,0.5);
}
.wall-shot img{width:100%; height:100%; object-fit:cover; display:block;}
.wall-shot.is-missing{border-color:rgba(255,107,107,0.6);}
.wall-shot.is-missing::after{
  content:"нет файла";
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:0.62rem; color:#ffb4b4; text-align:center;
}
.wall-shot-del{
  position:absolute; top:4px; right:4px;
  width:22px; height:22px; border-radius:50%; cursor:pointer;
  border:none; background:rgba(2,5,13,0.8); color:var(--ink);
  font-size:0.9rem; line-height:1;
  transition:background .2s, color .2s;
}
.wall-shot-del:hover{background:#ff6b6b; color:#fff;}

.wall-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.wall-note{
  font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.03em; color:var(--muted-2);
}
.wall-note.is-ok{color:var(--cyan-2);}
.wall-note.is-error{color:#ffb4b4;}

/* ---------------- ЗАПИСИ НА СТЕНЕ ---------------- */

.wall-feed{max-width:860px;}
.wall-post .post-body p{color:rgba(238,245,255,0.78);}
.wall-link{color:var(--cyan-2); text-decoration:underline; text-underline-offset:3px;}
.wall-link:hover{color:#fff;}

.wall-html{color:rgba(238,245,255,0.78); line-height:1.7;}
.wall-html h1, .wall-html h2, .wall-html h3{color:var(--ink); margin:10px 0;}
.wall-html a{color:var(--cyan-2); text-decoration:underline;}
.wall-html ul, .wall-html ol{padding-left:22px; margin:8px 0;}
.wall-html table{width:100%; border-collapse:collapse; margin:10px 0;}
.wall-html td, .wall-html th{border:1px solid var(--line); padding:8px 10px;}
.wall-html pre{
  padding:14px; border-radius:10px; overflow-x:auto;
  background:rgba(2,5,13,0.6); border:1px solid rgba(100,169,214,0.25);
  font-family:var(--font-mono); font-size:0.82rem; color:var(--cyan-2);
}

.wall-badge{
  font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.06em; text-transform:uppercase;
  padding:2px 8px; border-radius:100px;
  border:1px solid rgba(255,214,110,0.4); background:rgba(255,214,110,0.1); color:#ffd66e;
}
.wall-del{
  margin-left:auto;
  width:24px; height:24px; border-radius:50%; cursor:pointer;
  border:1px solid rgba(100,169,214,0.25); background:transparent; color:var(--muted-2);
  font-size:1rem; line-height:1;
  transition:background .2s, color .2s, border-color .2s;
}
.wall-del:hover{background:#ff6b6b; color:#fff; border-color:transparent;}

.wall-export{margin-top:24px;}

@media (max-width:640px){
  .wall-editor{padding:20px 16px;}
  .wall-path{min-width:100%;}
}

/* ---------------- ПЕРЕНОС ЗАПИСЕЙ В ФАЙЛ ---------------- */

.wall-export-box{
  margin-top:18px; padding:22px 22px 18px;
  max-width:860px;
  display:flex; flex-direction:column; gap:12px;
}
.wall-export-title{
  font-size:0.9rem; color:var(--muted); line-height:1.5;
}
.wall-export-title code{
  font-family:var(--font-mono); font-size:0.86em;
  padding:2px 7px; border-radius:6px;
  background:rgba(12,45,86,0.5); border:1px solid rgba(100,169,214,0.25);
  color:var(--cyan-2);
}
.wall-export-box textarea{
  font-size:0.76rem; line-height:1.5; resize:vertical;
  white-space:pre; overflow-x:auto;
}