/* TF Post Reactions 0.4.0-beta9 – heller TF-Gunmetal-Look */
.tfpr-action-wrap { position:relative; }
.tfpr-toolbar-button { display:inline-flex!important; align-items:center; justify-content:center; width:24px; min-width:24px; height:24px; padding:3px!important; box-sizing:border-box; cursor:pointer; }
.tfpr-toolbar-symbol { display:block; width:16px; height:16px; flex:0 0 16px; filter:grayscale(1) brightness(.72) contrast(1.08) drop-shadow(0 1px 1px rgba(0,0,0,.28)); transition:transform .14s ease,filter .14s ease; }
.tfpr-toolbar-button:hover .tfpr-toolbar-symbol,.tfpr-toolbar-button:focus .tfpr-toolbar-symbol,.tfpr-toolbar-button[aria-expanded="true"] .tfpr-toolbar-symbol { transform:scale(1.08); filter:grayscale(.25) brightness(.95) drop-shadow(0 1px 1px rgba(0,0,0,.38)); }
.tfpr-toolbar-symbol.is-current { filter:grayscale(0) brightness(1.04) drop-shadow(0 0 3px rgba(43,121,168,.55)); }
.tfpr-picker { position:absolute; z-index:1000; right:0; top:39px; display:flex; align-items:center; gap:3px; margin:0; padding:7px; border:1px solid rgba(150,158,164,.72); border-radius:10px; background:rgba(248,250,252,.88); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 7px 18px rgba(0,0,0,.20); white-space:nowrap; }
.tfpr-picker[hidden] { display:none!important; }
.tfpr-picker.is-open { animation:tfpr-pop .14s ease-out; }
.tfpr-picker::before { content:""; position:absolute; right:12px; top:-7px; width:12px; height:12px; border-left:1px solid rgba(150,158,164,.72); border-top:1px solid rgba(150,158,164,.72); background:rgba(248,250,252,.94); transform:rotate(45deg); }
.tfpr-choice { appearance:none; -webkit-appearance:none; position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; width:58px; height:58px; padding:2px; border:1px solid transparent; border-radius:9px; background:transparent; cursor:pointer; transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease; }
.tfpr-icon { display:block; background-repeat:no-repeat; background-position:center; background-size:contain; }
.tfpr-icon-like { background-image:url("./images/reactions/gunmetal/like.png"); }
.tfpr-icon-doubt { background-image:url("./images/reactions/gunmetal/doubt.png"); }
.tfpr-icon-smile { background-image:url("./images/reactions/gunmetal/smile.png"); }
.tfpr-icon-laugh { background-image:url("./images/reactions/gunmetal/laugh.png"); }
.tfpr-icon-surprise { background-image:url("./images/reactions/gunmetal/surprise.png"); }
.tfpr-icon-thanks { background-image:url("./images/reactions/gunmetal/thanks.png"); }
.tfpr-choice .tfpr-icon { width:52px; height:52px; filter:brightness(1.03) saturate(1.02) drop-shadow(0 2px 2px rgba(0,0,0,.30)); transition:transform .14s ease,filter .14s ease; }
.tfpr-choice-label { position:absolute; left:50%; bottom:-25px; z-index:2; transform:translateX(-50%); padding:3px 6px; border-radius:4px; background:rgba(40,45,49,.94); color:#f7f7f7; font:11px/1.2 Arial,sans-serif; opacity:0; pointer-events:none; box-shadow:0 2px 6px rgba(0,0,0,.35); transition:opacity .12s ease; }
.tfpr-choice:hover,.tfpr-choice:focus { transform:translateY(-3px) scale(1.06); border-color:rgba(119,145,163,.70); background:rgba(255,255,255,.72); box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 3px 9px rgba(0,0,0,.16); outline:none; }
.tfpr-choice:hover .tfpr-icon,.tfpr-choice:focus .tfpr-icon { filter:brightness(1.11) saturate(1.04) drop-shadow(0 3px 3px rgba(0,0,0,.30)); }
.tfpr-choice:hover .tfpr-choice-label,.tfpr-choice:focus .tfpr-choice-label { opacity:1; }
.tfpr-choice.is-current { border-color:#86aec6; background:radial-gradient(circle,rgba(215,239,252,.78),rgba(160,205,231,.38)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.80),0 0 8px rgba(55,129,177,.30); }
.tfpr-choice.is-current::after { content:""; position:absolute; right:2px; top:2px; width:7px; height:7px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:#4d90ba; box-shadow:0 1px 3px rgba(0,0,0,.55); }
.tfpr-choice:disabled { cursor:wait; opacity:.5; }
.tfpr-summary { display:inline-flex; align-items:center; flex-wrap:wrap; gap:5px; min-height:28px; }
.tfpr-count { appearance:none; -webkit-appearance:none; position:relative; display:inline-flex; padding:0; cursor:pointer; font:inherit; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid transparent; border-radius:50%; transition:.14s ease; }
.tfpr-count.is-empty { display:none; }
.tfpr-symbol { display:block; width:38px; height:38px; filter:brightness(1.03) saturate(1.02) drop-shadow(0 1px 1px rgba(0,0,0,.28)); }
.tfpr-count.is-mine { border-color:rgba(61,126,166,.62); background:rgba(47,101,135,.13); box-shadow:0 0 0 2px rgba(70,135,176,.11),0 1px 4px rgba(0,0,0,.17); }
.tfpr-badge { position:absolute; top:-6px; right:-6px; z-index:2; min-width:13px; height:13px; padding:0 2px; border:1px solid rgba(220,225,228,.9); border-radius:8px; background:linear-gradient(#747b80,#34393d); color:#fff; font:bold 9px/12px Arial,sans-serif; text-align:center; text-shadow:0 -1px 0 #000; box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 3px rgba(0,0,0,.45); }
.tfpr-count.is-mine .tfpr-badge { background:linear-gradient(#5e9bc0,#2e6384); }
.tfpr-summary-wrap { clear:both; margin:8px 0 2px; padding-top:6px; border-top:1px solid rgba(80,80,80,.13); }
.tfpr-action-wrap.is-saving .tfpr-toolbar-button { opacity:.55; cursor:wait; }
@keyframes tfpr-pop { from { opacity:0; transform:translateY(-4px) scale(.96); } to { opacity:1; transform:none; } }
@media (max-width:700px) { .tfpr-picker{right:-2px;max-width:calc(100vw - 24px);gap:1px;padding:6px}.tfpr-choice{width:50px;height:52px}.tfpr-choice .tfpr-icon{width:46px;height:46px}.tfpr-choice-label{display:none}.tfpr-toolbar-button{width:26px;min-width:26px;height:26px}.tfpr-toolbar-symbol{width:17px;height:17px;flex-basis:17px} }
@media (prefers-reduced-motion:reduce) { .tfpr-picker.is-open,.tfpr-toolbar-symbol,.tfpr-choice,.tfpr-choice .tfpr-icon,.tfpr-count{animation:none;transition:none} }

.tfpr-count:hover,.tfpr-count:focus { transform:translateY(-1px); border-color:rgba(90,130,155,.45); background:rgba(70,105,125,.08); outline:none; }
.tfpr-reactor-popover { display:block; width:max-content; max-width:min(360px,calc(100vw - 40px)); margin-top:6px; padding:7px 10px; border:1px solid #6d7479; border-radius:6px; background:linear-gradient(145deg,#3f454a,#1b1f22); color:#f2f2f2; font-size:11px; line-height:1.4; box-shadow:0 4px 12px rgba(0,0,0,.28); }
.tfpr-reactor-popover[hidden] { display:none!important; }