.bcmp-muted{font-size:12px;color:#9ca3af;margin-top:3px}.bcmp-hero{border-radius:18px}.bcmp-table{margin-bottom:0}.bcmp-table td{vertical-align:middle!important}.bcmp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.bcmp-step{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);padding:12px;color:#9ca3af}.bcmp-step b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff}.bcmp-step-active{border-color:rgba(59,130,246,.55);background:rgba(59,130,246,.12);color:#e5e7eb}.bcmp-create-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.bcmp-search-panel,.bcmp-selected-panel,.bcmp-full-form{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.03);padding:14px}.bcmp-search-line{display:flex;gap:8px}.bcmp-search-line .form-control{height:38px}.bcmp-user-results{margin-top:10px}.bcmp-user-found{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;margin-top:7px;cursor:pointer;background:rgba(255,255,255,.03)}.bcmp-user-found:hover{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.55)}.bcmp-user-found img,.bcmp-user-card img,.bcmp-comment img,.bcmp-selected-card img{width:42px;height:42px;border-radius:50%;object-fit:cover}.bcmp-user-found span,.bcmp-info span,.bcmp-user-card span,.bcmp-selected-card span{display:block;color:#9ca3af;font-size:12px}.bcmp-selected-title,.bcmp-form-title{font-weight:700;margin-bottom:8px}.bcmp-selected-user{margin-top:8px}.bcmp-selected-card{display:flex;gap:10px;align-items:center}.bcmp-empty{padding:12px;color:#9ca3af;text-align:center}.bcmp-full-form{margin-top:14px}.bcmp-disabled-form{opacity:.55;pointer-events:none}.bcmp-required{color:#ef4444}.bcmp-field-help{font-size:12px;color:#9ca3af;margin-top:4px}.bcmp-warning-box{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);border-radius:12px;padding:12px;margin:8px 0 12px;color:#facc15}.bcmp-view-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.bcmp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bcmp-user-card,.bcmp-info{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);padding:12px}.bcmp-user-card{display:flex;gap:10px;align-items:center}.bcmp-description{line-height:1.6;color:#e5e7eb}.bcmp-comment{display:flex;gap:10px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.03);padding:12px;margin-bottom:10px}.bcmp-comment>div{width:100%}.bcmp-comment-top{display:flex;justify-content:space-between;gap:10px}.bcmp-comment-top span,.bcmp-reply-line{font-size:12px;color:#9ca3af}.bcmp-comment-text{margin:6px 0 8px;color:#e5e7eb}.bcmp-reply-box{margin-bottom:8px;color:#93c5fd}.bcmp-admin-decision{display:grid;gap:10px}@media(max-width:768px){.bcmp-steps,.bcmp-create-grid,.bcmp-grid{grid-template-columns:1fr}.bcmp-search-line{display:block}.bcmp-search-line .btn{width:100%;margin-top:8px}.bcmp-table{min-width:760px}.bcmp-view-head{align-items:flex-start;flex-direction:column}}
.bcmp-miniava{width:28px;height:28px;border-radius:7px;object-fit:cover;margin-right:8px;vertical-align:middle}.bcmp-pagination{display:flex;gap:8px;justify-content:center;margin-top:18px;flex-wrap:wrap}.bcmp-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:8px;background:#1b2432;color:#fff;text-decoration:none}.bcmp-pagination a.active,.bcmp-pagination a:hover{background:#2f8cff;color:#fff}.bcmp-instruction p{margin:0;color:#c9d7ec}.bcmp-user-found{display:flex;align-items:center;gap:12px;justify-content:space-between}.bcmp-user-found>div{flex:1}.bcmp-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.bcmp-screens{display:flex;gap:10px;flex-wrap:wrap}.bcmp-screen{display:block;width:120px;height:85px;border-radius:10px;overflow:hidden;background:#111923;border:1px solid rgba(255,255,255,.08)}.bcmp-screen img{width:100%;height:100%;object-fit:cover}.bcmp-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.bcmp-person{display:flex;flex-direction:column;gap:5px}.bcmp-person img{width:46px;height:46px;border-radius:10px;object-fit:cover}.bcmp-view-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.bcmp-view-head h3{margin:0 0 8px 0}.bcmp-date{color:#9fb0c8}.bcmp-description{background:rgba(255,255,255,.035);border-radius:12px;padding:15px;margin-top:8px;line-height:1.6}.bcmp-selected-card{display:flex;gap:12px;align-items:center}.bcmp-selected-card img{width:52px;height:52px;border-radius:12px;object-fit:cover}.bcmp-selected-card span{display:block;color:#aebbd0;font-size:13px}.bcmp-field-help{font-size:12px;color:#9fb0c8;margin-top:5px}.bcmp-required{color:#ff5151}.bcmp-full-form{margin-top:20px}.bcmp-disabled-form{opacity:.45;pointer-events:none}.bcmp-warning-box{padding:12px 14px;border-radius:12px;background:rgba(47,140,255,.08);border:1px solid rgba(47,140,255,.18);margin:12px 0;color:#cfe2ff}.bcmp-form-title{font-size:18px;font-weight:700;margin-bottom:6px}.bcmp-search-line{display:flex;gap:10px}.bcmp-search-line input{flex:1}.bcmp-empty{padding:12px;border-radius:10px;background:rgba(255,255,255,.04);color:#9fb0c8}.bcmp-user-results{margin-top:12px;display:flex;flex-direction:column;gap:8px}.bcmp-user-found{padding:10px;border-radius:12px;background:rgba(255,255,255,.04)}.bcmp-user-found img{width:44px;height:44px;border-radius:10px;object-fit:cover}.bcmp-user-found span{display:block;color:#9fb0c8;font-size:12px}@media(max-width:900px){.bcmp-info-grid,.bcmp-proof-grid{grid-template-columns:1fr}.bcmp-search-line{flex-direction:column}}

/* Complaints create-page improvements */
.bcmp-server-box{max-width:640px;}
.bcmp-server-select{min-height:48px;height:48px!important;line-height:48px!important;border-radius:12px!important;padding:0 15px!important;font-weight:700;}
.bcmp-search-input{height:46px!important;border-radius:12px!important;}
.bcmp-user-results{margin-top:14px;display:block;}
.bcmp-user-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.bcmp-user-search-card{min-height:126px;border:1px solid rgba(47,140,255,.35);border-radius:14px;background:rgba(47,140,255,.10);padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;transition:.15s ease;}
.bcmp-user-search-card:hover{background:rgba(47,140,255,.20);border-color:rgba(47,140,255,.75);transform:translateY(-1px);}
.bcmp-user-search-card img{width:54px;height:54px;border-radius:13px;object-fit:cover;}
.bcmp-user-search-card b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;}
.bcmp-user-search-card .btn{padding:4px 12px;border-radius:9px;margin-top:2px;}
.bcmp-search-pages{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap;}
.bcmp-search-pages button{min-width:34px;height:34px;border:0;border-radius:9px;background:#1b2432;color:#fff;font-weight:700;}
.bcmp-search-pages button.active,.bcmp-search-pages button:hover{background:#2f8cff;color:#fff;}
.bcmp-proof-block{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);padding:15px;margin:14px 0;}
.bcmp-proof-title{font-size:17px;font-weight:800;margin-bottom:3px;}
.bcmp-proof-subtitle{color:#facc15;margin-bottom:14px;}
.bcmp-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.bcmp-upload-btn{border-radius:10px!important;padding:8px 18px!important;}
.bcmp-screenshot-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.bcmp-preview-item{position:relative;width:92px;height:72px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#101722;}
.bcmp-preview-item img{width:100%;height:100%;object-fit:cover;display:block;}
.bcmp-preview-item button{position:absolute;right:5px;top:5px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;font-size:18px;line-height:18px;display:flex;align-items:center;justify-content:center;}
.bcmp-preview-item button:hover{background:#ef4444;}
@media(max-width:1050px){.bcmp-user-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.bcmp-user-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.bcmp-server-box{max-width:100%;}}
@media(max-width:480px){.bcmp-user-cards-grid{grid-template-columns:1fr;}}

/* Complaints view redesign */
.bcmp-view-topline{display:flex;justify-content:flex-end;margin:0 0 10px;}
.bcmp-back-btn{border-radius:10px!important;padding:6px 14px!important;font-size:12px!important;}
.bcmp-complaint-view{border-radius:18px;}
.bcmp-view-head-new h3{margin:0 0 8px;font-size:22px;font-weight:800;}
.bcmp-users-row{display:flex;gap:14px;align-items:stretch;margin:16px 0 12px;flex-wrap:wrap;}
.bcmp-person-card{display:block;min-width:220px;text-decoration:none!important;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035);padding:12px;transition:.15s ease;}
.bcmp-person-card:hover{background:rgba(47,140,255,.12);border-color:rgba(47,140,255,.45);}
.bcmp-person-line{display:flex;align-items:center;gap:10px;margin-top:6px;color:#fff;}
.bcmp-person-line img{width:46px;height:46px;border-radius:12px;object-fit:cover;}
.bcmp-simple-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;}
.bcmp-simple-info>div{border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.03);padding:12px;}
.bcmp-desc-title{margin-top:18px;}
.bcmp-description-fixed{min-height:78px;white-space:normal;}
.bcmp-proof-grid-new{align-items:start;}
.bcmp-admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.bcmp-admin-actions .btn{border-radius:10px!important;padding:6px 13px!important;font-weight:700;}
.bcmp-comments-closed{border:1px solid rgba(239,68,68,.18);background:rgba(239,68,68,.08);color:#ffcaca;}
@media(max-width:760px){.bcmp-view-topline{justify-content:flex-start}.bcmp-users-row,.bcmp-simple-info{display:grid;grid-template-columns:1fr}.bcmp-person-card{min-width:0}.bcmp-admin-actions .btn{width:100%;}}

/* Complaints admin buttons: one clean style */

.bcmp-admin-decision-btn{background:#1b2432!important;border:1px solid rgba(255,255,255,.16)!important;color:#e5e7eb!important;box-shadow:none!important;}
.bcmp-admin-decision-btn:hover{background:#243044!important;border-color:rgba(47,140,255,.45)!important;color:#fff!important;}


/* Complaints button layout fix */
.bcmp-back-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:128px!important;
    max-width:none!important;
    height:auto!important;
    min-height:32px!important;
    padding:7px 14px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-sizing:border-box!important;
}
.bcmp-admin-actions-plain{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    padding:0!important;
    margin-top:14px!important;
    background:transparent!important;
    border:0!important;
}
.bcmp-admin-actions-plain .bcmp-admin-decision-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:104px!important;
    max-width:none!important;
    height:auto!important;
    min-height:34px!important;
    padding:8px 15px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
}
@media(max-width:760px){
    .bcmp-admin-actions-plain .bcmp-admin-decision-btn{width:auto!important;min-width:0!important;}
}

/* Complaints server/reason equal width fix */
.bcmp-simple-info{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
}
.bcmp-simple-info > div{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
@media(max-width:760px){
    .bcmp-simple-info{
        grid-template-columns:1fr!important;
    }
}


/* Complaints reports list page */
.bcmp-list-header{
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:15px!important;
}
.bcmp-create-compact-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:116px!important;
    max-width:none!important;
    min-height:32px!important;
    padding:7px 14px!important;
    border-radius:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    font-size:12px!important;
    font-weight:700!important;
}
.bcmp-details-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:92px!important;
    min-height:30px!important;
    padding:6px 12px!important;
    border-radius:9px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    font-weight:700!important;
}
.bcmp-table tbody tr{height:42px;}
.bcmp-table .bcmp-empty-row td{
    height:42px;
    padding-top:8px!important;
    padding-bottom:8px!important;
    color:transparent!important;
}
.bcmp-empty-list-message{
    height:42px;
    vertical-align:middle!important;
    color:#9ca3af!important;
}
@media(max-width:760px){
    .bcmp-list-header{align-items:stretch!important;flex-direction:column!important;}
    .bcmp-create-compact-btn{width:max-content!important;}
}

/* Complaints create server select compact width + no white native arrow */
.bcmp-server-box{
    display:inline-block!important;
    width:auto!important;
    max-width:100%!important;
}
.bcmp-server-select{
    display:inline-block!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 42px 0 18px!important;
    border-radius:12px!important;
    line-height:48px!important;
    font-weight:700!important;
    background-color:#1b2432!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239fb0c8' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 16px center!important;
    background-size:12px 8px!important;
}
.bcmp-server-select:hover,
.bcmp-server-select:focus,
.bcmp-server-select:active{
    background-color:#1b2432!important;
    color:#fff!important;
    border-color:rgba(47,140,255,.45)!important;
    box-shadow:none!important;
    outline:none!important;
    background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239fb0c8' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E")!important;
}
.bcmp-server-select::-ms-expand{display:none!important;}
@media(max-width:760px){
    .bcmp-server-box{display:block!important;width:100%!important;}
    .bcmp-server-select{width:100%!important;}
}


/* Complaints final view/list small fixes */
.bcmp-view-head-new .label{display:none!important;}
/* Complaints decision block */
.bcmp-decision-block{margin-top:14px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.bcmp-admin-result-card{min-width:220px;width:auto;max-width:360px;}
.bcmp-decision-line{display:inline-block!important;width:auto!important;max-width:100%!important;margin-top:0!important;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);color:#e5e7eb;line-height:1.45;white-space:normal;}
.bcmp-rules-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:28px!important;padding:5px 12px!important;border-radius:9px!important;line-height:1.2!important;font-size:12px!important;font-weight:700!important;margin:0 0 10px 0!important;}
.bcmp-rules-modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;align-items:center;justify-content:center;background:rgba(0,0,0,.68);padding:18px;}
.bcmp-rules-window{position:relative;width:100%;max-width:520px;border-radius:18px;background:#151a22;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.45);padding:24px;}
.bcmp-rules-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:12px;}
.bcmp-rules-text{font-size:14px;line-height:1.6;color:#cfd8e6;}
.bcmp-rules-close{position:absolute;right:13px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:26px;}
.bcmp-rules-close:hover{background:rgba(239,68,68,.75);}


/* Complaints user cards extra info */
.bcmp-person-meta{
    margin-top:8px;
    display:flex;
    flex-direction:column;
    gap:4px;
    font-size:12px;
    line-height:1.25;
    color:#9ca3af;
}
.bcmp-person-meta span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bcmp-person-meta b{font-weight:800;}
.bcmp-person-meta a{color:#93c5fd!important;text-decoration:none!important;font-weight:700;}
.bcmp-person-meta a:hover{color:#fff!important;}


/* Complaints user cards: avatar left, nick/group/clan right */
.bcmp-person-line{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin-top:6px!important;
    color:#fff!important;
}
.bcmp-person-line img{
    flex:0 0 auto!important;
}
.bcmp-person-info{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:3px!important;
}
.bcmp-person-info>b{
    display:block!important;
    line-height:1.15!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.bcmp-person-info .bcmp-person-meta{
    margin-top:0!important;
}


/* Complaints user cards nested-link fix */
.bcmp-person-card{
    text-decoration:none!important;
}
.bcmp-person-avatar-link{
    display:block!important;
    flex:0 0 auto!important;
    text-decoration:none!important;
}
.bcmp-person-name{
    display:block!important;
    color:#fff!important;
    font-weight:800!important;
    line-height:1.15!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
.bcmp-person-name:hover{color:#93c5fd!important;text-decoration:none!important;}
.bcmp-group-name{font-weight:800!important;}

/* Complaints: screenshot photo viewer */
.bcmp-photo-viewer{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:hidden}
.bcmp-photo-viewer.show{display:flex}
.bcmp-photo-viewer:before{content:'';position:absolute;width:min(92vw,980px);height:min(82vh,680px);background:#0e131b;border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:0 24px 90px rgba(0,0,0,.62)}
.bcmp-photo-viewer img{position:relative;z-index:1;display:block;width:auto!important;height:auto!important;max-width:min(92vw,980px)!important;max-height:min(82vh,680px)!important;object-fit:contain!important;background:#0e131b;border-radius:18px;box-shadow:none;opacity:0;transition:opacity .12s ease}
.bcmp-photo-viewer img.bcmp-loaded{opacity:1}
.bcmp-photo-viewer-close{position:fixed;z-index:2;right:calc(50% - min(46vw,490px) + 12px);top:calc(50% - min(41vh,340px) + 12px);width:42px;height:42px;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:rgba(20,27,38,.88);color:#fff;font-size:32px;line-height:38px;cursor:pointer;padding:0}
.bcmp-photo-viewer-close:hover{background:rgba(201,40,53,.8)}
.bcmp-screen{cursor:zoom-in}
@media(max-width:620px){
    .bcmp-photo-viewer{align-items:center!important;justify-content:center!important;padding:46px 8px 18px!important;overflow:hidden!important}
    .bcmp-photo-viewer:before{width:calc(100vw - 16px)!important;height:calc(100dvh - 70px)!important;max-height:calc(100vh - 70px)!important;border-radius:12px!important}
    .bcmp-photo-viewer img{width:auto!important;height:auto!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 70px)!important;object-fit:contain!important;border-radius:12px!important}
    .bcmp-photo-viewer-close{right:10px!important;top:8px!important;width:36px!important;height:36px!important;font-size:28px!important;line-height:32px!important}
}
@media(max-width:620px) and (orientation:landscape){
    .bcmp-photo-viewer{padding:8px 50px 8px 8px!important}
    .bcmp-photo-viewer:before{width:calc(100vw - 64px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100vh - 16px)!important}
    .bcmp-photo-viewer img{max-width:calc(100vw - 64px)!important;max-height:calc(100dvh - 16px)!important}
    .bcmp-photo-viewer-close{right:8px!important;top:8px!important}
}


/* Complaints: keep group label and group name on one line */
.bcmp-person-meta > span{
    display:block!important;
    white-space:nowrap!important;
}
.bcmp-person-meta .bcmp-group-name{
    display:inline!important;
    white-space:nowrap!important;
}

/* Complaints: compact top layout after heading removal */
.bcmp-complaint-view{
    position:relative!important;
}
.bcmp-view-head-new{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    z-index:2!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
}
.bcmp-view-head-new .bcmp-date{
    display:inline-block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    color:#9fc7ff!important;
    position:relative!important;
    left:40px!important;
}
.bcmp-users-row{
    margin-top:0!important;
    padding-right:190px!important;
}
@media(max-width:760px){
    .bcmp-view-head-new{
        position:static!important;
        margin-bottom:12px!important;
        pointer-events:auto!important;
    }
    .bcmp-users-row{
        padding-right:0!important;
    }
}

/* Complaints: complaint viewers block */
.bcmp-viewers-box{
    position:absolute!important;
    top:28px!important;
    left:760px!important;
    right:145px!important;
    min-height:86px!important;
    padding:0!important;
    margin:0!important;
    z-index:1!important;
}
.bcmp-viewers-title{
    margin-bottom:10px!important;
    font-weight:700!important;
}
.bcmp-viewers-list{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
}
.bcmp-viewer-ava{
    display:block!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:#101722!important;
    box-shadow:0 5px 14px rgba(0,0,0,.28)!important;
    transition:transform .12s ease,border-color .12s ease!important;
}
.bcmp-viewer-ava:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(80,150,255,.75)!important;
}
.bcmp-viewer-ava img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.bcmp-viewers-empty{
    color:#8ea2bf!important;
    font-size:12px!important;
}
@media(max-width:1180px){
    .bcmp-viewers-box{
        position:static!important;
        margin:12px 0 14px 0!important;
        min-height:0!important;
    }
}


/* Complaints: compact server and reason blocks by text width */
.bcmp-simple-info{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    width:auto!important;
    max-width:100%!important;
    margin-top:12px!important;
}
.bcmp-simple-info > div{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:190px!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
}
.bcmp-simple-info > div b{
    display:block!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}
@media(max-width:760px){
    .bcmp-simple-info{
        display:flex!important;
        grid-template-columns:none!important;
        width:auto!important;
    }
    .bcmp-simple-info > div{
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
    }
}

/* Complaints: date only to main block top-right corner */
.bcmp-date-corner{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    z-index:5!important;
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    color:#9fc7ff!important;
}
.bcmp-date-placeholder{
    visibility:hidden!important;
}
@media(max-width:760px){
    .bcmp-date-corner{
        position:static!important;
        margin-bottom:12px!important;
    }
}

/* Complaints: independent containers for view page */
.bcmp-complaint-view{
    position:relative!important;
}
.bcmp-layout-top{
    position:relative!important;
    min-height:118px!important;
    margin:0 0 16px 0!important;
    padding:0!important;
}
.bcmp-date-corner{
    position:absolute!important;
    top:0!important;
    right:0!important;
    z-index:6!important;
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    color:#9fc7ff!important;
    line-height:1.2!important;
}
.bcmp-layout-people{
    position:absolute!important;
    left:0!important;
    top:0!important;
    display:flex!important;
    gap:14px!important;
    align-items:stretch!important;
    flex-wrap:wrap!important;
    margin:0!important;
    padding:0!important;
    padding-right:0!important;
    z-index:2!important;
}
.bcmp-layout-viewers{
    position:absolute!important;
    top:4px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:3!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
}
.bcmp-layout-viewers .bcmp-viewers-box{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    min-height:0!important;
    display:inline-block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.03)!important;
    box-sizing:border-box!important;
}
.bcmp-layout-meta{
    position:absolute!important;
    right:0!important;
    top:30px!important;
    z-index:2!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
}
.bcmp-layout-simple-info{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
}
.bcmp-layout-simple-info > div{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:190px!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.03)!important;
    padding:12px!important;
}
.bcmp-proof-row-separated{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:18px!important;
    margin-top:20px!important;
    width:100%!important;
}
.bcmp-proof-card{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.03)!important;
    padding:12px!important;
}
.bcmp-demo-card{min-width:0!important;}
.bcmp-screens-card{min-width:0!important;}
.bcmp-screens-card .bcmp-screens{
    margin-top:6px!important;
}
.bcmp-decision-block{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin-top:14px!important;
    width:auto!important;
    max-width:100%!important;
}
@media(max-width:1180px){
    .bcmp-layout-top{min-height:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
    .bcmp-date-corner,.bcmp-layout-people,.bcmp-layout-viewers,.bcmp-layout-meta{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;}
    .bcmp-layout-simple-info{justify-content:flex-start!important;flex-wrap:wrap!important;}
}
@media(max-width:760px){
    .bcmp-layout-people{display:grid!important;grid-template-columns:1fr!important;}
    .bcmp-layout-simple-info{display:flex!important;flex-direction:column!important;}
    .bcmp-layout-simple-info > div{width:auto!important;min-width:0!important;}
    .bcmp-proof-row-separated{display:flex!important;flex-direction:column!important;}
}


/* demo left, screenshots right */
.bcmp-proof-row-separated{
    justify-content:space-between!important;
    width:100%!important;
}
.bcmp-screens-card{
    margin-left:auto!important;
}


/* Complaints: viewers block under screenshots, right side */
.bcmp-viewers-under-screens{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    width:100%!important;
    margin-top:12px!important;
    padding:0!important;
}
.bcmp-viewers-under-screens .bcmp-viewers-box{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    min-height:0!important;
    display:inline-block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.03)!important;
    box-sizing:border-box!important;
}
@media(max-width:760px){
    .bcmp-viewers-under-screens{justify-content:flex-start!important;}
}

/* Complaints: labels above blocks, not inside blocks */
.bcmp-labeled-block{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
    box-sizing:border-box!important;
}
.bcmp-block-label{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#9ca3af!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-align:left!important;
}
.bcmp-person-labeled .bcmp-person-card,
.bcmp-admin-labeled .bcmp-person-card{
    width:100%!important;
}
.bcmp-layout-simple-info > .bcmp-labeled-block{
    border:0!important;
    background:transparent!important;
    padding:0!important;
    min-width:190px!important;
}
.bcmp-meta-card{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.03)!important;
    padding:12px!important;
    color:#e5e7eb!important;
}
.bcmp-meta-card b{
    display:block!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}
.bcmp-proof-labeled{
    max-width:100%!important;
}
.bcmp-proof-labeled .bcmp-proof-card{
    width:100%!important;
}
.bcmp-screens-labeled{
    margin-left:auto!important;
}
.bcmp-screens-card{
    margin-left:0!important;
}
.bcmp-viewers-labeled{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
}
.bcmp-viewers-labeled .bcmp-viewers-box{
    width:100%!important;
}
.bcmp-admin-labeled,
.bcmp-decision-labeled{
    width:auto!important;
    max-width:100%!important;
}
.bcmp-admin-labeled .bcmp-admin-result-card{
    min-width:220px!important;
    max-width:360px!important;
}
.bcmp-decision-labeled .bcmp-decision-line{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
}
@media(max-width:760px){
    .bcmp-layout-simple-info > .bcmp-labeled-block{
        min-width:0!important;
        width:100%!important;
    }
    .bcmp-screens-labeled{
        margin-left:0!important;
    }
}


/* FIX server/reason labels spacing */
.bcmp-layout-simple-info .bcmp-block-label{
    margin-bottom:8px !important;
}


/* Дэмо / Скриншоты: сами карточки по содержимому */
.block.mt-3.bcmp-complaint-view .bcmp-proof-labeled,
.block.mt-3.bcmp-complaint-view .bcmp-proof-card,
.block.mt-3.bcmp-complaint-view .bcmp-demo-card,
.block.mt-3.bcmp-complaint-view .bcmp-screens-card{
    width:fit-content !important;
    max-width:100% !important;
}

/* Контейнер "Изучали жалобу" больше не занимает всю ширину */
.block.mt-3.bcmp-complaint-view .bcmp-viewers-under-screens{
    position:absolute !important;
    right:16px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    z-index:5 !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-viewers-labeled,
.block.mt-3.bcmp-complaint-view .bcmp-viewers-box,
.block.mt-3.bcmp-complaint-view .bcmp-viewers-list{
    width:fit-content !important;
    max-width:100% !important;
}

/* Блок решения больше не растягивается на всю ширину */
.block.mt-3.bcmp-complaint-view .bcmp-decision-block{
    width:fit-content !important;
    max-width:100% !important;
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-top:14px !important;
}

/* Внутренние блоки решения тоже только по содержимому */
.block.mt-3.bcmp-complaint-view .bcmp-decision-block > *,
.block.mt-3.bcmp-complaint-view .bcmp-decision-labeled,
.block.mt-3.bcmp-complaint-view .bcmp-admin-result-card,
.block.mt-3.bcmp-complaint-view .bcmp-decision-line{
    width:fit-content !important;
    max-width:100% !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-block-label{
    width:auto !important;
}

/* Complaints: one main container layout */
/* Один основной контейнер: внутри него сразу все блоки */
.block.mt-3.bcmp-complaint-view{
    position:relative !important;
    display:grid !important;
    grid-template-columns:auto auto 1fr auto auto !important;
    grid-template-areas:
        "author target spacer server reason"
        "descTitle descTitle descTitle descTitle descTitle"
        "desc desc desc desc desc"
        "screens screens screens screens screens"
        "demo demo demo demo demo"
        "decision decision decision viewers viewers" !important;
    column-gap:14px !important;
    row-gap:16px !important;
    align-items:start !important;
    padding-bottom:18px !important;
}

/* Дата остаётся в правом верхнем углу */
.block.mt-3.bcmp-complaint-view .bcmp-date-corner{
    position:absolute !important;
    right:16px !important;
    top:10px !important;
    width:auto !important;
    margin:0 !important;
    z-index:5 !important;
}

/* Верхние блоки */
.block.mt-3.bcmp-complaint-view .bcmp-author-labeled{ grid-area:author !important; }
.block.mt-3.bcmp-complaint-view .bcmp-target-labeled{ grid-area:target !important; }
.block.mt-3.bcmp-complaint-view .bcmp-server-labeled{ grid-area:server !important; }
.block.mt-3.bcmp-complaint-view .bcmp-reason-labeled{ grid-area:reason !important; }

.block.mt-3.bcmp-complaint-view .bcmp-labeled-block{
    width:fit-content !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-block-label{
    display:block !important;
    width:auto !important;
    margin-bottom:8px !important;
    line-height:1.2 !important;
}

/* Описание */
.block.mt-3.bcmp-complaint-view .bcmp-desc-title{
    grid-area:descTitle !important;
    margin-top:2px !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-description{
    grid-area:desc !important;
    width:100% !important;
    max-width:100% !important;
}

/* Скриншоты и демо идут отдельными строками слева */
.block.mt-3.bcmp-complaint-view .bcmp-screens-labeled{
    grid-area:screens !important;
    justify-self:start !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-demo-labeled{
    grid-area:demo !important;
    justify-self:start !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-proof-card,
.block.mt-3.bcmp-complaint-view .bcmp-demo-card,
.block.mt-3.bcmp-complaint-view .bcmp-screens-card{
    width:fit-content !important;
    max-width:100% !important;
    margin:0 !important;
}

/* Нижняя строка: решение слева, изучали жалобу справа */
.block.mt-3.bcmp-complaint-view .bcmp-decision-block{
    grid-area:decision !important;
    position:static !important;
    width:fit-content !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:28px !important;
    margin:16px 0 0 0 !important;
    padding:0 !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-decision-block > *,
.block.mt-3.bcmp-complaint-view .bcmp-decision-labeled,
.block.mt-3.bcmp-complaint-view .bcmp-admin-result-card,
.block.mt-3.bcmp-complaint-view .bcmp-decision-line{
    width:fit-content !important;
    max-width:100% !important;
    margin:0 !important;
}

/* Изучали жалобу справа в нижней строке */
.block.mt-3.bcmp-complaint-view .bcmp-viewers-under-screens{
    grid-area:viewers !important;
    position:static !important;
    width:fit-content !important;
    max-width:100% !important;
    justify-self:end !important;
    align-self:end !important;
    margin:16px 0 0 0 !important;
    padding:0 !important;
    display:block !important;
}

.block.mt-3.bcmp-complaint-view .bcmp-viewers-labeled,
.block.mt-3.bcmp-complaint-view .bcmp-viewers-box,
.block.mt-3.bcmp-complaint-view .bcmp-viewers-list{
    width:fit-content !important;
    max-width:100% !important;
}

/* Мобильная версия: всё в одну колонку */
@media (max-width: 768px){
    .block.mt-3.bcmp-complaint-view{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "author"
            "target"
            "server"
            "reason"
            "descTitle"
            "desc"
            "screens"
            "demo"
            "decision"
            "viewers" !important;
    }

    .block.mt-3.bcmp-complaint-view .bcmp-decision-block{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .block.mt-3.bcmp-complaint-view .bcmp-viewers-under-screens{
        justify-self:start !important;
    }
}


/* Complaints reports list mobile adaptation */
@media(max-width:760px){
    .center_block_container .table-responsive{
        overflow:visible!important;
        border:0!important;
        margin:0!important;
    }
    .center_block_container .bcmp-table{
        width:100%!important;
        min-width:0!important;
        border:0!important;
        background:transparent!important;
    }
    .center_block_container .bcmp-table thead{
        display:none!important;
    }
    .center_block_container .bcmp-table tbody,
    .center_block_container .bcmp-table tr,
    .center_block_container .bcmp-table td{
        display:block!important;
        width:100%!important;
        box-sizing:border-box!important;
    }
    .center_block_container .bcmp-table tbody tr{
        height:auto!important;
        margin:0 0 14px 0!important;
        padding:12px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:16px!important;
        background:rgba(255,255,255,.035)!important;
    }
    .center_block_container .bcmp-table tbody tr:last-child{
        margin-bottom:0!important;
    }
    .center_block_container .bcmp-table td{
        min-height:0!important;
        padding:8px 0!important;
        border:0!important;
        border-bottom:1px solid rgba(255,255,255,.07)!important;
        color:#e5e7eb!important;
        white-space:normal!important;
        word-break:break-word!important;
    }
    .center_block_container .bcmp-table td:last-child{
        border-bottom:0!important;
        padding-bottom:0!important;
    }
    .center_block_container .bcmp-table td:before{
        display:block!important;
        margin-bottom:5px!important;
        color:#9ca3af!important;
        font-size:11px!important;
        font-weight:700!important;
        text-transform:uppercase!important;
        letter-spacing:.03em!important;
    }
    .center_block_container .bcmp-table td:nth-child(1):before{content:'Автор';}
    .center_block_container .bcmp-table td:nth-child(2):before{content:'Нарушитель';}
    .center_block_container .bcmp-table td:nth-child(3):before{content:'Причина';}
    .center_block_container .bcmp-table td:nth-child(4):before{content:'Сервер';}
    .center_block_container .bcmp-table td:nth-child(5):before{content:'Дата';}
    .center_block_container .bcmp-table td:nth-child(6):before{content:'Решение';}
    .center_block_container .bcmp-table td:nth-child(7):before{content:'';display:none!important;}
    .center_block_container .bcmp-table td a{
        display:inline-flex!important;
        align-items:center!important;
        max-width:100%!important;
        color:#fff!important;
        text-decoration:none!important;
    }
    .center_block_container .bcmp-miniava{
        flex:0 0 auto!important;
        width:34px!important;
        height:34px!important;
        border-radius:9px!important;
        margin-right:9px!important;
    }
    .center_block_container .bcmp-details-btn{
        display:flex!important;
        width:100%!important;
        min-width:0!important;
        justify-content:center!important;
        margin-top:4px!important;
    }
    .center_block_container .bcmp-table .bcmp-empty-row{
        display:none!important;
    }
    .center_block_container .bcmp-table .bcmp-empty-list-message{
        height:auto!important;
        padding:14px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:14px!important;
        background:rgba(255,255,255,.035)!important;
        text-align:center!important;
    }
}

/* Complaints: beautiful list cards */
.bcmp-table.bcmp-list-table{min-width:1120px;}
.bcmp-table .bcmp-list-row{height:auto!important;}
.bcmp-table .bcmp-list-row td{padding:10px!important;vertical-align:middle!important;}
.bcmp-list-person-card{width:260px;min-height:74px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035);padding:10px;box-sizing:border-box;transition:.15s ease;}
.bcmp-list-person-card:hover{background:rgba(47,140,255,.12);border-color:rgba(47,140,255,.45);}
.bcmp-list-person-card .bcmp-person-line{margin-top:0!important;align-items:center!important;}
.bcmp-list-person-card .bcmp-person-line img{width:46px!important;height:46px!important;border-radius:12px!important;object-fit:cover!important;}
.bcmp-list-person-card .bcmp-person-info{max-width:180px!important;}
.bcmp-list-person-card .bcmp-person-meta{font-size:11px!important;gap:2px!important;}
.bcmp-list-reason,.bcmp-list-server,.bcmp-list-date{display:inline-flex;align-items:center;min-height:40px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.03);padding:8px 11px;color:#e5e7eb;font-weight:700;white-space:nowrap;}
.bcmp-list-reason{max-width:210px;white-space:normal;line-height:1.35;}
.bcmp-list-date{color:#9fb0c8;font-weight:600;}
@media(max-width:768px){.bcmp-table.bcmp-list-table{min-width:0!important;}.bcmp-list-person-card{width:240px;}.bcmp-list-person-card .bcmp-person-info{max-width:160px!important;}}