/* 🔧 CONTROLE GLOBAL DE FONTE — mude só este valor pra escalar tudo.
     100% = 16px (padrão do navegador). 110% ≈ 17.6px | 120% ≈ 19px */
  html{
    font-size: 130%;
  }

  /* Paleta de cores do site — cinza/branco, sem verde ou tema "hacker" */
  :root{
    --bg:#15171a;
    --panel:#1c1f23;
    --panel-2:#25292e;
    --line:#33383e;
    --text:#e4e6e8;
    --muted:#8b929a;
    --accent:#e4e6e8;
    --accent-dim:#c7cbd1;
    --danger:#e5726a;
    --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  }
  *{box-sizing:border-box;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--mono);
    max-width:760px;
    margin:0 auto;
    padding:32px 20px 80px;
    line-height:1.5;
  }
  h1{font-size:1.5625rem; letter-spacing:.2px; margin:0 0 4px; text-align:center;}
  h1::before{content:""; color:var(--accent);}
  .sub{color:var(--muted); font-size:0.8125rem; margin:0 0 24px; text-align:center;}

  /* Card do topo: campo de domínio alvo + botão de enumeração de subdomínios */
  .search-card{
    border:1px solid var(--line);
    border-radius:10px;
    padding:18px;
    margin-bottom:24px;
    background:var(--panel);
  }
  .search-box{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--line);
    border-radius:8px;
    padding:10px 14px;
    background:var(--bg);
  }
  .search-box svg{flex-shrink:0; color:var(--muted);}
  .search-box input{
    flex:1;
    background:transparent;
    border:none;
    color:var(--text);
    font-family:var(--mono);
    font-size:0.875rem;
  }
  .search-box input:focus{outline:none;}
  .hint{font-size:0.71875rem; color:var(--muted); margin:10px 2px 0; display:flex; align-items:center; gap:6px;}

  /* Nuvem de tags: clica no nome da categoria e pula/expande direto pra ela */
  .tag-cloud{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
  }
  .tag{
    font-family:var(--mono);
    font-size:0.71875rem;
    color:var(--text);
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:4px;
    padding:6px 13px;
    cursor:pointer;
  }
  .tag:hover{border-color:var(--accent-dim); color:var(--accent);}

  /* Cada categoria de dorks vira um card colapsável (acordeão) */
  .category{
    border:1px solid var(--line);
    border-radius:10px;
    margin-bottom:14px;
    background:var(--panel);
    overflow:hidden;
  }
  .category-header{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    cursor:pointer;
    user-select:none;
  }
  .category-icon{
    width:36px; height:36px;
    border-radius:8px;
    background:rgba(228,230,232,0.08);
    color:var(--accent);
    display:flex; align-items:center; justify-content:center;
    font-size:1.0625rem;
    flex-shrink:0;
  }
  .category-info{flex:1;}
  .category-title{font-size:0.90625rem; color:var(--text); font-weight:600;}
  .category-count{font-size:0.71875rem; color:var(--muted); margin-top:2px;}
  .chevron{
    width:26px; height:26px;
    border:1px solid var(--line);
    border-radius:6px;
    background:transparent;
    color:var(--text);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    font-size:0.9375rem;
    font-weight:600;
    line-height:1;
  }
  .category-body{
    border-top:1px solid var(--line);
  }
  .category.collapsed .category-body{display:none;}

  /* Linha individual de uma dork: nome + botões Abrir/Copiar + query abaixo */
  .dork-row{
    padding:9px 18px;
    border-bottom:1px solid var(--line);
  }
  .dork-row:last-child{border-bottom:none;}
  .dork-row-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:3px;
  }
  .dork-name{font-size:0.8125rem; color:var(--text);}
  .dork-actions{display:flex; gap:6px; flex-shrink:0;}
  .dork-actions button, .dork-actions a{
    font-family:var(--mono);
    font-size:0.6875rem;
    border-radius:5px;
    padding:4px 9px;
    cursor:pointer;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:5px;
    border:1px solid var(--line);
  }
  .btn-open{background:rgba(228,230,232,0.08); color:var(--accent); border-color:rgba(228,230,232,0.25) !important;}
  .btn-open:hover{background:rgba(228,230,232,0.16);}
  .btn-copy{background:transparent; color:var(--muted);}
  .btn-copy:hover{color:var(--text); border-color:var(--muted) !important;}
  .btn-copy.copied{color:var(--text); border-color:var(--text) !important;}
  .dork-query{
    font-size:0.71875rem;
    color:var(--muted);
    word-break:break-all;
  }
  .dork-query b{color:var(--text); font-weight:700;}

  #topStatus{font-size:0.8125rem; color:var(--muted); margin:4px 0 18px; min-height:16px;}