.elementor-4439 .elementor-element.elementor-element-238912e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4439 .elementor-element.elementor-element-b6e6dac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4439 .elementor-element.elementor-element-5434444{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-4439 .elementor-element.elementor-element-b6e6dac{--width:100%;}}@media(max-width:767px){.elementor-4439 .elementor-element.elementor-element-238912e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4439 .elementor-element.elementor-element-b6e6dac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-64f0eaa *//* ===== TQR CARD (scoped để không ảnh hưởng Elementor) ===== */

/* Card */
.tqr-card{
  max-width:600px;
  margin:16px auto;
  padding:16px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:16px;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial;
}

/* Header */
.tqr-card .tqr-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}

/* Avatar */
.tqr-card .tqr-avatar{
  width:36px;height:36px;border-radius:50%;
  overflow:hidden;flex-shrink:0;background:#e0e0e0;
}
.tqr-card .tqr-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* Meta */
.tqr-card .tqr-meta{display:flex;flex-direction:column;line-height:1.1}
.tqr-card .tqr-meta strong{font-size:16px;font-weight:700}
.tqr-card .tqr-sub{color:#666;font-size:12px}

/* Content */
.tqr-card .tqr-content{margin:12px 0}
.tqr-card .tqr-placeholder{color:#999}
.tqr-card .tqr-text{font-size:14px;line-height:1.5;margin:0 0 8px 0}
.tqr-card .tqr-source{color:#555;font-style:italic;font-size:14px}

/* Actions */
.tqr-card .tqr-actions{display:flex;gap:8px}

/* Button (đã thu nhỏ 14px) */
.tqr-card .tqr-button{
  background:#000;color:#fff;border:none;
  font-size:14px;
  padding:6px 14px;
  border-radius:999px;cursor:pointer;
}
.tqr-card .tqr-button[disabled]{opacity:.6;cursor:not-allowed}

/* Dark mode */
@media (prefers-color-scheme: dark){
  .tqr-card{background:#0a0a0a;border-color:#222;color:#eee}
  .tqr-card .tqr-avatar{background:#333}
  .tqr-card .tqr-sub{color:#aaa}
  .tqr-card .tqr-placeholder{color:#aaa}
  .tqr-card .tqr-source{color:#ccc}
  .tqr-card .tqr-button{background:#fff;color:#000}
}

/* Mobile margin (<=767px) */
@media (max-width: 767px){
  .tqr-card{
    margin-left:20px !important;
    margin-right:20px !important;
  }
}

/* Avatar tùy chỉnh (ổn định hơn dùng background-image) */
.tqr-card .tqr-avatar{
  background-image:url('https://test.hga.io.vn/wp-content/uploads/2026/05/ava-mnmm.jpg') !important;
  background-size:cover !important;
  background-position:center !important;
}
.tqr-card .tqr-avatar img{opacity:0;width:0;height:0}/* End custom CSS */