/* appeals.css — maintained by section. */ /* appeals-redesign-20261009 */ /* Theme-owned stylesheet: colors follow the selected site theme. */ #asAppeals:where(:not(.ar-original)) { --ar-panel:var(--private-final-panel,#182940);--ar-top:var(--private-final-panel-top,#20344f); --ar-fill:var(--private-panel-fill,linear-gradient(180deg,var(--ar-top),var(--ar-panel))); --ar-text:var(--private-final-text,#eef4fb);--ar-muted:var(--private-final-muted,#b9c8d8); --ar-border:var(--private-final-border,rgba(167,218,255,.2));--ar-shadow:var(--private-final-shadow,rgba(3,10,20,.5)); --ar-accent:var(--private-accent,var(--ar-text));--ar-hover:color-mix(in srgb,var(--ar-accent) 55%,var(--ar-border)); flex:0 0 100%;width:100%;max-width:100%;min-width:0;padding-bottom:12px; color:var(--ar-text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } html[data-private-theme="none"] #asAppeals:where(:not(.ar-original)){--ar-accent:var(--ar-text)} #asAppeals:where(:not(.ar-original)) *,#asAppeals:where(:not(.ar-original)) *::before,#asAppeals:where(:not(.ar-original)) *::after{box-sizing:border-box} #asAppeals:where(:not(.ar-original)) .block{float:none;width:100%;min-width:0;margin:0 0 20px;padding:20px;border:1px solid var(--ar-border)!important;border-radius:14px!important;background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;box-shadow:inset 0 1px 0 #ffffff0e,inset 0 -2px 3px var(--ar-shadow),0 5px 10px var(--ar-shadow)!important} #asAppeals:where(:not(.ar-original)) h1{margin:0;padding:0;color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important;font:750 24px/1.35 ui-sans-serif,system-ui,sans-serif} #asAppeals:where(:not(.ar-original)) .ar-heading-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:17px;margin-bottom:10px;border-bottom:1px solid var(--ar-border)} #asAppeals:where(:not(.ar-original)) .ar-tabs,#asAppeals:where(:not(.ar-original)) .ar-servers ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none} #asAppeals:where(:not(.ar-original)) .ar-servers{margin-top:17px;padding-top:17px;border-top:1px solid var(--ar-border)} #asAppeals:where(:not(.ar-original)) .ar-servers li{margin:0;padding:0;list-style:none} #asAppeals:where(:not(.ar-original)) :is(.ar-tabs a,.ar-servers a,.btn,.ar-table td:first-child>a){display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;margin:0;color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important;background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;border:1px solid var(--ar-border)!important;border-radius:9px!important;box-shadow:inset 0 1px 0 #ffffff10,0 3px 6px var(--ar-shadow)!important;font:650 13px/1.4 ui-sans-serif,system-ui,sans-serif;text-decoration:none!important;cursor:pointer;transition:border-color .16s,box-shadow .16s} #asAppeals:where(:not(.ar-original)) .ar-tabs a{padding:11px 20px;font-size:15px} #asAppeals:where(:not(.ar-original)) :is(.ar-tabs a,.ar-servers a,.btn,.ar-table td:first-child>a):hover{border-color:var(--ar-hover)!important;box-shadow:inset 0 1px 0 #ffffff18,0 4px 8px var(--ar-shadow)!important} #asAppeals:where(:not(.ar-original)) :is(.ar-tabs [aria-current="page"],.ar-servers li.active a){border-color:var(--ar-accent)!important;box-shadow:inset 0 0 0 1px var(--ar-accent)!important} #asAppeals:where(:not(.ar-original)) :is(a,button):focus-visible{outline:2px solid var(--ar-accent);outline-offset:3px} #asAppeals:where(:not(.ar-original)) .ar-table-wrap{width:100%;overflow:visible} #asAppeals:where(:not(.ar-original)) .ar-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 7px;margin:0;border:0!important;background:transparent!important} #asAppeals:where(:not(.ar-original)) .ar-table>:is(thead,tbody),#asAppeals:where(:not(.ar-original)) .ar-table>:is(thead,tbody)>tr{border:0!important;background:transparent!important} #asAppeals:where(:not(.ar-original)) .ar-table>thead>tr>th{padding:5px 14px;background:transparent!important;border:0!important;color:var(--ar-muted)!important;font-size:12px;font-weight:600;text-align:left} #asAppeals:where(:not(.ar-original)) .ar-table>thead>tr>th:first-child{width:140px} #asAppeals:where(:not(.ar-original)) .ar-table>thead>tr>th:nth-child(2){width:40%} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td{height:62px;padding:8px 14px;vertical-align:middle;overflow-wrap:anywhere;color:var(--ar-text)!important;background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;border:0!important;border-top:1px solid var(--ar-border)!important;border-bottom:1px solid var(--ar-border)!important;box-shadow:inset 0 1px 0 #ffffff08!important;font-size:14px} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:first-child{border-left:1px solid var(--ar-border)!important;border-radius:10px 0 0 10px} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:last-child{border-right:1px solid var(--ar-border)!important;border-radius:0 10px 10px 0;color:var(--ar-muted)!important;font-size:12px} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:only-child{border-radius:10px;text-align:center;padding:20px} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr:is(:hover,:focus-within)>td{border-color:var(--ar-hover)!important} #asAppeals:where(:not(.ar-original)) .ar-table td:nth-child(3)>:is(p,span){display:inline-block;margin:0;padding:4px 9px;border:1px solid var(--ar-border);border-radius:7px;font-size:12px;font-weight:600} #asAppeals:where(:not(.ar-original)) .ar-table td:nth-child(2) a{overflow-wrap:anywhere;white-space:normal;text-decoration:none} #asAppeals:where(:not(.ar-original)) .ar-table td:nth-child(2) a:not([style]){color:var(--ar-text)} #asAppeals:where(:not(.ar-original)) .ar-empty{margin:0;padding:24px;text-align:center;color:var(--ar-muted)} #asAppeals:where(:not(.ar-original)) [hidden]{display:none!important} @media(max-width:767px){ #asAppeals:where(:not(.ar-original)) .block{padding:14px;margin-bottom:14px} #asAppeals:where(:not(.ar-original)) h1{font-size:21px} #asAppeals:where(:not(.ar-original)) .ar-tabs a{font-size:14px;padding:10px 15px} #asAppeals:where(:not(.ar-original)) .ar-servers a{font-size:11px;padding:8px 10px;white-space:nowrap} #asAppeals:where(:not(.ar-original)) .ar-servers ul{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin} #asAppeals:where(:not(.ar-original)) .ar-servers li{flex:0 0 auto} #asAppeals:where(:not(.ar-original)) .ar-table,#asAppeals:where(:not(.ar-original)) .ar-table>tbody{display:block} #asAppeals:where(:not(.ar-original)) .ar-table>thead{display:none} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;margin-bottom:10px;border:1px solid var(--ar-border)!important;border-radius:10px;background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td{display:block;width:auto!important;max-width:none!important;height:auto;min-width:0;padding:0;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:is(:first-child,:last-child){border:0!important} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:nth-child(2){grid-column:1/-1;grid-row:1;padding-bottom:9px;border-bottom:1px solid var(--ar-border)!important} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:nth-child(3){grid-column:1;grid-row:2} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:nth-child(4){grid-column:2;grid-row:2} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:first-child{grid-column:1/-1;grid-row:3} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:first-child>a{width:100%} #asAppeals:where(:not(.ar-original)) .ar-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:11px;color:var(--ar-muted)} #asAppeals:where(:not(.ar-original)) .ar-table td:nth-child(-n+2)::before{display:none} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:only-child{grid-column:1/-1;grid-row:auto;text-align:center} #asAppeals:where(:not(.ar-original)) .ar-table>tbody>tr>td:only-child::before{display:none} } #asAppeals:where(:not(.ar-original)) .ban-application-user, #asAppeals:where(:not(.ar-original)) .ban-application-user-line, #asAppeals:where(:not(.ar-original)) .ban-application-badges, #asAppeals:where(:not(.ar-original)) .ban-application-badge { display: inline-flex; align-items: center; }#asAppeals:where(:not(.ar-original)) .ban-application-user { gap: 10px; min-width: max-content; }#asAppeals:where(:not(.ar-original)) .ban-application-user-info { display: flex; flex-direction: column; line-height: 1.25; }#asAppeals:where(:not(.ar-original)) .ban-application-user-line { gap: 5px; }#asAppeals:where(:not(.ar-original)) .ban-application-login { font-weight: 600; text-decoration: none; }#asAppeals:where(:not(.ar-original)) .ban-application-group { margin-top: 2px; font-size: 12px; opacity: .8; }#asAppeals:where(:not(.ar-original)) .ban-application-avatar { position: relative; display: inline-block; flex: 0 0 40px; width: 40px; height: 40px; overflow: visible; }#asAppeals:where(:not(.ar-original)) .ban-application-avatar-image { position: relative; z-index: 1; display: block; width: 40px !important; height: 40px !important; max-width: none !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover; }#asAppeals:where(:not(.ar-original)) .ban-application-avatar-frame { position: absolute !important; z-index: 2; top: -5px; left: -5px; display: block; width: 50px !important; height: 50px !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important; object-fit: contain; pointer-events: none; }#asAppeals:where(:not(.ar-original)) .ban-application-badges { gap: 3px; }#asAppeals:where(:not(.ar-original)) .ban-application-badge, #asAppeals:where(:not(.ar-original)) .ban-application-badge img { width: 20px !important; height: 20px !important; margin: 0 !important; }#asAppeals:where(:not(.ar-original)) .ban-application-badge img { display: block; max-width: none !important; border-radius: 0 !important; object-fit: contain; } #asAppeals:where(:not(.ar-original)) .demo-user {display:inline-flex;align-items:center;gap:10px}#asAppeals:where(:not(.ar-original)) .demo-avatar {position:relative;display:inline-block;width:40px;height:40px;flex:0 0 40px;margin:5px}#asAppeals:where(:not(.ar-original)) .demo-avatar img.demo-avatar-image {width:40px!important;height:40px!important;border-radius:50%;object-fit:cover;margin:0!important;display:block}#asAppeals:where(:not(.ar-original)) .demo-avatar img.demo-avatar-frame {position:absolute;z-index:2;left:-5px;top:-5px;width:50px!important;height:50px!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:contain;pointer-events:none}#asAppeals:where(:not(.ar-original)) .demo-user-name {display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}#asAppeals:where(:not(.ar-original)) .demo-user-name a {font-weight:600}#asAppeals:where(:not(.ar-original)) .demo-user-name img.demo-user-badge {width:20px!important;height:20px!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:contain} #asAppeals:where(:not(.ar-original)) :is(.ban-application-user,.demo-user){min-width:0;max-width:100%} #asAppeals:where(:not(.ar-original)) :is(.ban-application-user-info,.demo-user-name){min-width:0} #asAppeals:where(:not(.ar-original)) :is(.ban-application-user-line,.ban-application-badges){flex-wrap:wrap} #asAppeals:where(:not(.ar-original)) :is(.ban-application-avatar,.demo-avatar){margin:5px} /* Same segmented pagination as notifications; retain server links as a fallback. */ #asAppeals:where(:not(.ar-original)) #pagination2.ar-pagination-ready { --ar-pagination-accent: var(--private-accent, var(--private-final-text, #eee)); display: flex; justify-content: center; width: 100%; margin: 16px 0 28px; } html[data-private-theme="none"][data-private-mode="neutral"] #asAppeals:where(:not(.ar-original)) #pagination2.ar-pagination-ready { --ar-pagination-accent: var(--private-final-text, #fff); } #asAppeals:where(:not(.ar-original)) #pagination2.ar-pagination-ready > .pagination { display: none !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination { display: flex; align-items: center; justify-content: flex-start; max-width: 100%; margin: 0; overflow-x: auto; padding: 3px; box-sizing: border-box; border: 0; border-radius: 0; background: transparent; box-shadow: none; scrollbar-width: thin; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination-pages { display: flex; flex: 0 0 auto; align-items: center; margin-left: -1px; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination :is(a, button, span) { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; box-sizing: border-box !important; min-width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid var(--private-final-border, rgba(255,255,255,.16)) !important; border-radius: 0 !important; background-color: var(--private-final-panel, #223a5a) !important; background-image: linear-gradient(145deg, rgba(255,255,255,.018), transparent 34%), var(--private-panel-fill, none) !important; color: var(--private-final-text, #eee) !important; -webkit-text-fill-color: var(--private-final-text, #eee) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.065), inset 0 -2px 3px var(--private-final-shadow, rgba(0,0,0,.24)), 0 3px 7px var(--private-final-shadow, rgba(0,0,0,.24)) !important; font: 700 13px/1 ui-sans-serif, system-ui, sans-serif !important; text-decoration: none !important; cursor: pointer !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination > :is(a, button) + :is(a, button, .ar-pagination-pages), #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination-pages > :is(a, span) + :is(a, span), #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination-pages + :is(a, button) { margin-left: -1px !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination > :first-child { border-radius: 9px 0 0 9px !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination > :last-child { border-radius: 0 9px 9px 0 !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination :is(a, button):not(:disabled):is(:hover, :focus-visible), #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination a.active { position: relative !important; z-index: 2 !important; border-color: var(--ar-pagination-accent, var(--private-final-text, #eee)) !important; background-color: var(--private-final-hover, #292929) !important; background-image: var(--private-hover-fill, none) !important; color: var(--ar-pagination-accent, var(--private-final-text, #eee)) !important; -webkit-text-fill-color: var(--ar-pagination-accent, var(--private-final-text, #eee)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -2px 3px var(--private-final-shadow, rgba(0,0,0,.24)), 0 4px 9px var(--private-final-shadow, rgba(0,0,0,.28)) !important; outline: none !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination a.active { font-weight: 850 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -3px 0 var(--ar-pagination-accent, var(--private-final-text, #eee)), 0 4px 9px var(--private-final-shadow, rgba(0,0,0,.28)) !important; cursor: default !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination button:disabled { opacity: .42 !important; cursor: default !important; } #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination-ellipsis { min-width: 30px !important; padding: 0 7px !important; border-right: 0 !important; border-left: 0 !important; box-shadow: none !important; cursor: default !important; } @media (max-width: 767px) { #asAppeals:where(:not(.ar-original)) #pagination2 .ar-pagination :is(a, button, span) { min-width: 34px !important; height: 36px !important; padding: 0 8px !important; } } /* appeals-detail-theme-20261009 */ /* Theme skin only. Columns, block order and the original demo tiles are retained. */ #asAppeals.ar-original,#arDetailDialogs{ --ar-panel:var(--private-final-panel,#182940);--ar-panel-top:var(--private-final-panel-top,#20344f); --ar-fill:var(--private-panel-fill,linear-gradient(180deg,var(--ar-panel-top),var(--ar-panel))); --ar-text:var(--private-final-text,#eef4fb);--ar-muted:var(--private-final-muted,#b9c8d8); --ar-border:var(--private-final-border,rgba(167,218,255,.2));--ar-shadow:var(--private-final-shadow,rgba(3,10,20,.5));--ar-accent:var(--private-accent,var(--ar-text)); color:var(--ar-text);min-width:0; } html[data-private-theme="none"] #asAppeals.ar-original{--ar-accent:var(--ar-text)} #asAppeals.ar-original .block{ background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;color:var(--ar-text)!important; border:1px solid var(--ar-border)!important;border-radius:14px!important; box-shadow:inset 0 1px 0 #ffffff0e,inset 0 -2px 3px var(--ar-shadow),0 5px 10px var(--ar-shadow)!important; } #asAppeals.ar-original :is(.block_head,.mini_heading){color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important;border-color:var(--ar-border)!important} #asAppeals.ar-original :is(.ban-information p,.ban-information p>b,.with_code){color:var(--ar-text)} #asAppeals.ar-original small{color:var(--ar-muted)} #asAppeals.ar-original .noty-block{background:color-mix(in srgb,var(--ar-text) 4%,transparent)!important;border-color:var(--ar-border)!important;color:var(--ar-text)!important;border-radius:8px} #asAppeals.ar-original .ban-information p{overflow-wrap:anywhere} #asAppeals.ar-original :is(.btn,.file_download a,.news-add-reaction,#news_smile_picker,#news_attach_button){ background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important; border:1px solid var(--ar-border)!important;border-radius:8px!important; box-shadow:inset 0 1px 0 #ffffff0d,0 3px 6px var(--ar-shadow)!important; transition:border-color .16s ease,box-shadow .16s ease; } #asAppeals.ar-original :is(.btn,.file_download a,.news-add-reaction,#news_smile_picker,#news_attach_button):not(:disabled):is(:hover,:focus-visible){border-color:var(--ar-accent)!important;box-shadow:inset 0 0 0 1px var(--ar-accent),0 3px 6px var(--ar-shadow)!important} #asAppeals.ar-original :is(a,button,input):focus-visible{outline:2px solid var(--ar-accent);outline-offset:2px} #asAppeals.ar-original :is(#news_smile_picker,#news_attach_button) svg{stroke:var(--ar-text)!important} #asAppeals.ar-original .demo{background:var(--ar-panel)!important;border:1px solid var(--ar-border);border-radius:10px;color:var(--ar-text)} #asAppeals.ar-original .demo .file_name{color:var(--ar-text)!important;max-width:calc(100% - 150px);overflow:hidden} #asAppeals.ar-original .demo :is(.demo_info,.demo_duration)>div{background:var(--ar-fill)!important;color:var(--ar-text)!important;border:1px solid var(--ar-border);border-radius:6px} #asAppeals.ar-original .file_download a{display:inline-block;text-decoration:none} #asAppeals.ar-original .comment.news-comment-card{background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;border-color:var(--ar-border)!important;color:var(--ar-text);box-shadow:0 3px 6px var(--ar-shadow)} #asAppeals.ar-original #comments .news-comment-card::before,#asAppeals.ar-original #comments .news-comment-footer::before{background:var(--ar-border)!important} #asAppeals.ar-original #comments :is(.info,.news-comment-footer){border-color:var(--ar-border)!important} #asAppeals.ar-original #comments .date{color:var(--ar-muted)!important} #asAppeals.ar-original #comments .with_code{overflow-wrap:anywhere} #asAppeals.ar-original #comments .with_code :is(img,iframe,video){max-width:100%} #asAppeals.ar-original #comments .with_code blockquote{border-color:var(--ar-accent);background:color-mix(in srgb,var(--ar-text) 5%,transparent);color:var(--ar-text)} #asAppeals.ar-original .fr-chip{background:var(--ar-fill)!important;border-color:var(--ar-border)!important;color:var(--ar-text)!important} #asAppeals.ar-original .news-composer{background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;border-color:var(--ar-border)!important;box-shadow:0 3px 6px var(--ar-shadow)} #asAppeals.ar-original .news-composer:focus-within{border-color:var(--ar-accent)!important} #asAppeals.ar-original .news-composer-actions{border-color:var(--ar-border)!important} #asAppeals.ar-original #add_new_comments .news-composer-actions #send_btn{background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important;color:var(--ar-text)!important;border-color:var(--ar-border)!important;box-shadow:inset 0 1px 0 #ffffff0d,0 3px 6px var(--ar-shadow)!important} #asAppeals.ar-original #add_new_comments .news-composer-actions #send_btn:is(:hover,:focus-visible){border-color:var(--ar-accent)!important;box-shadow:inset 0 0 0 1px var(--ar-accent),0 3px 6px var(--ar-shadow)!important} #asAppeals.ar-original #news_upload_status{color:var(--ar-muted)} #asAppeals.ar-original #text{background:var(--ar-panel)!important;color:var(--ar-text)!important} #asAppeals.ar-original .tox :is(.tox-editor-header,.tox-toolbar,.tox-toolbar__primary,.tox-toolbar-overlord,.tox-toolbar__overflow,.tox-menubar,.tox-statusbar,.tox-edit-area){background:var(--ar-fill)!important;border-color:var(--ar-border)!important} #asAppeals.ar-original .tox .tox-toolbar__group{border-color:var(--ar-border)!important} #asAppeals.ar-original .tox :is(.tox-tbtn,.tox-mbtn,.tox-statusbar__path-item,.tox-statusbar__wordcount,.tox-statusbar a){color:var(--ar-text)!important} #asAppeals.ar-original .tox .tox-tbtn svg{fill:currentColor!important} #asAppeals.ar-original .tox :is(.tox-tbtn,.tox-mbtn):is(:hover,.tox-tbtn--enabled){background:color-mix(in srgb,var(--ar-text) 12%,transparent)!important;color:var(--ar-text)!important} #asAppeals.ar-original .tox .tox-edit-area__iframe{background:var(--ar-panel)!important} #asAppeals.ar-original #comments .delete{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ar-muted)!important} #asAppeals.ar-original #comments .delete:hover{color:var(--ar-text)!important} /* Smile and reaction pickers are mounted under body, outside the forum root. Scope them to forum pages and inherit the active appearance directly. */ html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper), html body:has(#asAppeals.ar-detail #comments) .fr-picker, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux { --ar-panel: var(--private-final-panel, #182940); --ar-panel-top: var(--private-final-panel-top, #20344f); --ar-text: var(--private-final-text, #eef4fb); --ar-muted: var(--private-final-muted, #b9c8d8); --ar-border: var(--private-final-border, rgba(167,218,255,.2)); --ar-shadow: var(--private-final-shadow, rgba(3,10,20,.55)); --ar-accent: var(--private-accent, var(--as-ui-accent, #b9c8d8)); --ar-fill: var(--private-panel-fill, linear-gradient(145deg, rgba(255,255,255,.018), transparent 34%), linear-gradient(180deg, var(--ar-panel-top), var(--ar-panel))); } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper), html body:has(#asAppeals.ar-detail #comments) .fr-picker { background-color: var(--ar-panel) !important; background-image: var(--ar-fill) !important; color: var(--ar-text) !important; border: 1px solid var(--ar-border) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 #ffffff0e, 0 8px 20px var(--ar-shadow) !important; max-width: calc(100vw - 24px) !important; } html[data-private-mode="neutral"][data-private-theme="none"] body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper), html[data-private-mode="neutral"][data-private-theme="none"] body:has(#asAppeals.ar-detail #comments) .fr-picker, html[data-private-mode="neutral"][data-private-theme="none"] body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux { --ar-accent: var(--ar-text); } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) :is(.popover-body, .popover-header, .smiles-wrapper, .smiles-display, .smiles-categories) { background: transparent !important; color: var(--ar-text) !important; border-color: var(--ar-border) !important; scrollbar-color: var(--ar-muted) transparent !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) .smiles-wrapper { max-width: calc(100vw - 28px) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) :is(.smiles-display, .smiles-categories)::-webkit-scrollbar-track { background: transparent !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) :is(.smiles-display, .smiles-categories)::-webkit-scrollbar-thumb { background: var(--ar-muted) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) .smile-category.active::after { background: var(--ar-accent) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) .smile-category:hover { background: color-mix(in srgb, var(--ar-accent) 12%, transparent) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) .smiles-display :is(img.smile, img.sticker):hover { background: color-mix(in srgb, var(--ar-accent) 12%, transparent) !important; outline-color: var(--ar-accent) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) :is(.smiles-buy-heading, .lock-image) { background-color: var(--ar-panel) !important; background-image: var(--ar-fill) !important; color: var(--ar-text) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) :is(.lock-image, .lock-icon, .lock-icon-large) svg path { stroke: var(--ar-accent) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) :is(.buy-smile-access, .buy-sticker-pack) { background-color: var(--ar-panel) !important; background-image: var(--ar-fill) !important; border: 1px solid var(--ar-border) !important; color: var(--ar-text) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper) :is(.buy-smile-access, .buy-sticker-pack):is(:hover, :focus-visible) { border-color: var(--ar-accent) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-top > .arrow::before { border-top-color: var(--ar-border) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-top > .arrow::after { border-top-color: var(--ar-panel) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-bottom > .arrow::before { border-bottom-color: var(--ar-border) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-bottom > .arrow::after { border-bottom-color: var(--ar-panel-top) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-left > .arrow::before { border-left-color: var(--ar-border) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-left > .arrow::after { border-left-color: var(--ar-panel) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-right > .arrow::before { border-right-color: var(--ar-border) !important; } html body:has(#asAppeals.ar-detail :is(#smile_btn, #news_smile_picker)) .popover:has(.smiles-wrapper).bs-popover-right > .arrow::after { border-right-color: var(--ar-panel) !important; } /* Preserve the reaction module's grid, positioning and emoji artwork. */ html body:has(#asAppeals.ar-detail #comments) .fr-picker { scrollbar-color: var(--ar-muted) transparent; } html body:has(#asAppeals.ar-detail #comments) .fr-picker::-webkit-scrollbar-track { background: transparent !important; } html body:has(#asAppeals.ar-detail #comments) .fr-picker::-webkit-scrollbar-thumb { background: var(--ar-muted) !important; } html body:has(#asAppeals.ar-detail #comments) .fr-picker .fr-picker-heading { color: var(--ar-muted) !important; } html body:has(#asAppeals.ar-detail #comments) .fr-picker :is(.fr-close, .fr-choice) { background: transparent !important; color: var(--ar-text) !important; box-shadow: none !important; transition: background-color .15s, border-color .15s, color .15s; } html body:has(#asAppeals.ar-detail #comments) .fr-picker .fr-close { border-radius: 8px; } html body:has(#asAppeals.ar-detail #comments) .fr-picker .fr-choice { border-color: transparent !important; } html body:has(#asAppeals.ar-detail #comments) .fr-picker :is(.fr-close, .fr-choice):is(:hover, :focus-visible), html body:has(#asAppeals.ar-detail #comments) .fr-picker .fr-choice[aria-pressed="true"] { background: color-mix(in srgb, var(--ar-accent) 12%, transparent) !important; border-color: var(--ar-accent) !important; color: var(--ar-text) !important; } html body:has(#asAppeals.ar-detail #comments) .fr-picker :is(.fr-close, .fr-choice):focus-visible { outline: 2px solid var(--ar-accent) !important; outline-offset: 2px; } /* TinyMCE mounts menus and modal dialogs outside the editor root. */ :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-menu, .tox-dialog) { background-color: var(--ar-panel) !important; background-image: var(--ar-fill) !important; color: var(--ar-text) !important; border: 1px solid var(--ar-border) !important; border-radius: 10px; box-shadow: inset 0 1px 0 #ffffff0e, 0 8px 20px var(--ar-shadow) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-dialog__header, .tox-dialog__body, .tox-dialog__body-content, .tox-dialog__footer, .tox-dialog__body-nav, .tox-collection__group, .tox-collection__item) { background: transparent !important; color: var(--ar-text) !important; border-color: var(--ar-border) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-label, .tox-dialog__title, .tox-dialog__body-nav-item, .tox-checkbox__label, .tox-collection__item-label) { color: var(--ar-text) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-collection__item-accessory, .tox-collection__item-caret) { color: var(--ar-muted) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-icon, .tox-collection__item-icon, .tox-collection__item-caret, .tox-selectfield__icon) svg { fill: currentColor !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-textfield, .tox-textarea, .tox-selectfield select, .tox-button) { background-color: var(--ar-panel) !important; background-image: var(--ar-fill) !important; color: var(--ar-text) !important; border-color: var(--ar-border) !important; border-radius: 7px; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-textfield, .tox-textarea)::placeholder { color: var(--ar-muted) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-textfield, .tox-textarea, .tox-selectfield select):focus { border-color: var(--ar-accent) !important; box-shadow: 0 0 0 1px var(--ar-accent) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-collection__item--active:not(.tox-swatch), .tox-collection__item--enabled:not(.tox-swatch), .tox-dialog__body-nav-item--active) { background: color-mix(in srgb, var(--ar-accent) 12%, transparent) !important; color: var(--ar-text) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-button, .tox-tbtn):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) { background: color-mix(in srgb, var(--ar-accent) 12%, transparent) !important; border-color: var(--ar-accent) !important; color: var(--ar-text) !important; } :is(#asAppeals.ar-detail .tox, html body:has(#asAppeals.ar-detail #text) .tox-tinymce-aux) :is(.tox-button, .tox-tbtn):disabled { opacity: .5; } #arDetailDialogs .modal{z-index:1000040!important} body.ar-detail-modal-open .modal-backdrop{z-index:1000030!important} #arDetailDialogs .modal-dialog{width:calc(100% - 32px);max-width:900px;margin:24px auto} #arDetailDialogs .modal-content{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--ar-border)!important;border-radius:14px;background:var(--ar-fill)!important;color:var(--ar-text);box-shadow:0 16px 50px var(--ar-shadow)} #arDetailDialogs .modal-header{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding:16px 20px;border-bottom:1px solid var(--ar-border)} #arDetailDialogs .modal-title{font:700 20px/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--ar-text)!important;margin:0} #arDetailDialogs .close{order:2;float:none;margin:0 0 0 auto;padding:0;width:34px;height:34px;border:1px solid var(--ar-border);border-radius:8px;background:transparent;color:var(--ar-text)!important;opacity:1;text-shadow:none;font-size:26px} #arDetailDialogs .close span{color:inherit!important} #arDetailDialogs .modal-body{min-height:0;overflow:auto;padding:18px 20px} #arDetailDialogs table{width:100%;background:transparent!important;border:0!important} #arDetailDialogs table :is(thead,tbody,tr){background:transparent!important} #arDetailDialogs table :is(th,td){background:transparent!important;border:0!important;border-bottom:1px solid var(--ar-border)!important;color:var(--ar-text)!important;padding:10px;overflow-wrap:anywhere} #arDetailDialogs :is(input,select){color:var(--ar-text)!important;background:var(--ar-fill)!important;border:1px solid var(--ar-border)!important;border-radius:8px} #arDetailDialogs table b{color:var(--ar-text)!important} @media(max-width:767px){#arDetailDialogs .modal-dialog{width:calc(100% - 20px);margin:10px auto}#arDetailDialogs .modal-content{max-height:calc(100dvh - 20px)}} /* Dialogs only: the original page layout is unchanged. */ html body #arDetailDialogs .modal-body .table-responsive { max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important; background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important; } html body #arDetailDialogs .modal-body table.baninfo { display:table!important;width:100%!important;margin:0!important;border:0!important; border-collapse:collapse!important;table-layout:fixed;background:transparent!important;box-shadow:none!important; } html body #arDetailDialogs .modal-body table.baninfo td { padding:11px 10px!important;vertical-align:middle;border:0!important;border-bottom:1px solid var(--ar-border)!important; background:transparent!important;box-shadow:none!important;overflow-wrap:anywhere; } html body #arDetailDialogs .modal-body table.baninfo td:first-child {width:34%;color:var(--ar-muted)!important} html body #arDetailDialogs .modal-body table.baninfo td:first-child b {color:inherit!important} html body #arDetailDialogs .modal-body table.baninfo tr:last-child td {border-bottom:0!important} html body #arDetailDialogs .modal-body table.baninfo p {margin:0!important} html body.ar-detail-modal-open > .modal-backdrop {background:#050a12!important;opacity:.58!important} #arActionDialog { --ar-panel:var(--private-final-panel,#182940);--ar-panel-top:var(--private-final-panel-top,#20344f); --ar-fill:var(--private-panel-fill,linear-gradient(180deg,var(--ar-panel-top),var(--ar-panel))); --ar-text:var(--private-final-text,#eef4fb);--ar-muted:var(--private-final-muted,#b9c8d8); --ar-border:var(--private-final-border,rgba(167,218,255,.2));--ar-shadow:var(--private-final-shadow,rgba(3,10,20,.5));--ar-accent:var(--private-accent,var(--ar-text)); box-sizing:border-box;width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 32px); margin:auto;padding:22px;overflow:auto;border:1px solid var(--ar-border);border-radius:14px; background-color:var(--ar-panel);background-image:var(--ar-fill);color:var(--ar-text); box-shadow:inset 0 1px 0 #ffffff12,0 18px 55px #0006;font:15px/1.6 ui-sans-serif,system-ui,sans-serif; } #arActionDialog::backdrop {background:rgba(5,10,18,.58)} body.ar-action-open {overflow:hidden!important} #arActionDialog .ar-dialog-heading {display:flex;align-items:center;gap:12px;margin:0 0 14px} #arActionDialog h2 {margin:0;color:var(--ar-text)!important;font:700 20px/1.4 ui-sans-serif,system-ui,sans-serif} #arActionDialog p {margin:0 0 22px;color:var(--ar-muted)!important;overflow-wrap:anywhere} #arActionDialog .ar-dialog-actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap} #arActionDialog button { display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px; border:1px solid var(--ar-border);border-radius:8px;background-color:var(--ar-panel);background-image:var(--ar-fill); color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important; box-shadow:inset 0 1px 0 #ffffff0d,0 3px 6px var(--ar-shadow);font:650 14px/1.4 ui-sans-serif,system-ui,sans-serif;cursor:pointer; } #arActionDialog button[hidden] {display:none} #arActionDialog .ar-dialog-close {flex:0 0 34px;min-height:34px;width:34px;margin-left:auto;padding:0;font-size:25px;font-weight:400} #arActionDialog .ar-dialog-accept {border-color:var(--ar-text)} #arActionDialog .ar-dialog-danger {border-color:#cc5050} #arActionDialog button:is(:hover,:focus-visible) {border-color:var(--ar-text);box-shadow:inset 0 0 0 1px var(--ar-text),0 3px 6px var(--ar-shadow)} #arActionDialog button:focus-visible {outline:2px solid var(--ar-text);outline-offset:3px} @media(max-width:575px) { html body #arDetailDialogs .modal-body {padding:12px} html body #arDetailDialogs .modal-body table.baninfo td {padding:9px 6px!important;font-size:13px} html body #arDetailDialogs .modal-body table.baninfo td:first-child {width:40%} #arActionDialog {padding:18px} } /* Identities keep the site's group style and active badges on initial/AJAX rendering. */ #asAppeals.ar-original .demo-info-identity {display:inline-flex;align-items:center;vertical-align:middle;gap:5px;flex-wrap:wrap} #asAppeals.ar-original .demo-info-identity>a {font-weight:600} #asAppeals.ar-original .demo-info-identity>img {display:inline-block;width:20px!important;height:20px!important;max-width:none!important;object-fit:contain;border-radius:0!important;margin:0!important} html[data-private-mode][data-private-mode][data-private-mode][data-private-mode] body .wapper #asAppeals.ar-original :is(.demo-info-identity,.ban-detail-user) a[style] {-webkit-text-fill-color:currentColor!important} html[data-private-mode][data-private-mode][data-private-mode][data-private-mode] body .wapper #asAppeals.ar-original :is(.demo-info-identity,.ban-detail-user) a[style*="-webkit-text-fill-color"] {-webkit-text-fill-color:transparent!important} /* appeals-forms-20261009 */ /* Existing creation flows, presented in the shared site palette. */ #asAppeals.ar-form {min-width:0} #asAppeals.ar-form .block {padding:24px;margin-bottom:22px} #asAppeals.ar-form .block_head {margin-bottom:20px;padding-bottom:16px;font-size:22px} #asAppeals.ar-form .form-group {margin-bottom:20px;min-width:0} #asAppeals.ar-form label {display:block;margin:0 0 8px;color:var(--ar-text)} #asAppeals.ar-form label h4 {margin:0;font:650 15px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important} #asAppeals.ar-form label small {font-weight:400;font-size:13px} #asAppeals.ar-form :is(input.form-control,select.form-control,textarea) { box-sizing:border-box;width:100%;max-width:100%;min-height:42px;padding:10px 14px; border:1px solid var(--ar-border)!important;border-radius:9px!important; background-color:var(--ar-panel)!important;background-image:var(--ar-fill)!important; color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important; box-shadow:inset 0 2px 5px var(--ar-shadow)!important;font:15px/1.5 ui-sans-serif,system-ui,sans-serif; } #asAppeals.ar-form input::placeholder {color:var(--ar-muted)!important;-webkit-text-fill-color:var(--ar-muted)!important;opacity:1} #asAppeals.ar-form :is(input.form-control,select,textarea):focus {border-color:var(--ar-accent)!important;outline:1px solid var(--ar-accent);outline-offset:0} #asAppeals.ar-form textarea {min-height:180px;resize:vertical} #asAppeals.ar-form .btn {min-height:40px;padding:9px 16px;font:650 14px/1.5 ui-sans-serif,system-ui,sans-serif;white-space:normal} #asAppeals.ar-form .btn.disabled,#asAppeals.ar-form .btn:disabled {opacity:.55;cursor:default} #asAppeals.ar-form .table-responsive {border:1px solid var(--ar-border)!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;max-width:100%;overflow-x:auto} #asAppeals.ar-form table {width:100%;border:0!important;background:transparent!important;margin:0!important} #asAppeals.ar-form table :is(thead,tbody,tr,td,th) {background:transparent!important;border:0!important;border-bottom:1px solid var(--ar-border)!important;color:var(--ar-text);padding:10px 12px;vertical-align:middle} #asAppeals.ar-form table tr:last-child :is(td,th) {border-bottom:0!important} #asAppeals.ar-form :is(.noty-block,.bs-callout) {background:color-mix(in srgb,var(--ar-text) 4%,transparent)!important;border:1px solid var(--ar-border)!important;border-radius:9px;padding:14px;color:var(--ar-text)!important} #asAppeals.ar-form #dropzone {display:flex;align-items:center;justify-content:center;min-height:110px;padding:24px;text-align:center;box-sizing:border-box;cursor:pointer;border:2px dashed var(--ar-border)!important;border-radius:12px;background:color-mix(in srgb,var(--ar-text) 3%,transparent)!important;color:var(--ar-muted)!important;font:15px/1.65 ui-sans-serif,system-ui,sans-serif;transition:border-color .15s,background .15s} #asAppeals.ar-form #dropzone b {font-weight:650;color:var(--ar-text)!important} #asAppeals.ar-form #dropzone:is(:hover,:focus-visible,.is-dragover) {border-color:var(--ar-accent)!important;background:color-mix(in srgb,var(--ar-accent) 9%,transparent)!important;outline:none} #asAppeals.ar-form .filesList {margin-top:18px} #asAppeals.ar-form .filesList_heading {font-size:16px;font-weight:650;color:var(--ar-text)!important;margin-bottom:8px} #asAppeals.ar-form :is(#noFilesMessage,#currentFileName,.file_info) {font-size:13px;line-height:1.6;color:var(--ar-muted)!important;margin:8px 0;overflow-wrap:anywhere} #asAppeals.ar-form #filesList {display:flex;flex-wrap:wrap;gap:12px} #asAppeals.ar-form #filesList .file {box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:5px;width:200px;max-width:100%;padding:16px;border:1px solid var(--ar-border);border-radius:10px;background:var(--ar-fill);color:var(--ar-text)} #asAppeals.ar-form #filesList .file_icon {width:40px;height:40px;margin:0 0 8px;object-fit:contain} #asAppeals.ar-form #filesList .file_name {position:static;max-width:100%;white-space:normal;overflow-wrap:anywhere;color:var(--ar-text)!important;font-size:14px;font-weight:600} #asAppeals.ar-form #filesList .file_size {font-size:12px;color:var(--ar-muted)} #asAppeals.ar-form #filesList .remove_button {position:absolute;right:8px;top:8px;width:30px;height:30px;padding:0;border:1px solid var(--ar-border);border-radius:7px;background:var(--ar-fill);color:var(--ar-text);font-size:22px;line-height:1;cursor:pointer} #asAppeals.ar-form #filesList .remove_button:is(:hover,:focus-visible) {outline:1px solid var(--ar-accent);border-color:var(--ar-accent)} #asAppeals.ar-form .progress {height:24px;margin-top:14px;border:1px solid var(--ar-border);border-radius:7px;background:color-mix(in srgb,var(--ar-text) 6%,transparent);overflow:hidden;box-shadow:inset 0 1px 3px var(--ar-shadow)} #asAppeals.ar-form .progress-bar {font:600 12px/24px ui-sans-serif,system-ui,sans-serif;min-width:0} #asAppeals.ar-form #errorMessage:not(:empty) {margin-top:10px;padding:10px 12px;border:1px solid #c95757;border-radius:8px;color:#c95757!important;font-size:14px} #asAppeals.ar-form .input-file {max-width:100%;font:14px/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--ar-text)} #asAppeals.ar-form .input-file::file-selector-button {padding:9px 14px;margin-right:12px;border:1px solid var(--ar-border);border-radius:8px;background:var(--ar-fill);color:var(--ar-text);font:600 14px/1.5 ui-sans-serif,system-ui,sans-serif;cursor:pointer} #asAppeals.ar-form .input-group {display:block} #asAppeals.ar-form #imgs {display:flex;flex-wrap:wrap;gap:10px} #asAppeals.ar-form #imgs img {max-width:150px;max-height:110px;object-fit:contain;border-radius:8px} #asAppeals.ar-form #demo-recipient-selected td a {display:inline-flex;align-items:center;gap:8px} #asAppeals.ar-form #demo-recipient-selected td img {width:30px!important;height:30px!important;max-width:none;object-fit:cover;border-radius:50%;margin:0!important} #asAppeals.ar-form #demo-recipient-results:empty {display:none} #asAppeals.ar-form .block:first-child br+br+br {display:none} @media(max-width:767px){#asAppeals.ar-form .block{padding:16px}#asAppeals.ar-form .block_head{font-size:20px}#asAppeals.ar-form #dropzone{padding:20px 14px}#asAppeals.ar-form table{min-width:500px}#asAppeals.ar-form #imgs img{max-width:100px}#asAppeals.ar-form #filesList .file{width:calc(50% - 6px)}} #asAppeals.ar-form select.ar-select-native { display: none !important; } #asAppeals.ar-form .ar-select { display: inline-block; position: relative; width: 100%; min-width: 0; vertical-align: middle; } #asAppeals.ar-form .as-server-select > .ar-select { max-width: 600px; flex: 1 1 auto; } body:has(#asAppeals.ar-form) .as-admin-modal .input-group > .ar-select { flex: 1 1 auto; width: 1%; } #asAppeals.ar-form .ar-select-trigger { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 43px; height: auto; padding: 10px 12px; margin: 0; text-align: left; cursor: pointer; font: inherit; font-size: 14px; line-height: 1.5; color: var(--ar-text) !important; -webkit-text-fill-color: var(--ar-text) !important; background-color: var(--ar-panel) !important; background-image: var(--ar-fill) !important; border: 1px solid var(--ar-border) !important; border-radius: 9px !important; box-shadow: inset 0 2px 4px color-mix(in srgb,var(--ar-shadow) 60%,transparent) !important; transition: border-color .15s,box-shadow .15s; } #asAppeals.ar-form .ar-select-text { display: block; flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; color: inherit !important; -webkit-text-fill-color: currentColor !important; } #asAppeals.ar-form .ar-select-trigger::after { content: ''; flex: 0 0 7px; width: 7px; height: 7px; margin: -4px 2px 0 0; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); opacity: .75; } #asAppeals.ar-form .ar-select-trigger[aria-expanded="true"]::after { transform: rotate(225deg); margin-top: 4px; } #asAppeals.ar-form .ar-select-trigger:is(:hover,[aria-expanded="true"]) { border-color: var(--ar-accent) !important; } #asAppeals.ar-form .ar-select-trigger:focus-visible { outline: 2px solid var(--ar-accent) !important; outline-offset: 2px; } #asAppeals.ar-form .ar-select-trigger:disabled { opacity: .42 !important; cursor: not-allowed; box-shadow: none !important; } #asAppeals.ar-form .ar-select-menu { position: fixed; z-index: 1080; display: block; padding: 6px; margin: 0; list-style: none; min-width: 0; overflow: auto; overscroll-behavior: contain; box-sizing: border-box; background-color: var(--ar-panel) !important; background-image: var(--ar-fill) !important; color: var(--ar-text) !important; border: 1px solid var(--ar-border) !important; border-radius: 11px !important; box-shadow: inset 0 1px 0 #ffffff10,0 8px 22px var(--ar-shadow) !important; scrollbar-width: thin; scrollbar-color: var(--ar-muted) transparent; font-size: 14px; text-align: left; } #asAppeals.ar-form .ar-select-menu[hidden] { display: none !important; } #asAppeals.ar-form .ar-select-option { position: relative; display: block; padding: 10px 36px 10px 12px; margin: 0; min-height: 42px; border: 1px solid transparent !important; border-radius: 7px !important; background: transparent !important; color: var(--ar-text) !important; -webkit-text-fill-color: var(--ar-text) !important; font: inherit; line-height: 1.45; list-style: none; overflow-wrap: anywhere; cursor: pointer; text-align: left; } #asAppeals.ar-form .ar-select-option::before { display: none !important; } #asAppeals.ar-form .ar-select-option[aria-selected="true"]::after { content: '✓'; position: absolute; right: 12px; top: 10px; color: currentColor; font-weight: 700; } #asAppeals.ar-form .ar-select-option.is-active { border-color: var(--ar-accent) !important; background: color-mix(in srgb,var(--ar-accent) 10%,transparent) !important; box-shadow: inset 0 1px 0 #ffffff08; } #asAppeals.ar-form .ar-select-option[aria-disabled="true"] { opacity: .4; cursor: not-allowed; } #asAppeals.ar-form .ar-select-group { padding: 8px 12px 4px; margin: 0; color: var(--ar-muted) !important; font-size: 11px; font-weight: 700; list-style: none; } #asAppeals.ar-form .form-group:has(>#demo-recipient-query),#asAppeals.ar-form #db>.form-group {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:start} #asAppeals.ar-form .form-group:has(>#demo-recipient-query)>label,#asAppeals.ar-form #db>.form-group>label {grid-column:1/-1;margin-bottom:0} #asAppeals.ar-form .form-group:has(>#demo-recipient-query)>.btn,#asAppeals.ar-form #db>.form-group>.btn {margin-top:0!important;height:43px} #asAppeals.ar-form .form-group:has(>#demo-recipient-query)>div,#asAppeals.ar-form #db>.form-group>div {grid-column:1/-1;margin-top:0!important} @media(max-width:420px){#asAppeals.ar-form .form-group:has(>#demo-recipient-query),#asAppeals.ar-form #db>.form-group{gap:8px}#asAppeals.ar-form .form-group:has(>#demo-recipient-query)>.btn,#asAppeals.ar-form #db>.form-group>.btn{padding-inline:12px}} #asAppeals.ar-form input.input-file {box-sizing:border-box;display:block;width:100%;max-width:520px;min-height:44px;padding:0;border:1px solid var(--ar-border)!important;border-radius:9px;background:var(--ar-fill)!important;color:var(--ar-text)!important;-webkit-text-fill-color:var(--ar-text)!important;box-shadow:none!important} #asAppeals.ar-form .input-file::file-selector-button {border-top:0;border-bottom:0;border-left:0;border-radius:8px 0 0 8px} #asAppeals.ar-form .tox-tinymce {border:1px solid var(--ar-border)!important;border-radius:10px;overflow:hidden}