/* FullView custom styles (scoped for modal/FullView only) */
html, body { background:#ffffff !important; }
.tt-fv-modal{position:fixed; inset:0; background:#ffffff; z-index:2147483600; overflow:auto}
.tt-fv-close{position:fixed; right:22px; top:16px; width:40px; height:40px; border-radius:20px; background:#111827; color:#fff; border:1px solid #374151; font-size:26px; line-height:36px; text-align:center; cursor:pointer; z-index:2147483605}
.tt-fv-close:hover{background:#1f2937}
.tt-fv-container{max-width:1280px; margin:0 auto; padding:16px 24px}
.tt-fv-headerline{display:flex; align-items:center; justify-content:space-between; margin:6px 0 12px}
.tt-fv-counter{display:flex; align-items:center; gap:10px}
.tt-fv-count{min-width:68px; text-align:center; font-weight:600; color:#111}
.tt-fv-nav{display:inline-block; width:28px; height:28px; border-radius:14px; border:1px solid #e5e7eb; text-align:center; line-height:26px; color:#111; text-decoration:none;}
.tt-fv-nav:hover{background:#f3f4f6}
.tt-fv-nav.is-disabled{opacity:.35; pointer-events:none}
.tt-fv-link{color:#111; text-decoration:none; font-weight:600}
.tt-icon{display:inline-block; margin-right:6px}
.tt-fv-actions{display:flex; gap:10px}
.tt-iconbtn{background:#fff; border:1px solid #e5e7eb; border-radius:6px; padding:6px 8px; cursor:pointer}
.tt-fv-layout{display:grid; grid-template-columns: 1fr 340px; gap:24px; align-items:start}
.tt-fv-left{min-width:0}
.tt-fv-right{position:sticky; top:24px}
.tt-fullview-sidebar{position:sticky; top:24px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px 16px; max-height:calc(100vh - 120px); overflow:auto}
.tt-fv-head{margin-bottom:8px}
.tt-fv-num{font-weight:700; font-size:24px; color:#111}
.tt-fv-byline{color:#6b7280; margin:4px 0 2px}
.tt-fv-byline a{color:#111; font-weight:600}
.tt-fv-dot{margin:0 6px}
.tt-fv-incontest{color:#6b7280; font-size:14px}
.tt-fv-incontest a{text-decoration:underline; color:#111}
.tt-fv-sep{height:1px; background:#e5e7eb; margin:12px -4px}

.tt-fv-starsline{display:flex; align-items:center; justify-content:space-between}
.tt-fv-comments{max-height:none; overflow:visible; padding-right:0}
.tt-fv-comments::-webkit-scrollbar{width:8px}
.tt-fv-comments::-webkit-scrollbar-thumb{background:#cbd5e1; border-radius:6px}
.tt-fv-comments::-webkit-scrollbar-track{background:transparent}
.tt-fv-comments .bs-callout{margin:0; padding:0; background:transparent; border:0; box-shadow:none}
.tt-fv-comments .media-object.image{display:none}
.tt-fv-comments .media-heading{display:none}
.tt-fv-num{font-weight:600}
.tt-fv-comments .bs-callout{margin:0}

/* Clean comments */
.tt-comment{padding:12px 0; border-bottom:1px solid #e5e7eb}
.tt-comment:last-child{border-bottom:0}
.tt-comment-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px}
.tt-comment-user{display:flex; align-items:center; gap:10px}
.tt-comment-avatar{width:32px; height:32px; border-radius:50%; object-fit:cover}
.tt-comment-name{font-weight:600; color:#111; text-decoration:none}
.tt-comment-time{color:#9ca3af; font-size:12px}
.tt-comment-body{white-space:pre-wrap; line-height:1.5; color:#111}
.tt-comment-actions{font-size:12px; color:#6b7280; margin-top:6px}
.tt-comment-actions a{color:#6b7280; text-decoration:none}
.tt-comment-actions a:hover{text-decoration:underline}
.tt-fv-right .btn{border:1px solid #e5e7eb; background:#fff; color:#111; border-radius:6px; padding:6px 10px}
.tt-fv-right .btn:hover{background:#f9fafb}
.tt-fv-right .btn.btn-primary{background:#2563eb; border-color:#2563eb; color:#fff}
.tt-fv-right .btn.btn-primary:hover{background:#1d4ed8}
.tt-fv-right .form-control{border:1px solid #e5e7eb; border-radius:12px}
.tt-fv-right h5{font-weight:600}
.tt-fv-actions-row{display:flex; align-items:center; gap:18px; padding-left: 20px; flex-wrap:wrap}
.tt-fv-action{color:#111; text-decoration:none}
.tt-fv-action i{margin-right:6px}
.tt-fv-share{color:#111; text-decoration:none}
.tt-fv-share i{margin-right:6px}
.tt-fv-toolbar{position:absolute; left:10px; top:10px; display:flex; gap:6px; z-index:5}
#tt-fv-canvas-wrapper{position:relative; background:#ffffff}
#tt-fv-image{display:block; width:100%; height:auto; background:#ffffff}
#tt-fv-draw{position:absolute; left:0; top:0; display:block; pointer-events:none; z-index:2}
#tt-fv-pins{position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:3}
.tt-fv-pin{position:absolute; width:12px; height:12px; border-radius:50%; background:#ef4444; border:2px solid #fff; box-shadow:0 0 0 1px #ef4444; transform:translate(-50%,-50%); pointer-events:auto; cursor:pointer}
.tt-fv-pop{position:absolute; width:260px; background:#fff; border:1px solid #e5e7eb; border-radius:6px; padding:8px 8px 8px 16px; box-shadow:0 10px 30px rgba(0,0,0,.15); z-index:6}
.tt-fv-pop:before{
    content: "";
    left: -29px;
    top: -29px;
    border-radius: 50%;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ef4444;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ef4444;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    cursor: pointer;
}
.tt-fv-pop textarea{width:100%; border:1px solid #e5e7eb; border-radius:4px; padding:6px}

/* Simple zoom */
#tt-fv-canvas-wrapper.zoomed{overflow:auto}
#tt-fv-canvas-wrapper.zoomed #tt-fv-image{transform:scale(1.2); transform-origin:top left}

.fullsummaryframe{background:#ffffff; position:relative}
.tt-withdrawn{position:relative}
.tt-withdrawn-badge{position:absolute; left:16px; top:16px; background:#dc2626; color:#fff; padding:6px 10px; border-radius:6px; font-weight:600; box-shadow:0 2px 8px rgba(0,0,0,.15)}

/* Limit eliminated/withdraw overlays to image area on FullView */
.tt-fv-modal .Contest_elendi,
.tt-fv-modal .Contest_silindi,
.tt-fv-modal .Contest_silindiAdmin{position:absolute; inset:0; width:100%; height:100%; z-index:5}

/* Mobile adjustments */
@media (max-width: 991px){
  .tt-fullview-sidebar{position:static; max-height:none}
  .tt-fv-layout{grid-template-columns: 1fr}
  .tt-fv-right{position:static}
}
@media (max-width: 576px){
  .tt-fv-num{font-size:20px}
  .tt-fv-byline{font-size:13px}
  .tt-comment-avatar{width:28px; height:28px}
  .tt-comment-body{font-size:14px}
  .tt-comment-actions{font-size:13px}
  .tt-fv-right .btn{padding:8px 12px}
  .tt-fv-actions-row{gap:12px}
  /* Enlarge stars a bit on small screens */
  .tt-fv-stars ul.rating li a, .tt-fv-right ul.rating li a{transform:scale(1.15); transform-origin:left center; display:inline-block}
}