/* Member Ideas (Facebook wall style) */
.wall-wrap{margin-top:16px;}
.wall-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:8px 0 14px;}
.wall-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.search{flex:1 1 240px;max-width:380px;min-width:200px;display:flex;gap:8px;align-items:center;}
.search input{width:100%;padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:rgba(2,6,23,.45);color:#e5e7eb;outline:none;}
.search input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15);}
.wall-box{border-radius:16px;border:1px solid rgba(148,163,184,.35);background:rgba(2,6,23,.65);box-shadow:0 24px 60px rgba(15,23,42,.75);padding:14px;}
.post{display:block;padding:12px 10px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.65);}
.post+.post{margin-top:10px;}
.post-head{display:flex;gap:12px;align-items:flex-start;}
.post-content{margin-top:10px;width:100%;}
.avatar{width:54px;height:54px;border-radius:14px;flex:0 0 auto;border:2px solid rgba(56,189,248,.65);background:linear-gradient(180deg, rgba(56,189,248,.15), rgba(2,6,23,.2));overflow:hidden;display:flex;align-items:center;justify-content:center;}
.avatar img{width:100%;height:100%;object-fit:cover;}
.post-body{min-width:0;flex:1;text-align:left;}
.post-name{font-weight:800;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.post-meta{font-size:.82rem;color:#9ca3af;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.badge{font-size:.75rem;padding:.22rem .55rem;border-radius:999px;border:1px solid rgba(56,189,248,.45);background:rgba(56,189,248,.12);color:#bae6fd;font-weight:700;}
.post-text{width:100%;white-space:pre-wrap;color:#e5e7eb;font-size:.95rem;line-height:1.75;text-align:left;margin-top:0;padding:0 2px;}

/* Make the wall feel wider on small screens */
@media (max-width:520px){
  .wall-box{padding:10px;}
  .post{padding:10px 8px;}
  .avatar{width:50px;height:50px;}
}
.pager{margin-top:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;}
.pager .info{color:#9ca3af;font-size:.85rem;}
.small-btn{padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:rgba(2,6,23,.35);color:#e5e7eb;cursor:pointer;font-weight:700;font-size:.86rem;}
.small-btn:hover{border-color:#38bdf8;background:rgba(3,105,161,.18);}
.notice{margin-top:10px;color:#cbd5f5;font-size:.9rem;padding:10px 12px;border-radius:14px;border:1px dashed rgba(148,163,184,.35);background:rgba(2,6,23,.35);}

/* Form */
.form-card{margin-top:16px;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:rgba(2,6,23,.65);padding:16px;box-shadow:0 24px 60px rgba(15,23,42,.75);}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:760px){.grid{grid-template-columns:1fr;}}
.field label{display:block;font-size:.85rem;color:#cbd5f5;margin:0 0 6px 2px;}
.field input,.field textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.45);background:rgba(15,23,42,.55);color:#e5e7eb;outline:none;}
.field input:focus,.field textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15);}
.field textarea{min-height:140px;resize:vertical;}
.helper{font-size:.8rem;color:#9ca3af;margin:8px 2px 0;}
.err{color:#fecaca;}
.ok{color:#bbf7d0;}
.preview{display:flex;gap:10px;align-items:center;margin-top:10px;}
.preview .thumb{width:58px;height:58px;border-radius:16px;border:2px solid rgba(56,189,248,.65);overflow:hidden;background:rgba(2,6,23,.55);}
.preview img{width:100%;height:100%;object-fit:cover;}

/* Admin table */
.table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-top:10px;}
.table td,.table th{padding:10px 12px;text-align:left;}
.table thead th{color:#cbd5f5;font-size:.85rem;}
.row{background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.25);border-radius:14px;}