/*LEGENDE*/
.hoznet-legend-grid{
	display: flex;
  font-size: 10px;
  width: 100%;
  text-transform: uppercase;
	gap:6px 10px;
	justify-content: center;
}

.hoznet-legend {
width:100%;
}

.hoznet-legend-item{display:flex;align-items:center;gap:8px;white-space:nowrap;opacity:.9;}
.hoznet-leg{display:inline-block;width:18px;height:3px;border-radius:999px;background:#666;}
.hoznet-leg.kennt{background:#9aa0a6; border:1px dashed rgba(0,0,0,.25); height:2px;}
.hoznet-leg.freund{background:#34a853;}
.hoznet-leg.verliebt{background:#d81b60;}
.hoznet-leg.partner{background:#c62828;}
.hoznet-leg.familie{background:#1e88e5;}
.hoznet-leg.buendnis{background:#00897b;}
.hoznet-leg.mentor{background:#6d4c41;}
.hoznet-leg.schuld{background:#5d4037;}
.hoznet-leg.rivale{background:#fb8c00;}
.hoznet-leg.feind{background:#000000;}


/* ---- HoZ Network minimal CSS ---- */
.hoznet-wrap{
width: 85%;
  margin: 0 auto;
  background: var(--paper);
}

.hoznet-ut {
display: flex;
  gap: 50px;
  justify-content: space-between;
	align-items: center;
  width: 100%;
	padding-left: 30px;
  padding-right: 30px;
}

.hoznet-toolbar{
display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.hoznet-h1{
	margin-bottom: 0px;
	width:100%;
border-bottom: 1px solid var(--golden);
  font-size: 30px;
  font-weight: bold;
  font-family: var(--mainfont);
  text-transform: uppercase;
  color: var(--golden);
  padding: 20px;
  background-image: url(/images/stats_back.png);
  background-position-y: 86%;
  height: 100px;
  display: flex;
  align-items: center;
  padding-left: 60px;
}

.hoznet-sub{
opacity: .8;
  margin-top: 4px;
  font-size: 10px;
  text-transform: uppercase;
}

.hoznet-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.hoznet-search{
padding: 8px 10px;
  min-width: 240px;
  border: 1px solid var(--line1);
  background: var(--paper);
  color: var(--fontcolor);
  font-size: 12px;
}

.hoznet-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.18);cursor:pointer;background:transparent;}
.hoznet-toggle{display:flex;gap:8px;align-items:center;font-size:13px;user-select:none;}

.hoznet-grid{display:grid;grid-template-columns:1fr 340px;gap:14px;}
.hoznet-canvas{height:72vh;min-height:520px;border-radius:14px;border:1px solid rgba(0,0,0,.18);background:rgba(0,0,0,.02);}
.hoznet-panel{
	overflow:hidden;
}

.hoznet-panel-inner{
padding: 30px;
  border-left: 1px solid var(--line1);
}

.hoznet-panel-title{
color: var(--golden);
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom: 1px solid var(--line1);
  margin-bottom: 10px;
}

.hoznet-muted{opacity:.75;}
.hoznet-error{padding:10px;border-radius:10px;border:1px solid rgba(180,0,0,.35);background:rgba(180,0,0,.04);}
.hoznet-ok{padding:10px;border-radius:10px;border:1px solid rgba(0,120,0,.25);background:rgba(0,120,0,.04);}
.hoznet-card{
padding: 10px;
  border: 1px solid var(--golden);
}

.hoznet-card-title{font-weight:800;margin-bottom:6px;}
.hoznet-meta{margin-top:6px;font-size:13px;opacity:.85;}
.hoznet-pill{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.14);font-size:12px;margin-top:2px;}
.hoznet-hr{height:1px;background:rgba(0,0,0,.12);margin:12px 0;}

.hoznet-form label{
display: block;
  font-size: 10px;
  opacity: .85;
  margin: 10px 0 6px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 2px;
}

.hoznet-form input[type="text"],
.hoznet-form input[type="search"],
.hoznet-form textarea,
.hoznet-form select{
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--line1);
  background: var(--paper);
  color: var(--fontcolor);
	font-size: 10px;
}

.hoznet-form textarea{min-height:70px;resize:vertical;}
.hoznet-form .hoznet-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.hoznet-form .hoznet-actions{display:flex;gap:10px;align-items:center;margin-top:10px;}
.hoznet-form .hoznet-actions .hoznet-btn{flex:0 0 auto;}
.hoznet-form .hoznet-small{font-size:12px;opacity:.75;margin-top:8px;line-height:1.35;}
.hoznet-badge{display:inline-block;padding:2px 6px;border-radius:8px;border:1px solid rgba(0,0,0,.14);font-size:11px;opacity:.9;}