/* ОБОИ ЧАТА: нижний лист с сеткой превью + полноэкранный листаемый просмотр. */
/* z-index VYSHE ekranov «О чате»/«Тема чата» (u nih 100000), inache piker otkryvaetsya POZADI menyu. */
.wp-ov{ position:fixed; inset:0; z-index:100050; background:rgba(0,0,0,.5); display:flex; align-items:flex-end; }
.wp-sheet{ width:100%; max-height:84vh; background:var(--panel,#fff); border-radius:22px 22px 0 0;
    display:flex; flex-direction:column; overflow:hidden; animation:wpUp .26s cubic-bezier(.22,1,.36,1);
    padding-bottom:env(safe-area-inset-bottom,0px); }
@keyframes wpUp{ from{ transform:translateY(100%); } to{ transform:none; } }
.wp-head{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px;
    font-size:17px; font-weight:700; color:var(--text,#111); border-bottom:1px solid var(--border,#eef1f3); flex:none; }
.wp-close{ border:none; background:transparent; font-size:22px; line-height:1; color:var(--text-secondary,#8894a0); cursor:pointer; }
.wp-opts{ display:flex; gap:10px; padding:12px 16px 6px; flex:none; }
.wp-opt{ flex:1; padding:12px 8px; border:1px solid var(--border,#e5e9ec); border-radius:14px;
    background:var(--soft,#f2f5f6); color:var(--text,#111); font-size:14px; font-weight:600; cursor:pointer; }
.wp-opt.wp-cur{ border-color:var(--brand,#0e7e89); color:var(--brand,#0e7e89); box-shadow:inset 0 0 0 1px var(--brand,#0e7e89); }
.wp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:10px 16px 20px; overflow-y:auto; }
.wp-thumb{ position:relative; border:none; padding:0; background:#c9d0d4; border-radius:14px; overflow:hidden; aspect-ratio:9/16; cursor:pointer; }
.wp-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.wp-thumb.wp-cur{ outline:3px solid var(--brand,#0e7e89); outline-offset:-3px; }
.wp-empty{ padding:32px; text-align:center; color:var(--text-secondary,#8894a0); }

/* Полноэкранный просмотр с листанием */
.wp-full{ position:fixed; inset:0; z-index:100120; background:#000; }
.wp-full-img{ position:absolute; inset:0; background-size:cover; background-position:center; }
.wp-full-close{ position:absolute; top:calc(env(safe-area-inset-top,0px) + 12px); right:14px; z-index:2;
    width:44px; height:44px; border:none; border-radius:50%; background:rgba(0,0,0,.45); color:#fff; font-size:20px; cursor:pointer;
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.wp-full-bar{ position:absolute; left:0; right:0; bottom:100px; z-index:2; display:flex; align-items:center; justify-content:center; gap:22px; }
.wp-nav{ width:54px; height:54px; border:none; border-radius:50%; background:rgba(0,0,0,.45); color:#fff; font-size:30px; line-height:1; cursor:pointer;
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.wp-count{ color:#fff; font-size:15px; font-weight:600; background:rgba(0,0,0,.4); padding:7px 16px; border-radius:20px; }
.wp-full-set{ position:absolute; left:16px; right:16px; bottom:calc(env(safe-area-inset-bottom,0px) + 20px); z-index:2;
    padding:15px; border:none; border-radius:16px; background:var(--brand,#0e7e89); color:#fff; font-size:16px; font-weight:700; cursor:pointer;
    box-shadow:0 8px 26px rgba(0,60,70,.35); }

body.dark-theme .wp-sheet{ background:#151d24; }
body.dark-theme .wp-head{ color:#eef4f5; border-bottom-color:#232e36; }
body.dark-theme .wp-opt{ background:#212b33; color:#e8edee; border-color:#2a353d; }

/* Knopka «Фото-обои чата» vnutri ekrana «Тема чата». */
.aya-ap-photowall{ display:block; width:100%; margin:6px 0 10px; padding:14px; border:none; border-radius:14px;
    background:linear-gradient(135deg,#0e7e89,#005f6d); color:#fff; font-size:15px; font-weight:700; cursor:pointer;
    box-shadow:0 4px 14px rgba(0,60,70,.28); }
.aya-ap-photowall:active{ filter:brightness(.95); }