/*
 * GB Membros 3.2.0-beta21
 * Comentários nativos: UI compacta, responsiva e 100% baseada nos tokens do GB Tema.
 */

/* ===== Tokens / escopo ===== */
.wpic-native-module{
  --wpic-accent:var(--eg-accent,#2e9fff);
  --wpic-on-accent:var(--eg-on-accent,var(--eg-accent-contrast,#fff));
  --wpic-bg:var(--eg-bg,#f4f5f7);
  --wpic-surface:var(--eg-surface,#fff);
  --wpic-text:var(--eg-text,#17181a);
  --wpic-muted:var(--eg-muted,#737982);
  --wpic-border:var(--eg-border,rgba(127,127,127,.24));
  --wpic-field-bg:var(--eg-bg,#f1f2f4);
  --wpic-soft:color-mix(in srgb,var(--wpic-surface) 92%,var(--wpic-text) 8%);
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  color:var(--wpic-text)!important;
  background:var(--wpic-surface)!important;
  border-color:var(--wpic-border)!important;
  font-family:inherit!important;
}
.wpic-native-module *,
#respond.wpic-native-composer-top *{box-sizing:border-box!important;font-family:inherit!important}

#respond.wpic-native-composer-top,
.wpic-native-sortbar,
.comment-list,.commentlist,ol.comments,ul.comments,
.wpic-native-guest-gate,.wpic-native-status{
  width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important
}

/* ===== Composer ===== */
#respond.wpic-native-composer-top{margin:14px 0 22px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#respond.wpic-native-composer-top .comment-reply-title,
#respond.wpic-native-composer-top .logged-in-as,
#respond.wpic-native-composer-top .comment-notes{display:none!important}
.wpic-native-form{margin:0!important;padding:0!important;background:transparent!important}
.wpic-native-form-intro{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important;color:var(--wpic-text)!important}
.wpic-native-form-avatar{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:50%!important;overflow:hidden!important;background:var(--wpic-field-bg)!important;display:grid!important;place-items:center!important;color:var(--wpic-muted)!important}
.wpic-native-form-avatar-img{display:block!important;width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important}
.wpic-native-form-copy{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;line-height:1.2!important}
.wpic-native-form-copy strong{font-size:13px!important;font-weight:700!important;color:var(--wpic-text)!important}
.wpic-native-form-copy small{font-size:12px!important;color:var(--wpic-muted)!important}

.wpic-native-composer-shell{width:100%!important;overflow:hidden!important;border:1px solid var(--wpic-border)!important;border-radius:4px!important;background:var(--wpic-field-bg)!important;box-shadow:none!important}
.wpic-native-comment-field,.wpic-native-form .comment-form-comment{margin:0!important;padding:0!important}
.wpic-native-comment-field textarea,.wpic-native-form textarea#comment{
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:68px!important;min-height:68px!important;max-height:180px!important;
  padding:12px 13px!important;margin:0!important;resize:vertical!important;border:0!important;border-radius:0!important;outline:0!important;
  background:var(--wpic-field-bg)!important;color:var(--wpic-text)!important;-webkit-text-fill-color:var(--wpic-text)!important;
  font-size:14px!important;line-height:1.45!important;box-shadow:none!important
}
.wpic-native-comment-field textarea::placeholder,.wpic-native-form textarea#comment::placeholder{color:var(--wpic-muted)!important;-webkit-text-fill-color:var(--wpic-muted)!important;opacity:1!important}
.wpic-native-comment-field textarea:focus,.wpic-native-form textarea#comment:focus{outline:0!important;box-shadow:inset 0 0 0 1px var(--wpic-accent)!important}
.wpic-native-composer-footer{min-height:38px!important;padding:5px 6px 5px 11px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;border-top:1px solid var(--wpic-border)!important;background:var(--wpic-field-bg)!important}
.wpic-native-counter{margin-right:auto!important;color:var(--wpic-muted)!important;font-size:11px!important}

/* Botão real do comment_form(): compacto e resistente a regras globais do tema. */
#respond form.wpic-native-form p.form-submit,
#respond.wpic-native-composer-top form.wpic-native-form p.form-submit,
.wpic-native-module #respond form.wpic-native-form p.form-submit{
  width:auto!important;min-width:0!important;max-width:none!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important
}
#respond form.wpic-native-form #submit,
.wpic-native-module #respond form.wpic-native-form input#submit{
  box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;width:auto!important;min-width:0!important;max-width:none!important;
  height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;margin:0!important;display:inline-block!important;flex:0 0 auto!important;
  border:1px solid var(--wpic-accent)!important;border-radius:4px!important;background:var(--wpic-accent)!important;color:var(--wpic-on-accent)!important;
  font-size:12px!important;font-weight:700!important;line-height:26px!important;white-space:nowrap!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important;transform:none!important
}
#respond form.wpic-native-form #submit:hover{filter:brightness(.96)!important}
#respond form.wpic-native-form #submit:disabled{opacity:.55!important;cursor:default!important}

/* ===== Visitante ===== */
.wpic-native-guest-gate{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px!important;border:1px solid var(--wpic-border)!important;border-radius:4px!important;background:var(--wpic-field-bg)!important;color:var(--wpic-muted)!important;font-size:13px!important}
.wpic-native-auth-actions{display:flex!important;gap:6px!important;flex:0 0 auto!important}
.wpic-native-auth-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0 11px!important;border-radius:4px!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important}
.wpic-native-login{border:1px solid var(--wpic-border)!important;background:var(--wpic-surface)!important;color:var(--wpic-text)!important}
.wpic-native-register{border:1px solid var(--wpic-accent)!important;background:var(--wpic-accent)!important;color:var(--wpic-on-accent)!important}

/* ===== Ordenação ===== */
.wpic-native-sortbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:40px!important;margin:0 0 4px!important;padding:0 0 10px!important;border-bottom:1px solid var(--wpic-border)!important;background:transparent!important}
.wpic-native-sortlabel{display:none!important}
.wpic-native-sort{
  width:auto!important;min-width:126px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0 8px!important;
  border:1px solid var(--wpic-accent)!important;border-radius:4px!important;background-color:var(--wpic-accent)!important;color:var(--wpic-on-accent)!important;
  font-size:11px!important;font-weight:700!important;line-height:28px!important;box-shadow:none!important;cursor:pointer!important
}
.wpic-native-sort:focus{outline:0!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--wpic-accent) 25%,transparent)!important}
.wpic-native-sort option{background:var(--wpic-surface)!important;color:var(--wpic-text)!important}

/* ===== Lista / comentário ===== */
.comment-list,.commentlist,ol.comments,ul.comments{list-style:none!important;padding:0!important;margin:0!important;background:transparent!important}
.wpic-native-comment{list-style:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.wpic-native-card{position:relative!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:10px!important;width:100%!important;margin:0!important;padding:12px 0 10px!important;border:0!important;border-bottom:1px solid var(--wpic-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.wpic-native-avatar{width:36px!important;height:36px!important;overflow:hidden!important;border-radius:50%!important;background:var(--wpic-field-bg)!important;display:grid!important;place-items:center!important;color:var(--wpic-muted)!important;font-size:13px!important;font-weight:700!important;line-height:36px!important}
.wpic-native-avatar-img{display:block!important;width:36px!important;height:36px!important;object-fit:cover!important;border-radius:50%!important}
.wpic-native-body{min-width:0!important;color:var(--wpic-text)!important}
.wpic-native-meta{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:5px!important;min-height:17px!important;margin:0 0 4px!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.25!important}
.wpic-native-author,.wpic-native-author-link{margin:0!important;color:var(--wpic-text)!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}
.wpic-native-author-link:hover{color:var(--wpic-accent)!important}
.wpic-native-time{color:var(--wpic-muted)!important;font-size:11px!important;font-weight:400!important;text-decoration:none!important}
.wpic-native-time::before{content:"•"!important;margin-right:5px!important;color:var(--wpic-muted)!important;opacity:.65!important}
.wpic-native-author-badge{padding:1px 5px!important;border-radius:2px!important;background:var(--wpic-accent)!important;color:var(--wpic-on-accent)!important;font-size:9px!important;font-weight:700!important;line-height:15px!important}
.wpic-native-awaiting{color:#c67a08!important;font-size:10px!important}
.wpic-native-content{margin:0!important;padding:0!important;color:var(--wpic-text)!important;-webkit-text-fill-color:var(--wpic-text)!important;font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.wpic-native-content p{margin:0 0 6px!important;padding:0!important;color:inherit!important}
.wpic-native-content p:last-child{margin-bottom:0!important}
.wpic-native-content a{color:var(--wpic-accent)!important}

/* ===== Ações / votos ===== */
.wpic-native-actions{display:flex!important;align-items:center!important;gap:4px!important;min-height:24px!important;margin:5px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
.wpic-native-actions button,.wpic-native-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:23px!important;min-height:23px!important;margin:0!important;padding:0 6px!important;border:0!important;border-radius:3px!important;background:transparent!important;color:var(--wpic-muted)!important;font-size:11px!important;font-weight:600!important;line-height:23px!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important}
.wpic-native-actions button:hover,.wpic-native-actions a:hover{color:var(--wpic-accent)!important;background:color-mix(in srgb,var(--wpic-accent) 10%,transparent)!important}
.wpic-native-vote{width:22px!important;padding:0!important;font-size:10px!important}
.wpic-native-score{min-width:13px!important;color:var(--wpic-muted)!important;font-size:11px!important;text-align:center!important}
.wpic-native-delete-button{appearance:none!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;color:#b42318!important;font:inherit!important;cursor:pointer!important;box-shadow:none!important}
.wpic-native-delete-button:hover,.wpic-native-delete-button:focus{color:#d92d20!important;text-decoration:underline!important;outline:none!important}
.wpic-native-comment.wpic-native-is-deleting{opacity:.45!important;pointer-events:none!important}

/* ===== Threads ===== */
.wpic-native-comment>.children,.comment-list .children,.commentlist .children{position:relative!important;list-style:none!important;margin:0 0 0 46px!important;padding:0 0 0 13px!important;border-left:1px solid var(--wpic-border)!important}
.wpic-native-comment>.children .wpic-native-card{grid-template-columns:32px minmax(0,1fr)!important;column-gap:9px!important;padding-top:9px!important}
.wpic-native-comment>.children .wpic-native-avatar,.wpic-native-comment>.children .wpic-native-avatar-img{width:32px!important;height:32px!important;line-height:32px!important}

/* ===== Resposta inline do WordPress ===== */
.wpic-native-comment #respond{margin:8px 0 10px!important;padding:10px!important;border:1px solid var(--wpic-border)!important;border-radius:4px!important;background:var(--wpic-field-bg)!important}
.wpic-native-comment #respond .comment-reply-title{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;color:var(--wpic-muted)!important;font-size:12px!important;font-weight:600!important}
.wpic-native-comment #respond #cancel-comment-reply-link{color:var(--wpic-accent)!important;font-size:11px!important;text-decoration:none!important}

/* ===== Editor inline ===== */
.wpic-native-inline-editor{margin:5px 0 0!important}
.wpic-native-edit-textarea{display:block!important;width:100%!important;min-height:82px!important;max-height:260px!important;padding:10px 11px!important;border:1px solid var(--wpic-border)!important;border-radius:4px!important;background:var(--wpic-field-bg)!important;color:var(--wpic-text)!important;-webkit-text-fill-color:var(--wpic-text)!important;font-size:13px!important;line-height:1.5!important;resize:vertical!important;outline:0!important;box-shadow:none!important}
.wpic-native-edit-textarea:focus{border-color:var(--wpic-accent)!important;box-shadow:inset 0 0 0 1px var(--wpic-accent)!important}
.wpic-native-edit-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-top:7px!important}
.wpic-native-edit-status{margin-right:auto!important;color:var(--wpic-muted)!important;font-size:11px!important}
.wpic-native-edit-cancel,.wpic-native-edit-save{min-height:28px!important;padding:0 10px!important;border-radius:4px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;box-shadow:none!important}
.wpic-native-edit-cancel{border:1px solid var(--wpic-border)!important;background:var(--wpic-surface)!important;color:var(--wpic-text)!important}
.wpic-native-edit-save{border:1px solid var(--wpic-accent)!important;background:var(--wpic-accent)!important;color:var(--wpic-on-accent)!important}

/* ===== Status / autofill ===== */
.wpic-native-status{min-height:18px!important;margin:6px 0 0!important;color:var(--wpic-muted)!important;font-size:11px!important}
.wpic-native-module input:-webkit-autofill,.wpic-native-module textarea:-webkit-autofill,.wpic-native-module select:-webkit-autofill{-webkit-text-fill-color:var(--wpic-text)!important;-webkit-box-shadow:0 0 0 1000px var(--wpic-field-bg) inset!important;caret-color:var(--wpic-text)!important}

/* ===== Mobile ===== */
@media(max-width:600px){
  .wpic-native-card{grid-template-columns:32px minmax(0,1fr)!important;column-gap:9px!important;padding-top:10px!important}
  .wpic-native-avatar,.wpic-native-avatar-img{width:32px!important;height:32px!important;line-height:32px!important}
  .wpic-native-comment>.children,.comment-list .children,.commentlist .children{margin-left:18px!important;padding-left:9px!important}
  .wpic-native-guest-gate{align-items:flex-start!important;flex-direction:column!important}
  .wpic-native-auth-actions{width:100%!important}
  .wpic-native-auth-btn{flex:1 1 auto!important}
  .wpic-native-sort{min-width:118px!important}
  #respond form.wpic-native-form #submit,.wpic-native-module #respond form.wpic-native-form input#submit{width:auto!important;min-width:0!important;max-width:none!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 10px!important;font-size:12px!important}
}