.cdmc-auth-btn { font-size: .85rem; }
.nav-auth-area { display:flex; align-items:center; gap:10px; margin-left:16px; }
.cdmc-user-badge { background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.4); border-radius:20px; padding:4px 14px; font-size:.82rem; color:#fff; display:flex; align-items:center; gap:6px; white-space:nowrap; }
.cdmc-user-badge .admin-tag { background:#ffd700; color:#333; border-radius:10px; padding:1px 7px; font-size:.72rem; font-weight:700; }
.gallery-banner { background:linear-gradient(135deg,#1a3c6e 0%,#2d6bb8 100%); padding:62px 0 45px; color:#fff; text-align:center; }
.gallery-banner h1 { color:#fff !important; margin:0; }
.gallery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.gallery-tile { position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:10px; background:#edf0f2; box-shadow:0 3px 12px rgba(0,0,0,.11); }
.gallery-tile img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.gallery-tile:hover img { transform:scale(1.05); }
.gallery-tile-empty { display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; color:#83909a; background:linear-gradient(135deg,#f6f7f8,#e6eaed); }
.gallery-tile-number { position:absolute; right:9px; bottom:7px; z-index:2; font-size:.72rem; color:#fff; background:rgba(0,0,0,.55); border-radius:12px; padding:2px 7px; }
.gallery-edit { position:absolute; inset:0; border:0; background:rgba(20,53,91,.72); color:#fff; font-weight:600; opacity:0; transition:opacity .2s; }
.gallery-tile:hover .gallery-edit, .gallery-edit:focus { opacity:1; }
.gallery-admin-note { margin-bottom:24px; background:#e8f0fe; color:#1a3c6e; border-radius:8px; padding:12px 16px; }
@media (max-width:991px) { .gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:575px) { .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }