/* AD-RP: pulsante del tema e tema scuro del forum (attivo con <html data-tema="scuro">, vedi inc/plugins/adrp_tema.php) */

/* ---------------------------------------------------------------- pulsante nella testata */
#header ul.menu.top_links li a.adrp-tema { gap: 7px; padding-left: 12px !important; cursor: pointer; }
#header ul.menu.top_links li a.adrp-tema::before {
    content: "";
    width: 16px;
    height: 16px;
    flex: none;
    background: currentColor;
    /* luna */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E") center / 16px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E") center / 16px no-repeat;
}
html[data-tema="scuro"] #header ul.menu.top_links li a.adrp-tema::before {
    /* sole */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E");
}
@media (max-width: 760px) {
    #header ul.menu.top_links li a.adrp-tema .adrp-tema-testo { display: none; }
    #header ul.menu.top_links li a.adrp-tema { padding: 7px 10px !important; }
}

/* ---------------------------------------------------------------- tema scuro */
html[data-tema="scuro"] {
    color-scheme: dark;
    --bg: #0e1320;
    --surface: #161d2d;
    --surface-2: #1c2437;
    --border: #2a3449;
    --text: #e4e9f2;
    --muted: #9aa6bd;
    --link: #6cb4ff;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28);
    --shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .4);
    background: var(--bg);
}
html[data-tema="scuro"] body,
html[data-tema="scuro"] #container { color: var(--text); }
html[data-tema="scuro"] a:hover, html[data-tema="scuro"] a:active { color: #9ccbff; }

/* testata: un po' piu' notturna */
html[data-tema="scuro"] #logo.adrp-hero { background: linear-gradient(180deg, #1c2a52 0%, #6b3a3a 55%, #1a1220 100%); }

/* tabelle */
html[data-tema="scuro"] .trow1, html[data-tema="scuro"] .trow2 { border-color: #232c3f !important; }
html[data-tema="scuro"] .trow1, html[data-tema="scuro"] .trow2, html[data-tema="scuro"] .trow_shaded { border-bottom-color: #232c3f; }
html[data-tema="scuro"] tr:hover > .trow1, html[data-tema="scuro"] tr:hover > .trow2 { background: #1b2336; }
html[data-tema="scuro"] .trow_shaded { background: #2b2414; }
html[data-tema="scuro"] .trow_deleted, html[data-tema="scuro"] .post.deleted_post { background: #2e1820; }
html[data-tema="scuro"] .trow_selected, html[data-tema="scuro"] tr.trow_selected td { background: #18284a; }
html[data-tema="scuro"] .trow_sep { background: var(--surface-2); color: var(--muted); border-color: var(--border); }
html[data-tema="scuro"] .adrp-cat > thead .thead {
    background: linear-gradient(90deg, color-mix(in srgb, var(--c) 18%, var(--surface)), var(--surface) 70%) !important;
}
html[data-tema="scuro"] .forum_status {
    background: color-mix(in srgb, var(--c) 18%, var(--surface)) !important;
    border-color: color-mix(in srgb, var(--c) 35%, var(--surface));
}
html[data-tema="scuro"] .forum_status::before { background: color-mix(in srgb, var(--c) 70%, #fff); }
html[data-tema="scuro"] .forum_status.forum_on { background: linear-gradient(140deg, var(--c), color-mix(in srgb, var(--c) 70%, #000)) !important; }
html[data-tema="scuro"] .forum_status.forum_on::before { background: #fff; }
html[data-tema="scuro"] .forum_status.forum_on::after { border-color: var(--surface); }
html[data-tema="scuro"] .forumdisplay_sticky, html[data-tema="scuro"] .forumdisplay_announcement { background: #241f16 !important; }
html[data-tema="scuro"] .adrp-chips span { color: #c3cce0; }

/* messaggi */
html[data-tema="scuro"] .post .post_author { background: linear-gradient(90deg, #1b2440, var(--surface)); }
html[data-tema="scuro"] .post .post_author div.author_avatar img { border-color: var(--surface-2); background: var(--surface-2); box-shadow: 0 6px 16px rgba(0, 0, 0, .4); }
html[data-tema="scuro"] .postbit_buttons > a:link, html[data-tema="scuro"] .postbit_buttons > a:visited { background-color: var(--surface) !important; }
html[data-tema="scuro"] .codeblock { background: #0a0e18; border: 1px solid var(--border); }

/* moduli */
html[data-tema="scuro"] input.textbox, html[data-tema="scuro"] textarea, html[data-tema="scuro"] select,
html[data-tema="scuro"] input[type="text"], html[data-tema="scuro"] input[type="password"], html[data-tema="scuro"] input[type="email"],
html[data-tema="scuro"] input[type="number"], html[data-tema="scuro"] input[type="search"] {
    background: #0f1524 !important;
    border-color: #323d55 !important;
}
html[data-tema="scuro"] ::placeholder { color: #6f7b93; }

/* avvisi, menu, paginazione */
html[data-tema="scuro"] .red_alert, html[data-tema="scuro"] .error { background: #2e1820; border-color: #5c2733; color: #ff9aaa; }
html[data-tema="scuro"] .pm_alert { background: #15233d; border-color: #2a4677; color: #9cc4ff; }
html[data-tema="scuro"] .popup_menu, html[data-tema="scuro"] .popup_menu .popup_item { background: var(--surface); }
html[data-tema="scuro"] .popup_menu .popup_item:hover { background: #1f2a44; }
html[data-tema="scuro"] .pagination a, html[data-tema="scuro"] .pagination .pagination_current { background: var(--surface); }
html[data-tema="scuro"] .pagination .pagination_current { background: var(--accent); }
html[data-tema="scuro"] .modal { background: var(--surface); color: var(--text); }
html[data-tema="scuro"] .jGrowl-notification, html[data-tema="scuro"] .jGrowl-closer { background: var(--surface-2); color: var(--text); border-color: var(--border); }

/* barra utente */
html[data-tema="scuro"] #panel .upper a.login:link, html[data-tema="scuro"] #panel .upper a.login:visited { background-color: var(--surface-2) !important; border-color: var(--border); }
html[data-tema="scuro"] #panel .upper a.logout:link, html[data-tema="scuro"] #panel .upper a.logout:visited { color: #ff9aaa; background-color: #2e1820 !important; border-color: #5c2733; }

/* editor dei messaggi (barra degli strumenti) */
html[data-tema="scuro"] .sceditor-container { background: var(--surface-2); border-color: var(--border); }
html[data-tema="scuro"] .sceditor-toolbar { background: var(--surface-2); border-bottom-color: var(--border); }
html[data-tema="scuro"] .sceditor-group { background: #252f46; border-color: var(--border); }
html[data-tema="scuro"] .sceditor-button:hover, html[data-tema="scuro"] .sceditor-button.active { background: #33405d; box-shadow: none; }
html[data-tema="scuro"] .sceditor-button div { filter: invert(.85); }
html[data-tema="scuro"] .sceditor-dropdown { background: var(--surface); color: var(--text); border-color: var(--border); }

/* tabelle del pannello utente / moderazione / statistiche che usano bordi chiari di MyBB */
html[data-tema="scuro"] .tborder, html[data-tema="scuro"] .tborder td, html[data-tema="scuro"] .tborder th { border-color: var(--border); }
html[data-tema="scuro"] .usercp_nav_item, html[data-tema="scuro"] .modcp_nav_item { color: var(--text); }
html[data-tema="scuro"] hr { border-color: var(--border); background: var(--border); }
html[data-tema="scuro"] .highlight { background: #4a3d12; color: #ffe08a; }

/* ---------------------------------------------------------------- pulsante "Mi piace" (inc/plugins/adrp_like.php) */
.postbit_buttons > a.adrp-like:link, .postbit_buttons > a.adrp-like:visited { gap: 6px; }
a.adrp-like::before {
    content: "";
    width: 16px;
    height: 16px;
    flex: none;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E") center / 16px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.postbit_buttons > a.adrp-like.attivo:link, .postbit_buttons > a.adrp-like.attivo:visited {
    color: #e5355f !important;
    border-color: color-mix(in srgb, #e5355f 45%, var(--border)) !important;
    background-color: color-mix(in srgb, #e5355f 10%, var(--surface)) !important;
}
a.adrp-like.attivo::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E");
}
.postbit_buttons > a.adrp-like:hover { color: #e5355f !important; border-color: #e5355f !important; }
a.adrp-like.proprio { cursor: default; }
.adrp-like-n { font-weight: 800; }
.adrp-like-n:empty { display: none; }
a.adrp-like.pop::before { animation: adrp-like-pop .35s ease; }
@keyframes adrp-like-pop { 50% { transform: scale(1.45); } }
/* MyBB mette uno sfondo chiaro e un'iconcina (sprite) dentro ogni pulsante del messaggio */
.postbit_buttons > a.adrp-like:link, .postbit_buttons > a.adrp-like:visited { background-image: none !important; }
.postbit_buttons a.adrp-like span { background-image: none; padding-left: 0; height: auto; }
html[data-tema="scuro"] .postbit_buttons > a:link, html[data-tema="scuro"] .postbit_buttons > a:visited { background-image: none !important; }

/* ---------------------------------------------------------------- pulsanti sotto i messaggi: tutti uguali, leggibili in tutti e due i temi */
.postbit_buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.post_controls { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px; }
.post_controls .postbit_buttons.float_left, .post_controls .postbit_buttons.float_right { float: none; }
.post_controls::after { content: none; }
.postbit_buttons > a:link, .postbit_buttons > a:visited, .postbit_buttons > a:hover, .postbit_buttons > a:active {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 999px;
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
}
.postbit_buttons > a:hover { border-color: var(--accent) !important; color: var(--link) !important; }
.postbit_buttons a span {
    background: none !important;
    padding: 0 !important;
    height: auto !important;
    display: inline;
    color: inherit;
}
.postbit_buttons > a::before {
    content: "";
    width: 16px;
    height: 16px;
    flex: none;
    background: currentColor;
    -webkit-mask: var(--pi, none) center / 16px no-repeat;
    mask: var(--pi, none) center / 16px no-repeat;
}
.postbit_buttons > a.postbit_qdelete:link, .postbit_buttons > a.postbit_qdelete:visited,
.postbit_buttons > a.postbit_delete_pm:link, .postbit_buttons > a.postbit_delete_pm:visited,
.postbit_buttons > a.postbit_purgespammer:link, .postbit_buttons > a.postbit_purgespammer:visited { color: #d23a52 !important; }
.postbit_buttons > a.postbit_warn:link, .postbit_buttons > a.postbit_warn:visited { color: #b7791f !important; }
html[data-tema="scuro"] .postbit_buttons > a.postbit_qdelete:link, html[data-tema="scuro"] .postbit_buttons > a.postbit_qdelete:visited,
html[data-tema="scuro"] .postbit_buttons > a.postbit_delete_pm:link, html[data-tema="scuro"] .postbit_buttons > a.postbit_delete_pm:visited,
html[data-tema="scuro"] .postbit_buttons > a.postbit_purgespammer:link, html[data-tema="scuro"] .postbit_buttons > a.postbit_purgespammer:visited { color: #ff8197 !important; }
html[data-tema="scuro"] .postbit_buttons > a.postbit_warn:link, html[data-tema="scuro"] .postbit_buttons > a.postbit_warn:visited { color: #f5c04f !important; }
.postbit_buttons > a.postbit_multiquote_on:link, .postbit_buttons > a.postbit_multiquote_on:visited { color: var(--link) !important; border-color: var(--accent) !important; }
@media (max-width: 760px) {
    .post_controls { flex-direction: column; align-items: stretch; }
    .postbit_buttons > a:link, .postbit_buttons > a:visited { height: 34px; padding: 0 11px !important; font-size: 13.5px !important; }
}

.postbit_buttons > a.postbit_email { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_pm { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_find { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-5-5'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_reputation_add { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11H3V10z'/%3E%3Cpath d='M7 10l4-8a3 3 0 0 1 3 3v4h6a2 2 0 0 1 2 2.3l-1.4 8A2 2 0 0 1 18.6 21H7'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_website { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_edit { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='M13 7l4 4'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_qdelete { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M6 7l1 13h10l1-13'/%3E%3Cpath d='M9 7V4h6v3'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_qrestore { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_quote { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17l-5-5 5-5'/%3E%3Cpath d='M4 12h11a5 5 0 0 1 5 5v2'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_multiquote { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h4v4c0 3-2 5-4 6'/%3E%3Cpath d='M15 7h4v4c0 3-2 5-4 6'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_report { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h12l-2.5 4L17 12H5'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_warn { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l10 18H2z'/%3E%3Cpath d='M12 10v5'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_purgespammer { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_reply_pm { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17l-5-5 5-5'/%3E%3Cpath d='M4 12h11a5 5 0 0 1 5 5v2'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_reply_all { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17l-5-5 5-5'/%3E%3Cpath d='M12 17l-5-5 5-5'/%3E%3Cpath d='M7 12h9a5 5 0 0 1 5 5v2'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_forward_pm { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 17l5-5-5-5'/%3E%3Cpath d='M20 12H9a5 5 0 0 0-5 5v2'/%3E%3C/svg%3E"); }
.postbit_buttons > a.postbit_delete_pm { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M6 7l1 13h10l1-13'/%3E%3Cpath d='M9 7V4h6v3'/%3E%3C/svg%3E"); }
.postbit_buttons > a.adrp-like { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E"); }
.postbit_buttons > a.adrp-like.attivo { --pi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E"); }
.postbit_buttons > a.adrp-like.attivo:link, .postbit_buttons > a.adrp-like.attivo:visited, .postbit_buttons > a.adrp-like:hover { color: #e5355f !important; border-color: color-mix(in srgb, #e5355f 45%, var(--border)) !important; }
html[data-tema="scuro"] .postbit_buttons > a.adrp-like.attivo:link, html[data-tema="scuro"] .postbit_buttons > a.adrp-like.attivo:visited, html[data-tema="scuro"] .postbit_buttons > a.adrp-like:hover { color: #ff6b8b !important; }
.postbit_buttons > a.adrp-like.attivo:link, .postbit_buttons > a.adrp-like.attivo:visited { background: color-mix(in srgb, #e5355f 12%, var(--surface)) !important; }
.postbit_buttons > a[style*="display: none"], .postbit_buttons > a[style*="display:none"] { display: none !important; }
.post_management_buttons { margin-left: auto; justify-content: flex-end; }

/* ---------------------------------------------------------------- riga "Piace a ..." ed elenco completo */
.adrp-like-chi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin: 0 20px 12px;
    padding: 8px 12px;
    border-radius: 12px;
    background: color-mix(in srgb, #e5355f 7%, var(--surface));
    border: 1px solid color-mix(in srgb, #e5355f 18%, var(--border));
    color: var(--muted);
    font-size: 14px;
}
.adrp-like-chi[hidden] { display: none; }
.adrp-like-chi a:link, .adrp-like-chi a:visited { color: var(--text); font-weight: 700; }
.adrp-like-chi a.adrp-like-tutti:link, .adrp-like-chi a.adrp-like-tutti:visited { color: var(--link); }
.adrp-like-chi-sep { opacity: .6; }
.adrp-like-chi-cuore {
    width: 15px; height: 15px; flex: none; background: #e5355f;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E") center / 15px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9.3C1.6 7.4 3.7 4 7.2 4c2 0 3.6 1.1 4.8 2.8C13.2 5.1 14.8 4 16.8 4c3.5 0 5.6 3.4 4.4 6.7C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E") center / 15px no-repeat;
}
.adrp-like-velo {
    position: fixed; inset: 0; z-index: 10000;
    background: rgba(8, 12, 22, .55);
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
}
.adrp-like-finestra {
    width: 100%; max-width: 380px; max-height: 70vh;
    display: flex; flex-direction: column;
    background: var(--surface); color: var(--text);
    border: 1px solid var(--border); border-radius: 16px;
    box-shadow: var(--shadow-hover);
    overflow: hidden;
}
.adrp-like-testa { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--border); font-size: 16px; }
button.adrp-like-chiudi {
    background: transparent !important; box-shadow: none !important; color: var(--muted) !important;
    font-size: 24px !important; line-height: 1; padding: 2px 8px !important; border-radius: 8px !important;
}
button.adrp-like-chiudi:hover { color: var(--text) !important; background: var(--surface-2) !important; }
.adrp-like-lista { list-style: none; margin: 0; padding: 6px 0; overflow-y: auto; }
.adrp-like-lista li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 16px; }
.adrp-like-lista li + li { border-top: 1px solid var(--border); }
.adrp-like-lista a:link, .adrp-like-lista a:visited { color: var(--text); font-weight: 700; }
.adrp-like-quando { color: var(--muted); font-size: 13px; white-space: nowrap; }
.adrp-like-vuoto { color: var(--muted); justify-content: center !important; }
@media (max-width: 760px) { .adrp-like-chi { margin: 0 14px 12px; font-size: 13.5px; } }

/* ---------------------------------------------------------------- celle "ombreggiate" (risposta rapida, moduli): niente piu' color sabbia */
.trow_shaded, html[data-tema="scuro"] .trow_shaded { background: var(--surface-2); color: var(--text); }
#quick_reply_form .tborder td.trow_shaded { padding: 16px 18px !important; vertical-align: top; }
#quick_reply_form td.trow_shaded[width] { background: var(--surface-2); border-right: 1px solid var(--border); }
#quick_reply_form td.trow_shaded:not([width]) { background: var(--surface); }
#quick_reply_form td.trow_shaded[width] .smalltext { display: block; margin-top: 4px; color: var(--muted); line-height: 1.5; }
#quick_reply_form td.trow_shaded[width] .smalltext br + br { display: none; }
#quick_reply_form label { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; color: var(--text); cursor: pointer; font-size: 14px; }
#quick_reply_form label strong { font-weight: 600; }
#quick_reply_form input[type="checkbox"] { width: 17px; height: 17px; margin: 0; accent-color: var(--accent); }
#quick_reply_form td > div[style*="width: 95%"] { width: 100% !important; }
#quick_reply_form textarea {
    width: 100% !important; box-sizing: border-box; min-height: 170px;
    padding: 12px 14px !important; line-height: 1.6; resize: vertical;
}
#quick_reply_form .tfoot { text-align: right; padding: 12px 18px !important; }
#quick_reply_form .tfoot input.button + input.button {
    background: var(--surface-2) !important; color: var(--text) !important;
    border: 1px solid var(--border) !important; box-shadow: none;
}
#quick_reply_form td.trow_shaded[width] .smalltext br { display: none; }
#quick_reply_form label { gap: 4px; margin-top: 12px; }
