/* DV Core · native comments. dv-mag tokens; avatars, badges and buttons shared with accounts.css. */
.dv-cmts{--dv-cmt-line:var(--dv-box-border,color-mix(in srgb,var(--c-text,#182131) 12%,transparent));--dv-cmt-soft:color-mix(in srgb,var(--c-text,#182131) 4%,var(--c-body,#fff));--dv-cmt-muted:color-mix(in srgb,var(--c-text,#182131) 60%,transparent);display:flex;flex-direction:column;gap:14px;color:var(--c-text,#182131)}
.dv-cmts svg{width:1em;height:1em;fill:currentColor}
.dv-cmts a{text-decoration:none!important}
.dv-cmts .dv-acc-avatar{width:40px;height:40px;border-radius:12px;font-size:14px;flex:none}

/* Form */
.dv-cmt-form{padding:14px;border:1px solid var(--dv-cmt-line);border-radius:14px;background:var(--dv-cmt-soft)}
.dv-cmt-form--login{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dv-cmt-form--login p{flex:1;margin:0;font-weight:600}
.dv-cmt-form__row{display:flex;gap:12px}
.dv-cmt-form__fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.dv-cmt-form__guest{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dv-cmt-form input[type=text],.dv-cmt-form input[type=email],.dv-cmt-form textarea,.dv-cmt__editor textarea{width:100%;padding:10px 12px;border:1px solid var(--dv-cmt-line);border-radius:10px;background:var(--c-body,#fff);color:var(--c-text,#182131);font:500 15px/1.5 var(--ui-font,inherit);resize:vertical}
.dv-cmt-form input:focus,.dv-cmt-form textarea:focus,.dv-cmt__editor textarea:focus{outline:none;border-color:var(--dv-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dv-accent) 20%,transparent)}
.dv-cmt-form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.dv-cmt-form__hint{flex:1;font-size:13px;color:var(--dv-cmt-muted)}
.dv-cmt-form .dv-acc-submit{height:42px;padding:0 22px}
.dv-cmt-form__replying{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 10px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--dv-accent) 10%,transparent);font-size:13px;font-weight:700}
.dv-cmt__main>.dv-cmt-form{margin-top:10px}

/* Toolbar */
.dv-cmts__bar{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:10px;background:var(--dv-cmt-soft)}
.dv-cmts__bar button{padding:7px 12px;border:0;border-radius:8px;background:transparent;color:var(--dv-cmt-muted);font:700 13px/1 var(--ui-font,inherit);cursor:pointer}
.dv-cmts__bar button.is-active{background:var(--c-body,#fff);color:var(--c-text,#182131);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.dv-cmts__empty,.dv-cmts__closed{margin:0;padding:18px;border:1px dashed var(--dv-cmt-line);border-radius:12px;color:var(--dv-cmt-muted);text-align:center}
.dv-cmts__more{align-self:center;justify-content:center}

/* Comments */
.dv-cmts__list,.dv-cmt__replies{margin:0;padding:0;list-style:none}
.dv-cmts__list>.dv-cmt+.dv-cmt{margin-top:4px;border-top:1px solid var(--dv-cmt-line)}
.dv-cmt{padding:12px 0 0}
.dv-cmt__body{display:flex;gap:12px}
.dv-cmt__main{flex:1;min-width:0}
.dv-cmt__head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px}
.dv-cmt__name{font-size:15px;font-weight:800;color:var(--c-text,#182131)!important}
a.dv-cmt__name:hover{color:var(--dv-accent)!important}
.dv-cmt__badge{padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:800;letter-spacing:.03em}
.dv-cmt__badge.is-team{background:var(--dv-accent);color:var(--dv-on-accent,#fff)}
.dv-cmt__badge.is-vip{background:linear-gradient(180deg,#fde047,#eab308);color:#422006}
.dv-cmt__badge.is-pending{background:rgba(245,158,11,.15);color:#b45309}
.dv-cmt__time,.dv-cmt__edited{color:var(--dv-cmt-muted)!important;font-size:12.5px}
.dv-cmt__text{margin:4px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.dv-cmt__text p{margin:0 0 6px}
.dv-cmt__to{color:var(--dv-accent);font-weight:700}
.dv-cmt__gone,.dv-cmt.is-deleted .dv-cmt__text{color:var(--dv-cmt-muted);font-style:italic}
.dv-cmt.is-pending>.dv-cmt__body{opacity:.75}
.dv-cmt.is-new>.dv-cmt__body{animation:dvCmtNew 1.6s ease-out}
@keyframes dvCmtNew{from{background:color-mix(in srgb,var(--dv-accent) 14%,transparent)}to{background:transparent}}
.dv-cmt__actions{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px -8px}
.dv-cmt__act{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--dv-cmt-muted);font:700 12.5px/1 var(--ui-font,inherit);cursor:pointer}
.dv-cmt__act:hover{background:var(--dv-cmt-soft);color:var(--c-text,#182131)}
.dv-cmt__act--danger:hover{color:#dc2626}
.dv-cmt__like svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.dv-cmt__like.is-liked{color:#e11d48}
.dv-cmt__like.is-liked svg{fill:currentColor}
.dv-cmt__replies{margin:6px 0 0 20px;padding-left:16px;border-left:2px solid color-mix(in srgb,var(--dv-accent) 25%,transparent)}
.dv-cmt__replies .dv-cmt__replies .dv-cmt__replies{margin-left:0;padding-left:0;border-left:0}
.dv-cmt__editor{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.dv-cmt__editor div{display:flex;justify-content:flex-end;gap:12px;align-items:center}
.dv-cmt__editor .dv-acc-submit{height:36px;padding:0 16px}
@media (max-width:640px){.dv-cmt-form__guest{grid-template-columns:1fr}.dv-cmt-form__row>.dv-acc-avatar{display:none}.dv-cmt__replies{margin-left:8px;padding-left:10px}.dv-cmts .dv-acc-avatar{width:34px;height:34px}}
.dv-cmts [hidden]{display:none!important}
/* Comment box (reference layout adapted): avatar · "Conectado como" · textarea · Turnstile + button on one row */
.dv-cmt-form{padding:16px 18px;border-radius:16px}
.dv-cmt-form__row{gap:14px}
.dv-cmt-form__av{position:relative;align-self:flex-start;flex:none}
.dv-cmts .dv-cmt-form__av .dv-acc-avatar{width:48px;height:48px;border-radius:50%;font-size:16px;box-shadow:0 0 0 2px color-mix(in srgb,var(--c-text,#182131) 12%,transparent)}
.dv-cmt-form__av.is-vip .dv-acc-avatar{box-shadow:0 0 0 2px #eab308}
.dv-cmt-form__av i{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#fde047,#eab308);color:#422006;font-size:11px;font-style:normal;box-shadow:0 0 0 2px var(--c-body,#fff)}
.dv-cmt-form__av svg{width:22px;height:22px}
.dv-cmt-form__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;font-size:13px;color:var(--dv-cmt-muted)}
.dv-cmt-form__top b{color:var(--c-text,#182131)}
.dv-cmt-form__out{color:#f43f5e!important;font-weight:700}
.dv-cmt-form__out:hover{text-decoration:underline!important}
.dv-cmt-form textarea{min-height:104px;background:var(--c-body,#fff)}
.dv-cmt-form__foot{justify-content:space-between}
.dv-cmt-form__foot .dv-ts{min-height:0;margin:0}
.dv-cmt-form__foot .dv-acc-check{font-size:13px}
.dv-cmt-form__send{display:inline-flex;align-items:center;gap:8px;margin-left:auto;height:44px!important;padding:0 22px!important}
.dv-cmt-form__send svg{width:16px;height:16px;fill:currentColor}
.dv-cmts__empty{padding:14px;font-size:14px}
html.s-dark .dv-cmt-form{background:color-mix(in srgb,#fff 3%,var(--c-body))}
html.s-dark .dv-cmt-form textarea,html.s-dark .dv-cmt-form input[type=text],html.s-dark .dv-cmt-form input[type=email]{background:color-mix(in srgb,#000 25%,var(--c-body))}
@media (max-width:640px){.dv-cmt-form__row>.dv-cmt-form__av{display:none}.dv-cmt-form__send{width:100%;justify-content:center}}
.dv-cmt__guest-av{background:hsl(var(--dv-guest) 55% 45%)!important;color:#fff!important}
/* Reply box: separate and compact, opened under the comment being answered */
.dv-cmt-form--reply{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px;border-radius:12px;border-left:3px solid var(--dv-accent);animation:dvCmtNew .6s ease-out}
.dv-cmt-reply__head{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--dv-cmt-muted)}
.dv-cmt-reply__head svg{width:15px;height:15px;color:var(--dv-accent)}
.dv-cmt-reply__head b{color:var(--c-text,#182131)}
.dv-cmt-form--reply textarea{min-height:68px}
.dv-cmt-form--reply .dv-cmt-form__guest input{min-height:38px;padding:8px 10px}
.dv-cmt-reply__btns{display:flex;align-items:center;gap:14px;margin-left:auto}
.dv-cmt-form--reply .dv-cmt-form__send{height:38px!important;padding:0 18px!important;margin-left:0}
@media (max-width:640px){.dv-cmt-reply__btns{width:100%;justify-content:space-between}}
.dv-cmt__text img{display:block;max-width:100%;height:auto;margin:8px 0;border-radius:10px}