/* ==========================================================================
   BankMovie V74 — Native Browser UI cleanup, compatibility pass
   Loaded LAST in shared_header.php.
   Footer nav is intentionally untouched.
   ========================================================================== */

:root{
  --bm74-accent:var(--accent,#2f7cff);
  --bm74-accent-rgb:var(--accent-rgb,47,124,255);
  --bm74-panel:#11151d;
  --bm74-panel2:#171c26;
  --bm74-line:rgba(255,255,255,.09);
  --bm74-text:#f7f9fc;
  --bm74-muted:rgba(240,244,250,.58);
  --bm74-danger:#ff5368;
  --bm74-warn:#ffbf59;
}

/* ===================== Custom BankMovie dialogs ===================== */
.bm-dialog-root{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .16s ease,visibility .16s ease!important;
}
.bm-dialog-root.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.bm-dialog-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(2,5,10,.76)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.bm-dialog-card{
  position:relative!important;
  width:min(460px,100%)!important;
  max-height:min(82vh,680px)!important;
  overflow:auto!important;
  direction:rtl!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  padding:19px!important;
  background:
    radial-gradient(circle at 84% 0%,rgba(var(--bm74-accent-rgb),.15),transparent 37%),
    linear-gradient(155deg,rgba(25,30,40,.995),rgba(10,13,19,.998))!important;
  color:var(--bm74-text)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.bm-dialog-root.is-open .bm-dialog-card{transform:none!important}
.bm-dialog-head{display:flex!important;align-items:flex-start!important;gap:12px!important}
.bm-dialog-icon{
  width:43px!important;height:43px!important;flex:0 0 43px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;
  color:var(--bm74-accent)!important;
  background:rgba(var(--bm74-accent-rgb),.11)!important;
  border:1px solid rgba(var(--bm74-accent-rgb),.21)!important;
}
.bm-dialog-root.is-danger .bm-dialog-icon{
  color:var(--bm74-danger)!important;
  background:rgba(255,83,104,.10)!important;
  border-color:rgba(255,83,104,.22)!important;
}
.bm-dialog-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}
.bm-dialog-copy{min-width:0!important;flex:1 1 auto!important}
.bm-dialog-title{
  margin:1px 0 5px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.45!important;
  font-weight:950!important;
}
.bm-dialog-message{
  margin:0!important;
  color:var(--bm74-muted)!important;
  font-size:12.5px!important;
  line-height:1.9!important;
  white-space:pre-line!important;
}
.bm-dialog-field{margin-top:16px!important}
.bm-dialog-label{
  display:block!important;
  margin:0 0 7px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:11px!important;
  font-weight:900!important;
}
.bm-dialog-input,.bm-dialog-textarea{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  outline:0!important;
  background:rgba(0,0,0,.22)!important;
  color:#fff!important;
  padding:11px 13px!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:1.75!important;
  caret-color:var(--bm74-accent)!important;
  box-shadow:none!important;
}
.bm-dialog-textarea{resize:vertical!important;min-height:112px!important;max-height:280px!important}
.bm-dialog-input:focus,.bm-dialog-textarea:focus{
  border-color:rgba(var(--bm74-accent-rgb),.56)!important;
  box-shadow:0 0 0 3px rgba(var(--bm74-accent-rgb),.10)!important;
}
.bm-dialog-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:15px!important;
}
.bm-dialog-option{
  appearance:none!important;-webkit-appearance:none!important;
  min-height:44px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.80)!important;
  padding:9px 10px!important;
  font:inherit!important;
  font-size:11.5px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.bm-dialog-option.is-selected{
  color:#fff!important;
  border-color:rgba(var(--bm74-accent-rgb),.44)!important;
  background:rgba(var(--bm74-accent-rgb),.13)!important;
}
.bm-dialog-actions{display:flex!important;gap:9px!important;margin-top:18px!important}
.bm-dialog-btn{
  appearance:none!important;-webkit-appearance:none!important;
  min-height:45px!important;flex:1 1 0!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  padding:9px 14px!important;
  font:inherit!important;font-size:12px!important;font-weight:950!important;
  color:rgba(255,255,255,.84)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
.bm-dialog-btn.primary{
  color:#fff!important;
  border-color:rgba(var(--bm74-accent-rgb),.34)!important;
  background:linear-gradient(145deg,rgba(var(--bm74-accent-rgb),.96),rgba(var(--bm74-accent-rgb),.68))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.bm-dialog-root.is-danger .bm-dialog-btn.primary{
  border-color:rgba(255,83,104,.35)!important;
  background:linear-gradient(145deg,#ff5c71,#d93a50)!important;
}
body.bm-dialog-open{overflow:hidden!important}

/* ===================== Comment management buttons =====================
   Explicit old-browser friendly selectors. No :is().
   These were the biggest remaining "browser default" looking controls.
   ==================================================================== */
body.movie-page .comment-actions .edit-comment-btn,
body.movie-page .reply-actions .edit-comment-btn,
body.movie-page .comment-actions .report-comment-btn,
body.movie-page .reply-actions .report-comment-btn,
body.movie-page .comment-actions .pin-comment-btn,
body.movie-page .reply-actions .pin-comment-btn,
body.movie-page .comment-actions .delete-comment-btn,
body.movie-page .reply-actions .delete-comment-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  width:auto!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.70)!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  cursor:pointer!important;
}
body.movie-page .comment-actions .edit-comment-btn:before,
body.movie-page .reply-actions .edit-comment-btn:before,
body.movie-page .comment-actions .report-comment-btn:before,
body.movie-page .reply-actions .report-comment-btn:before,
body.movie-page .comment-actions .pin-comment-btn:before,
body.movie-page .reply-actions .pin-comment-btn:before,
body.movie-page .comment-actions .delete-comment-btn:before,
body.movie-page .reply-actions .delete-comment-btn:before{
  content:""!important;
  display:block!important;
  width:14px!important;height:14px!important;flex:0 0 14px!important;
  background-color:currentColor!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
}
body.movie-page .comment-actions .edit-comment-btn,
body.movie-page .reply-actions .edit-comment-btn{
  color:var(--bm74-accent)!important;
  border-color:rgba(var(--bm74-accent-rgb),.18)!important;
  background:rgba(var(--bm74-accent-rgb),.055)!important;
}
body.movie-page .comment-actions .edit-comment-btn:before,
body.movie-page .reply-actions .edit-comment-btn:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.8 9.95l-3.75-3.75L3 17.25Zm17.7-10.04a1 1 0 0 0 0-1.42l-2.49-2.49a1 1 0 0 0-1.42 0l-1.95 1.95 3.75 3.75 2.11-2.09Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.8 9.95l-3.75-3.75L3 17.25Zm17.7-10.04a1 1 0 0 0 0-1.42l-2.49-2.49a1 1 0 0 0-1.42 0l-1.95 1.95 3.75 3.75 2.11-2.09Z'/%3E%3C/svg%3E")!important;
}
body.movie-page .comment-actions .report-comment-btn,
body.movie-page .reply-actions .report-comment-btn{
  color:#ffbd68!important;
  border-color:rgba(255,189,104,.17)!important;
  background:rgba(255,189,104,.05)!important;
}
body.movie-page .comment-actions .report-comment-btn:before,
body.movie-page .reply-actions .report-comment-btn:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h12l-1 6 1 6H7v6H5V3Zm2 2v8h7.64l-.67-4 .67-4H7Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h12l-1 6 1 6H7v6H5V3Zm2 2v8h7.64l-.67-4 .67-4H7Z'/%3E%3C/svg%3E")!important;
}
body.movie-page .comment-actions .pin-comment-btn,
body.movie-page .reply-actions .pin-comment-btn{
  color:#b993ff!important;
  border-color:rgba(185,147,255,.17)!important;
  background:rgba(185,147,255,.05)!important;
}
body.movie-page .comment-actions .pin-comment-btn:before,
body.movie-page .reply-actions .pin-comment-btn:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14 4 6 6-2 2-2-1-4 4 .5 3.5-1 1L8 16l-4 4-1-1 4-4-3.5-3.5 1-1L8 11l4-4-1-2 3-1Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14 4 6 6-2 2-2-1-4 4 .5 3.5-1 1L8 16l-4 4-1-1 4-4-3.5-3.5 1-1L8 11l4-4-1-2 3-1Z'/%3E%3C/svg%3E")!important;
}
body.movie-page .comment-actions .delete-comment-btn,
body.movie-page .reply-actions .delete-comment-btn{
  color:#ff7181!important;
  border-color:rgba(255,91,111,.18)!important;
  background:rgba(255,73,96,.06)!important;
}
body.movie-page .comment-actions .delete-comment-btn:before,
body.movie-page .reply-actions .delete-comment-btn:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Zm3 2v7h2v-7H9Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Zm3 2v7h2v-7H9Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E")!important;
}

/* Comment sort and bulk-copy selects: remove native browser arrow/surface. */
body.movie-page select.bm-comment-sort,
body.movie-page select[data-bm-copy-format]{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-height:38px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  color:rgba(255,255,255,.88)!important;
  background-color:#121720!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa4b4' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 10px center!important;
  background-size:15px!important;
  padding:6px 34px 6px 10px!important;
  outline:0!important;
  font-family:inherit!important;
  box-shadow:none!important;
}
html[dir="rtl"] body.movie-page select.bm-comment-sort,
html[dir="rtl"] body.movie-page select[data-bm-copy-format]{
  background-position:left 10px center!important;
  padding:6px 10px 6px 34px!important;
}
body.movie-page select.bm-comment-sort:focus,
body.movie-page select[data-bm-copy-format]:focus{
  border-color:rgba(var(--bm74-accent-rgb),.52)!important;
  box-shadow:0 0 0 3px rgba(var(--bm74-accent-rgb),.09)!important;
}

/* Full-comment spoiler checkbox: custom, not browser-native. */
body.movie-page #fullSpoilerCheckbox{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:19px!important;height:19px!important;
  margin:0 0 0 7px!important;
  vertical-align:middle!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.movie-page #fullSpoilerCheckbox:checked{
  border-color:rgba(var(--bm74-accent-rgb),.55)!important;
  background:
    linear-gradient(135deg,transparent 43%,#fff 44% 52%,transparent 53%) 4px 8px/6px 6px no-repeat,
    linear-gradient(45deg,transparent 43%,#fff 44% 52%,transparent 53%) 8px 6px/8px 8px no-repeat,
    var(--bm74-accent)!important;
}

/* Profile already has custom upload labels; hide the raw browser file input. */
body #avatarUploadInput{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
}

/* Runtime-marked truly plain controls only. */
html body .bm74-native-button{
  appearance:none!important;-webkit-appearance:none!important;
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  padding:7px 12px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body .bm74-native-select{
  appearance:none!important;-webkit-appearance:none!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:#121720!important;
  padding:7px 11px!important;
  font-family:inherit!important;
  outline:0!important;
}
html body .bm74-native-input{
  appearance:none!important;-webkit-appearance:none!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:rgba(12,16,23,.94)!important;
  padding:8px 11px!important;
  font-family:inherit!important;
  outline:0!important;
}
html body .bm74-native-input:focus,
html body .bm74-native-select:focus{
  border-color:rgba(var(--bm74-accent-rgb),.50)!important;
  box-shadow:0 0 0 3px rgba(var(--bm74-accent-rgb),.08)!important;
}

@media(max-width:520px){
  .bm-dialog-root{padding:11px!important}
  .bm-dialog-card{padding:16px!important;border-radius:20px!important}
  .bm-dialog-options{grid-template-columns:1fr!important}
  body.movie-page .comment-actions .edit-comment-btn,
  body.movie-page .reply-actions .edit-comment-btn,
  body.movie-page .comment-actions .report-comment-btn,
  body.movie-page .reply-actions .report-comment-btn,
  body.movie-page .comment-actions .pin-comment-btn,
  body.movie-page .reply-actions .pin-comment-btn,
  body.movie-page .comment-actions .delete-comment-btn,
  body.movie-page .reply-actions .delete-comment-btn{
    min-height:32px!important;height:32px!important;padding:0 8px!important;font-size:9.5px!important;
  }
}