/* /assets/css/sidebar-tools.css - FULL FILE */

.sidebar-tools .panel-title{
  font-weight:1000;
  font-size:18px;
  margin-bottom:4px;
}

.sidebar-tools .panel-subtitle{
  font-size:13px;
  opacity:.85;
  margin-bottom:12px;
}

/* List */
.hc-tools-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* Row */
.hc-tool{
  position:relative;
  border-radius:12px;
  padding:10px 10px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  outline:none;
}

/* Link text (what user scans) */
.hc-tool-link{
  display:block;
  font-weight:900;
  color:#0b3a66;
  text-decoration:none;
  line-height:1.2;
}

.hc-tool:hover .hc-tool-link{
  text-decoration:underline;
}

/* Tooltip bubble (hidden by default) */
.hc-tool-tip{
  position:absolute;
  left:12px;
  top:calc(100% + 8px);
  z-index:50;

  width:min(320px, calc(100vw - 64px));
  padding:10px 12px;
  border-radius:12px;

  background:#0b2a3d;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 34px rgba(0,0,0,.18);

  font-size:12px;
  font-weight:700;
  line-height:1.35;

  opacity:0;
  transform: translateY(-4px);
  pointer-events:none;
  transition: opacity .12s ease, transform .12s ease;
}

/* Tooltip arrow */
.hc-tool-tip::before{
  content:"";
  position:absolute;
  top:-7px;
  left:18px;
  width:12px;
  height:12px;
  background:#0b2a3d;
  transform: rotate(45deg);
  border-left:1px solid rgba(255,255,255,.18);
  border-top:1px solid rgba(255,255,255,.18);
}

/* Show tooltip on hover and keyboard focus */
.hc-tool:hover .hc-tool-tip,
.hc-tool:focus .hc-tool-tip,
.hc-tool:focus-within .hc-tool-tip{
  opacity:1;
  transform: translateY(0);
}

/* Make keyboard focus obvious */
.hc-tool:focus,
.hc-tool:focus-within{
  box-shadow: 0 0 0 3px rgba(255,204,0,.35);
  border-color: rgba(255,204,0,.55);
}