/* BIGFURNI shared modal polish. Visual-only; existing form and API behavior stays unchanged. */
.modal{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(22,20,17,.52)!important;padding:20px!important}
.modal .panel,.modal .modalbox{border:1px solid #e8e2d7;background:#fff;border-radius:24px!important;box-shadow:0 28px 80px rgba(31,24,13,.24);overscroll-behavior:contain;scrollbar-gutter:stable}
.modal .panelhead,.modal .head,.modal .modalhead{position:sticky;top:-1px;z-index:5;margin:-2px -2px 0;padding:2px 2px 14px;background:linear-gradient(180deg,#fff 82%,rgba(255,255,255,.92));border-bottom:1px solid #f0ece4}
.modal .panelhead h2,.modal .head h2,.modal .modalhead h3{letter-spacing:-.04em}
.modal .x{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;border:1px solid #e7e2d8!important;border-radius:11px!important;background:#f8f6f1!important;color:#555;font-size:20px;line-height:1;transition:.14s ease}
.modal .x:hover{background:#fff3dc!important;border-color:#d8bd82!important;color:#8e5b00}
.modal .formgrid,.modal .grid2{gap:13px!important;margin-top:16px!important}
.modal .formrow,.modal .row,.modal .field{min-width:0}
.modal .formrow label,.modal .row label,.modal .label{color:#4f5359;font-size:12px;font-weight:850}
.modal input.field,.modal select.field,.modal textarea.field,.modal .input{border:1px solid #ddd7cc!important;border-radius:12px!important;background:#fff!important;transition:border-color .14s ease,box-shadow .14s ease}
.modal input.field:focus,.modal select.field:focus,.modal textarea.field:focus,.modal .input:focus{border-color:#bd8420!important;box-shadow:0 0 0 3px rgba(184,120,0,.09)!important;outline:0}
.modal textarea{line-height:1.6}
.modal .actions,.modal .right{position:sticky;bottom:-1px;z-index:5;margin:18px -2px -2px!important;padding:14px 2px 2px;background:linear-gradient(0deg,#fff 82%,rgba(255,255,255,.92));border-top:1px solid #f0ece4;display:flex;justify-content:flex-end;gap:8px}
.modal .btn{min-height:42px;border-radius:11px!important}
.modal .btn.gold{background:linear-gradient(180deg,#c98a16,#a96b00)!important;color:#fff!important;border:1px solid #a96b00!important}
.modal .btn.dark{background:linear-gradient(180deg,#2a2a2a,#111)!important;color:#fff!important}
.modal .btn.line{background:#fff!important;border:1px solid #ddd7cc!important;color:#333!important}
.modal .empty{border:1px dashed #ddd4c4!important;border-radius:14px!important;background:#fffdf8!important;padding:30px 18px!important}
.modal .detailbox,.modal .detailintro,.modal .detaildesc{border:1px solid #eee8de;background:#faf8f3!important;border-radius:15px!important}
.modal .detailimg{border:1px solid #ece5d9;background:linear-gradient(145deg,#eee9df,#f8f5ef)}
.modal .stats,.modal .statrow{gap:7px!important}
.modal .stat{border:1px solid #eee7dc!important;background:#faf8f3!important}
.modal .comments{border-top-color:#eee8de!important}
.modal .comment{border-bottom-color:#f1ede5!important}
#bfPhotoPreview{scrollbar-width:thin;padding-bottom:4px!important}
#bfMarketPhotos,#bfDetailAddPhotos{width:100%;padding:10px;border:1px dashed #d7c7a8;border-radius:12px;background:#fffdf8}

@media(max-width:760px){
  .modal{align-items:flex-start!important;padding:8px!important;padding-top:max(8px,env(safe-area-inset-top))!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
  .modal .panel,.modal .modalbox{width:100%!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:17px!important;border-radius:18px!important;overflow:auto!important}
  .modal .panelhead,.modal .head,.modal .modalhead{padding-bottom:11px}
  .modal .panelhead h2,.modal .head h2,.modal .modalhead h3{font-size:20px!important}
  .modal .formgrid,.modal .grid2{grid-template-columns:1fr!important;gap:10px!important}
  .modal .formrow.full,.modal .row.full,.modal .full{grid-column:auto!important}
  .modal input,.modal select,.modal textarea{font-size:16px!important}
  .modal .actions,.modal .right{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;padding-top:12px}
  .modal .actions .btn,.modal .right .btn{width:100%;min-height:44px}
  .modal .detailimg{height:min(54vw,230px)!important}
  .modal .detailtitle{font-size:22px!important}
  .modal .detailbody,.modal .detaildesc,.modal .detailintro{font-size:13px!important;line-height:1.72!important}
  .modal .commentform{display:grid!important;grid-template-columns:1fr!important}
  .modal .commentform .btn{width:100%}
}

@media(max-width:390px){
  .modal{padding:6px!important;padding-top:max(6px,env(safe-area-inset-top))!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
  .modal .panel,.modal .modalbox{max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:14px!important;border-radius:16px!important}
  .modal .panelhead h2,.modal .head h2,.modal .modalhead h3{font-size:18px!important}
  .modal .actions,.modal .right{grid-template-columns:1fr!important}
  .modal .actions .btn,.modal .right .btn{min-height:46px}
  .modal .stats,.modal .statrow{grid-template-columns:1fr 1fr!important}
  .modal .detailimg{height:190px!important}
}