/* MG User Fotoalbum 2.1 BPR
   IMPORTANT: every selector is scoped to the album itself.
   This stylesheet must never change the PHP-Fusion theme globally.
*/
#ufa-page {
  --ufa-green:#00b140;
  --ufa-card:rgba(255,255,255,.055);
  --ufa-card2:rgba(255,255,255,.085);
  --ufa-border:rgba(255,255,255,.11);
  --ufa-text:#f4f7f5;
  --ufa-muted:#aeb6b1;
  --ufa-radius:20px;
  color:var(--ufa-text);
}
#ufa-page .ufa_success,
#ufa-page .ufa_error{
  margin:14px auto;padding:14px 18px;border-radius:14px;
  border:1px solid var(--ufa-border);background:var(--ufa-card);
  color:var(--ufa-text);max-width:900px;box-sizing:border-box;
}
#ufa-page .ufa_success{border-color:rgba(0,177,64,.45)}
#ufa-page .ufa_error{border-color:rgba(255,80,80,.35)}
#ufa-page .main_album,
#ufa-page .sub_album_container,
#ufa-page .foto_liste_container,
#ufa-page .centerpanel_content{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid var(--ufa-border);border-radius:var(--ufa-radius);
  padding:20px;box-shadow:0 16px 45px rgba(0,0,0,.18);
  box-sizing:border-box;color:var(--ufa-text);
}
#ufa-page .main_album{overflow:hidden;display:flow-root}
#ufa-page .main_album img{border-radius:15px;object-fit:cover;max-width:100%;box-shadow:0 10px 30px rgba(0,0,0,.22)}
#ufa-page .main_album>div{color:var(--ufa-muted)}
#ufa-page .main_album strong,
#ufa-page .sub_album strong,
#ufa-page .sub_album_small strong{color:#fff}
#ufa-page .sub_album_container{margin-top:18px;display:flow-root}
#ufa-page .sub_album,
#ufa-page .sub_album_small{
  display:inline-block;vertical-align:top;box-sizing:border-box;
  width:calc(33.333% - 14px);margin:7px;padding:14px;border-radius:18px;
  background:var(--ufa-card);border:1px solid var(--ufa-border);
  transition:transform .2s,border-color .2s,background .2s;
}
#ufa-page .sub_album:hover,
#ufa-page .sub_album_small:hover{
  transform:translateY(-3px);background:var(--ufa-card2);
  border-color:rgba(0,177,64,.42)
}
#ufa-page .sub_album img,
#ufa-page .sub_album_small img{
  width:100%;height:150px;object-fit:cover;border-radius:13px;background:#222;
}
#ufa-page .sub_album_options{
  margin-top:10px;padding-top:10px;border-top:1px solid var(--ufa-border);
  color:var(--ufa-muted);line-height:1.7
}
#ufa-page .ufa-rating{color:var(--ufa-green);font-weight:700}
#ufa-page .ufa-muted{color:var(--ufa-muted);font-weight:400}
#ufa-page .ufa-navigation-container{margin:18px 0}
#ufa-page .ufa-navigation{padding:8px}
#ufa-page .ufa-thumbs{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
#ufa-page .ufa-thumbs li{margin:0}
#ufa-page .ufa-thumb img{width:110px;height:78px;object-fit:cover;border-radius:12px;border:1px solid var(--ufa-border);transition:transform .2s}
#ufa-page .ufa-thumbs li:hover img,
#ufa-page .ufa-thumb.selected img{border-color:var(--ufa-green);transform:scale(1.03)}
#ufa-page .ufa_content{margin-top:14px}
#ufa-page .ufa-slideshow-container{
  position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;
  border-radius:18px;overflow:hidden;background:rgba(0,0,0,.16);padding:16px
}
#ufa-page .ufa-slideshow img{max-width:100%;max-height:620px;width:auto;height:auto;border-radius:15px;box-shadow:0 18px 50px rgba(0,0,0,.3)}
#ufa-page .ufa-controls{display:flex;gap:8px;justify-content:center;margin:8px 0;flex-wrap:wrap}
#ufa-page .ufa-gallery-btn,
#ufa-page .ufa_button,
#ufa-page .a_button{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid rgba(0,177,64,.45);
  background:linear-gradient(135deg,#00b140,#008f34);
  color:#fff!important;border-radius:11px;padding:9px 14px;
  text-decoration:none!important;font-weight:700;cursor:pointer;
  box-shadow:0 6px 18px rgba(0,177,64,.15);transition:transform .2s,filter .2s
}
#ufa-page .ufa-gallery-btn:hover,
#ufa-page .ufa_button:hover,
#ufa-page .a_button:hover{transform:translateY(-1px);filter:brightness(1.08)}
#ufa-page .ufa-caption{margin-top:12px;padding:13px 15px;border-radius:14px;background:rgba(0,0,0,.22);color:#e9eeeb}
#ufa-page .ufa-copyright{text-align:center;color:var(--ufa-muted);font-size:11px;margin:16px 0}
#ufa-page .foto_liste{
  display:inline-flex;flex-direction:column;vertical-align:top;width:180px;min-height:190px;
  margin:8px;padding:12px;border-radius:16px;background:var(--ufa-card);
  border:1px solid var(--ufa-border);box-sizing:border-box
}
#ufa-page .foto_liste>img{width:100%;height:125px;object-fit:cover;border-radius:11px;background:#222}
#ufa-page .foto_liste_options{display:flex;justify-content:center;gap:8px;margin-top:10px}
#ufa-page .foto_liste_options a{font-size:12px;color:var(--ufa-green)}
#ufa-page .centerpanel_navi{
  display:flex;border:1px solid var(--ufa-border);border-radius:14px;overflow:hidden;margin-bottom:12px
}
#ufa-page .centerpanel_navi_left,
#ufa-page .centerpanel_navi_right{
  flex:1;padding:12px;text-align:center;cursor:pointer;color:#fff
}
#ufa-page .centerpanel_navi .navi_selected{background:rgba(0,177,64,.18);color:#fff}
#ufa-panel .ufa-panel-content{overflow:hidden}
#ufa-panel .ufa-panel-item{
  width:120px;height:165px;padding:8px;margin:0 7px 10px 0;
  border-radius:14px;background:var(--ufa-card);border:1px solid var(--ufa-border);
  box-sizing:border-box;display:inline-block;vertical-align:top
}
#ufa-panel .ufa-panel-item img{max-width:100%;height:105px;object-fit:cover;border-radius:10px}
#ufa-page .ufa-achtung{padding:12px;border-radius:12px;background:rgba(255,90,90,.08);border:1px solid rgba(255,90,90,.2)}
#ufa-page .ufa-form{max-width:920px;margin:auto}
#ufa-page .ufa-form table{
  width:100%!important;border-collapse:separate!important;border-spacing:0!important;
  border:1px solid var(--ufa-border)!important;border-radius:18px!important;
  overflow:hidden;background:rgba(255,255,255,.035)
}
#ufa-page .ufa-form td{
  padding:13px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;
  color:var(--ufa-text)
}
#ufa-page .ufa-form .textbox,
#ufa-page .ufa-form input[type=text],
#ufa-page .ufa-form input[type=password],
#ufa-page .ufa-form input[type=file],
#ufa-page .ufa-form select,
#ufa-page .ufa-form textarea{
  box-sizing:border-box;max-width:100%;
  border:1px solid var(--ufa-border)!important;
  background:rgba(0,0,0,.18)!important;color:var(--ufa-text)!important;
  border-radius:10px!important;padding:9px 11px!important
}
@media(max-width:760px){
  #ufa-page .sub_album,#ufa-page .sub_album_small{width:calc(50% - 14px)}
  #ufa-page .main_album>div{float:none!important;width:auto!important;margin-top:15px}
  #ufa-page .main_album>a img{float:none!important;display:block;margin:0 auto 12px}
}
@media(max-width:480px){
  #ufa-page .sub_album,#ufa-page .sub_album_small{width:100%;margin:7px 0}
}

/* 2.4 BPR Action Buttons */
#ufa-page .ufa-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
#ufa-page .ufa-action{
 display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;
 border:1px solid rgba(0,177,64,.38);border-radius:12px;
 background:linear-gradient(135deg,rgba(0,177,64,.18),rgba(0,177,64,.06));
 color:#f4f7f5!important;text-decoration:none!important;font-weight:700;font-size:13px;
 box-shadow:0 5px 18px rgba(0,0,0,.16);transition:all .2s ease;box-sizing:border-box
}
#ufa-page .ufa-action:hover{transform:translateY(-2px);border-color:rgba(0,177,64,.75);background:linear-gradient(135deg,rgba(0,177,64,.32),rgba(0,177,64,.10));box-shadow:0 8px 24px rgba(0,177,64,.16)}
#ufa-page .ufa-action-danger{border-color:rgba(255,80,80,.34);background:rgba(255,80,80,.07)}
#ufa-page .ufa-action-danger:hover{border-color:rgba(255,80,80,.65);background:rgba(255,80,80,.13);box-shadow:0 8px 24px rgba(255,80,80,.10)}
#ufa-page .ufa-action-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1}
#ufa-page .foto_liste_options .ufa-action{min-height:34px;padding:6px 9px;font-size:12px}
#ufa-page .foto_liste_options .ufa-action-icon{width:20px;height:20px;font-size:15px}
@media(max-width:480px){#ufa-page .ufa-action{flex:1 1 auto;justify-content:center}}