/* 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}