/* ===================== SCOPE (chỉ trong tool) ===================== */
    #cpfsb-altx-tool{
      font-family: Arial, Helvetica, sans-serif;
      color:#0a0a0a;
      font-size:16px;
      line-height:1.5;
      width:100%;
      max-width:100%;
    }
    #cpfsb-altx-tool,
    #cpfsb-altx-tool *{ box-sizing:border-box; }
    #cpfsb-altx-tool svg{ display:block; }

    /* Reset các style theme hay đè lên button/input */
    #cpfsb-altx-tool button,
    #cpfsb-altx-tool input{
      font-family: inherit !important;
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      text-transform:none !important;
      letter-spacing:normal !important;
      box-shadow:none !important;
      text-decoration:none !important;
      -webkit-appearance:none;
      appearance:none;
      border:0;
      background:none;
    }

    /* Container */
    #cpfsb-altx-tool .et-container{ max-width:1200px;margin:0 auto;padding:2rem 0; }

    /* Header */
    #cpfsb-altx-tool .et-header{ text-align:center; margin-bottom:1.5rem; }
    #cpfsb-altx-tool .et-title{ font-size:1.75em; font-weight:700; margin:0 0 .5rem; }
    #cpfsb-altx-tool .et-sub{ color:#6b7280; font-size:.95em; margin:0; }
    #cpfsb-altx-tool .et-sub strong{ font-weight:700; }

    /* Search */
    #cpfsb-altx-tool .et-search-container{ position:relative;width:100%;max-width:500px;margin:0 auto 1.5rem; }
    #cpfsb-altx-tool .et-search-icon{ position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#737373;pointer-events:none; }
    #cpfsb-altx-tool .et-search-input{
      width:100%;
      padding:.75rem 1rem .75rem 2.5rem;
      border:1px solid #e5e5e5;
      border-radius:.5rem;
      font-size:1em;
      background:#fafafa;
      outline:none;
      padding-right:2.5rem;
    }
    #cpfsb-altx-tool .et-search-input:focus{
      border-color:#475569;
      box-shadow:0 0 0 3px rgba(71,85,105,0.1);
      background:#fff;
    }

    /* Categories */
    #cpfsb-altx-tool #categoriesContainer{ margin-bottom:1.5rem; }
    #cpfsb-altx-tool .et-category-list{ display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center; }
    #cpfsb-altx-tool .et-category-btn{
      padding:.5rem 1rem;
      border-radius:.5rem;
      font-weight:700;
      cursor:pointer;
      white-space:nowrap;
      transition:.2s;
      font-size:.95em;
      background:#f5f5f5;
      color:#0a0a0a;
      border:0;
    }
    #cpfsb-altx-tool .et-category-btn:hover{ background:#e5e5e5; }
    #cpfsb-altx-tool .et-category-btn.active{ background:#0a0a0a;color:#fff; }

    /* Layout Grid */
    #cpfsb-altx-tool .unified-container{ width:100%; }
    #cpfsb-altx-tool .header-row{ display:grid; gap:3.75rem; margin-bottom:.5rem; }
    #cpfsb-altx-tool .data-grid{ display:grid; gap:.5rem 3.75rem; grid-auto-flow:column; }
    #cpfsb-altx-tool .col-header{
      display:flex;justify-content:space-between;align-items:center;
      padding:0 .75rem;
      font-size:.85em;
      color:#64748b;
      font-weight:700;
      background:#f8fafc;
      border-radius:4px;
      height:32px;
      white-space:nowrap;
    }

    /* Item Button */
    #cpfsb-altx-tool .alt-btn{
      display:flex;justify-content:space-between;align-items:center;
      padding:0 .75rem;
      background:#fff;
      border:1px solid #e2e8f0;
      border-radius:.375rem;
      cursor:pointer;
      transition:all .15s ease;
      user-select:none;
      height:44px;
      width:100%;
    }
    #cpfsb-altx-tool .alt-btn:hover{
      border-color:#64748b;
      background:#f8fafc;
      transform:translateY(-1px);
      box-shadow:0 2px 4px rgba(0,0,0,0.05);
      z-index:10;
    }
    #cpfsb-altx-tool .alt-btn.copied{ background:#10b981;border-color:#10b981; }
    #cpfsb-altx-tool .alt-char-display{ font-size:1.25em; font-weight:500; color:#0f172a; line-height:1; }
    #cpfsb-altx-tool .alt-btn.copied .alt-char-display{ color:#fff; }
    #cpfsb-altx-tool .alt-code-text{
      font-family: ui-monospace, SFMono-Regular, Consolas, "Courier New", monospace;
      font-size:.95em;
      color:#334155;
      font-weight:700;
      background:#f1f5f9;
      padding:3px 8px;
      border-radius:4px;
      min-width:40px;
      text-align:center;
    }
    #cpfsb-altx-tool .alt-btn:hover .alt-code-text{ background:#e2e8f0;color:#0f172a; }
    #cpfsb-altx-tool .alt-btn.copied .alt-code-text{ background:rgba(255,255,255,0.2); color:#fff; }

    /* Tooltip */
    #cpfsb-altx-tool .et-tooltip{
      position:fixed; z-index:9999; pointer-events:none;
      opacity:0; transition:opacity .15s ease;
      background:#0f172a; color:#fff;
      font-size:12px; padding:4px 8px; border-radius:4px; white-space:nowrap;
    }
    #cpfsb-altx-tool .et-tooltip.show{ opacity:1; }

    /* No results */
    #cpfsb-altx-tool #noResults{ display:none;text-align:center;padding:2rem 0; }
    #cpfsb-altx-tool #noResults p{ color:#6b7280;margin:0; }

    #cpfsb-altx-tool .et-clear-btn{
      position:absolute;
      right:.6rem;
      top:50%;
      transform:translateY(-50%);
      width:1.75rem;
      height:1.75rem;
      display:none;
      align-items:center;
      justify-content:center;
      padding:0;
      border:0;
      border-radius:999px;
      background:transparent;
      cursor:pointer;
      color:#ef4444;
      box-shadow:none !important;
      text-decoration:none !important;
    }

    #cpfsb-altx-tool .et-clear-btn:hover{
      background:#f3f4f6;
      color:#dc2626;
    }

    #cpfsb-altx-tool .et-bottom-ad{
      width:100%;
      margin:20px 0 0;
      padding-top:16px;
    }

    #cpfsb-altx-tool .et-bottom-ad-box{
      width:100%;
      min-height:120px;
      border:1px dashed #e5e7eb;
      border-radius:14px;
      background:transparent;
    }