.tool-box{
  max-width: 720px;
  margin: auto;
  background: #fff;
  padding: 22px;
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(0,0,0,.08);
}

.tool-box h1{ margin-top:0 }
.tool-box label{ display:block; margin-top:14px; font-weight:600 }
.tool-box input, .tool-box select{
  width:100%; padding:12px; border-radius:12px; border:1px solid #ddd;
}

#results h3{ margin-bottom:6px; margin-top:18px }
#results p{ line-height:1.8 }
.tool-box textarea{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid #ddd;
  resize: vertical;
}

.row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.results{
  margin-top:16px;
}

.results .block{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:14px;
  margin-top:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.results h3{
  margin:0 0 10px;
}

.tags{
  line-height:2.2;
  word-break: break-word;
}

.copybar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}
/* =========================
   DARK MODE FIX – Hashtag Tool
   ========================= */

body.tools{
  background: #0b0f1a;
  color: #e9eefc;
}

/* صندوق الأداة */
.tools .tool-box{
  background: #11162a;
  color: #e9eefc;
  border: 1px solid rgba(255,255,255,0.06);
}

/* العناوين */
.tools .tool-box h1,
.tools .tool-box h2,
.tools .tool-box h3,
.tools .tool-box label{
  color: #ffffff;
}

/* النص الوصفي */
.tools .tool-box .intro,
.tools .tool-box small{
  color: rgba(233,238,252,0.75);
}

/* الحقول */
.tools .tool-box textarea,
.tools .tool-box select{
  background: #0b1022;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.12);
}

.tools .tool-box textarea::placeholder{
  color: rgba(233,238,252,0.45);
}

/* النتائج */
.tools .results .block{
  background: #0f1530;
  color: #e9eefc;
  border: 1px solid rgba(255,255,255,0.08);
}

/* الهاشتاغات */
.tools .results .tags{
  color: #cfe3ff;
}

/* تفاصيل */
.tools .results details{
  color: rgba(233,238,252,0.8);
}

/* الأزرار */
.tools .btn.primary{
  background: linear-gradient(135deg, #0077ff, #00c6ff);
  color: #fff;
}

.tools .btn.ghost{
  background: transparent;
  color: #9ad0ff;
  border: 1px solid rgba(154,208,255,0.35);
}