/* toolpages system-wide custom styles */

/* Tile status ping indicator */
/* Make both legacy .tp-tile and current .tp-tiles act as positioning context */
.tp-tile,
.tp-tiles { position: relative; }
.tp-tile[data-href],
.tp-tiles[data-href] { cursor: pointer; }
/* Position inside the card: bottom-right with a small inset */
.tp-ping {
  position: absolute;
  right: .35rem;
  bottom: .35rem;
  z-index: 10;
  pointer-events: none;
  /* legacy dot styles are intentionally not used for the new icon variant */
}
/* Render state as Material Symbols icons (loaded locally) */
.tp-ping::before {
  /* Use local Material Symbols font (rounded is mapped for outlined class) */
  font-family: 'Material Symbols Rounded', serif;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 18px;
  line-height: 1;
  display: block;
  content: ''; /* unknown / in-progress */
  color: #6c757d;
  /* subtle outline for readability on mixed backgrounds */
  text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
/* Legacy class names (still supported) → map to icons/colors */
.tp-ping.ok::before { content: 'check'; color: #28a745; }
.tp-ping.err::before { content: 'error'; color: #dc3545; }
/* Current JS class names */
.tp-ping--ok::before { content: 'check_circle'; color: #28a745; }
.tp-ping--bad::before { content: 'error'; color: #dc3545; }
.tp-ping--unknown::before { content: 'help'; color: #6c757d; }

/* Drag handle helper (uses Material Symbols icon) */
[data-drag-handle] { cursor: grab; }
[data-drag-handle]:active { cursor: grabbing; }
.category {
    border: none !important;
    margin-bottom: 0px !important;
}
.category > .card-body{
    padding-top: 0px !important;
}
.category-title{
    /*border-bottom: 1px solid var(--bs-border-color)!important;*/
    padding-bottom: 0.2em;
}

:root {
    --bs-border-radius: 0.2rem; /* dein Wert */
    --bs-body-font-size: 12px;
}

select, .btn {
    font-size: var(--bs-body-font-size) !important;
}

.category-head{
    margin-bottom: 2em !important;
}

.category-body{

}

.tile-head{
    padding-left: 0.4em;
}
.tile-edit-icon{
    font-size: 19px !important;
}

/* Optional background image handling for tiles */
.tp-tile {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.zoom {
    transition: transform .2s; /* Animation */
    margin-top: 0.75em;
}

.zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Optional full-page background when enabled in user settings */
body.tp-bg-enabled {
  /* Subtle radial gradient background (can be replaced later by a user-provided image) */
  background: radial-gradient(circle at 25% 15%, rgba(0,0,0,0.05), transparent 40%),
              radial-gradient(circle at 80% 30%, rgba(0,0,0,0.04), transparent 45%),
              radial-gradient(circle at 30% 80%, rgba(0,0,0,0.05), transparent 50%),
              #f8f9fa;
}
@media (prefers-color-scheme: dark) {
  body.tp-bg-enabled {
    background: radial-gradient(circle at 25% 15%, rgba(255,255,255,0.05), transparent 40%),
                radial-gradient(circle at 80% 30%, rgba(255,255,255,0.04), transparent 45%),
                radial-gradient(circle at 30% 80%, rgba(255,255,255,0.05), transparent 50%),
                #0f1115;
  }
}