.tool-upload small{color:#71847a}.tool-existing-files{display:grid;gap:7px;padding:14px;border:1px solid rgba(151,186,166,.16);border-radius:8px}.tool-existing-files>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#91a399;font-size:.66rem}.tool-existing-files form{margin:0}.tool-existing-files button{padding:6px 8px;border:1px solid rgba(255,111,125,.3);border-radius:5px;background:transparent;color:#ff8994;cursor:pointer}.tool-downloads{padding:0 38px 38px}.tool-downloads>span{color:#35f27a;font-size:.57rem;font-weight:800;letter-spacing:.15em}.tool-downloads h2{color:#fff}.tool-downloads>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid rgba(151,186,166,.17);border-radius:8px;color:#dce8e1!important;text-decoration:none!important}.tool-downloads>a div{display:flex;flex-direction:column;gap:4px}.tool-downloads small{color:#70847a}.tool-downloads b{color:#35f27a;font-size:.66rem}@media(max-width:780px){.tool-downloads{padding:0 24px 24px}.tool-existing-files>div{align-items:flex-start;flex-direction:column}}

/* ═══════════════════════════════════════════════════════════════════
   SECURITY TOOL DETAIL PAGE — professional redesign
   ═══════════════════════════════════════════════════════════════════ */
.tool-detail{width:min(900px,calc(100% - 32px));margin:auto;padding:52px 0 90px;color:#eaf5ef}

.tool-back{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:28px;
  color:#82968b!important;font-size:.82rem;text-decoration:none!important;
  transition:color .15s;
}
.tool-back:hover{color:#35f27a!important}
.tool-back svg{flex-shrink:0}

.tool-detail-card{
  overflow:hidden;border:1px solid rgba(151,186,166,.17);
  border-radius:16px;background:#0a1511;
}

/* Header */
.tool-detail-header{padding:36px clamp(24px,5vw,52px);border-bottom:1px solid rgba(151,186,166,.14)}
.tool-detail-meta-top{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.tool-category-badge{
  display:inline-block;padding:4px 10px;border-radius:99px;
  background:rgba(53,242,122,.1);border:1px solid rgba(53,242,122,.3);
  color:#35f27a;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
.tool-status-badge{
  display:inline-block;padding:4px 10px;border-radius:99px;
  font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.tool-status-published{background:rgba(53,242,122,.1);border:1px solid rgba(53,242,122,.3);color:#35f27a}
.tool-status-draft{background:rgba(255,184,76,.1);border:1px solid rgba(255,184,76,.3);color:#ffb84c}

.tool-detail-title{
  margin:0 0 12px;color:#fff;
  font:600 clamp(1.8rem,5vw,3.2rem)/1.08 "Space Grotesk",sans-serif!important;
  letter-spacing:-.04em;
}
.tool-detail-summary{
  max-width:680px;margin:0 0 24px;color:#8fa298;font-size:1rem;line-height:1.65;
}

/* Action buttons */
.tool-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tool-btn-tool,.tool-btn-category,.tool-btn-edit{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 15px;border-radius:8px;font-size:.75rem;font-weight:700;
  text-decoration:none!important;cursor:pointer;transition:.15s;
}
.tool-btn-tool{
  background:#35f27a;color:#041109!important;
}
.tool-btn-tool:hover{background:#6af0a1;transform:translateY(-1px)}
.tool-btn-category{
  background:transparent;border:1px solid rgba(151,186,166,.22);color:#9bb0a5!important;
}
.tool-btn-category:hover{border-color:rgba(53,242,122,.4);color:#35f27a!important}
.tool-btn-edit{
  background:transparent;border:1px solid rgba(255,184,76,.3);color:#ffb84c!important;
}
.tool-btn-edit:hover{border-color:rgba(255,184,76,.6);background:rgba(255,184,76,.06)}
.tool-btn-edit svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

/* Info bar */
.tool-info-bar{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  padding:14px clamp(24px,5vw,52px);
  border-bottom:1px solid rgba(151,186,166,.1);
  background:rgba(255,255,255,.015);
}
.tool-info-item{
  display:flex;align-items:center;gap:6px;
  color:#82968b;font-size:.72rem;
}
.tool-info-item svg{flex-shrink:0;opacity:.6}
.tool-info-link{color:#35f27a!important;text-decoration:none}
.tool-info-link:hover{text-decoration:underline}

/* Description section */
.tool-description-section{padding:36px clamp(24px,5vw,52px);border-bottom:1px solid rgba(151,186,166,.1)}
.tool-section-title{
  display:flex;align-items:center;gap:8px;margin:0 0 18px;
  color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.02em;
}
.tool-description-body{color:#b8c8bf;font-size:.88rem;line-height:1.8}
.tool-description-body h1,.tool-description-body h2,.tool-description-body h3{margin:1.4em 0 .5em;color:#fff}
.tool-description-body h1:first-child,.tool-description-body h2:first-child,.tool-description-body h3:first-child{margin-top:0}
.tool-description-body p{margin:0 0 1em}
.tool-description-body p:last-child{margin-bottom:0}
.tool-description-body a{color:#35f27a}
.tool-description-body pre{
  overflow:auto;padding:16px;border-radius:8px;
  background:#040c08;border:1px solid rgba(151,186,166,.14);color:#a7f5c2;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;
}
.tool-description-body code{padding:.15em .35em;border-radius:4px;background:#06100c;color:#7fffae;font-size:.88em}
.tool-description-body pre code{padding:0;background:transparent}

/* Downloads section */
.tool-downloads-section{padding:36px clamp(24px,5vw,52px)}
.tool-download-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 5px;border-radius:99px;
  background:rgba(53,242,122,.15);color:#35f27a;
  font-size:.62rem;font-weight:800;
}
.tool-files-list{display:flex;flex-direction:column;gap:10px}
.tool-file-card{
  display:flex;align-items:center;gap:14px;padding:14px 16px;
  border:1px solid rgba(151,186,166,.16);border-radius:10px;
  background:rgba(255,255,255,.02);transition:border-color .15s,background .15s;
}
.tool-file-card:hover{border-color:rgba(53,242,122,.35);background:rgba(53,242,122,.03)}
.tool-file-icon{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;flex-shrink:0;border-radius:10px;
  background:rgba(53,242,122,.08);border:1px solid rgba(53,242,122,.2);
  color:#35f27a;
}
.tool-file-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.tool-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tool-file-name{
  color:#d8e8e0;font-size:.82rem;font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tool-file-meta{color:#6f877b;font-size:.65rem}
.tool-file-download{
  flex-shrink:0;padding:8px 14px;border-radius:7px;
  background:#35f27a;color:#041109!important;font-size:.72rem;font-weight:800;
  text-decoration:none!important;transition:background .15s,transform .12s;
}
.tool-file-download:hover{background:#6af0a1;transform:translateY(-1px)}

/* Empty state */
.tool-empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:60px 24px;text-align:center;color:#6f877b;
}
.tool-empty-state svg{opacity:.3}
.tool-empty-state p{margin:0;font-size:.82rem}

/* Responsive */
@media(max-width:600px){
  .tool-detail{padding:30px 0 60px}
  .tool-detail-header,.tool-description-section,.tool-downloads-section{padding:24px 20px}
  .tool-info-bar{padding:12px 20px;gap:12px}
  .tool-detail-actions{gap:6px}
  .tool-btn-tool,.tool-btn-category,.tool-btn-edit{padding:8px 12px;font-size:.7rem}
  .tool-file-card{flex-wrap:wrap}
  .tool-file-download{width:100%;justify-content:center}
}