
/* TreeTag Verwaltungsdashboard v1 */
.tt-dashboard{
  background:#fff;
  border:1px solid #dce9df;
  border-radius:18px;
  padding:25px;
  margin-bottom:24px;
}
.tt-dashboard h2{margin:8px 0 20px}
.tt-dashboard-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.tt-dashboard-cards>div{
  background:#f1f7f1;
  border:1px solid #dce9df;
  border-radius:12px;
  padding:18px;
}
.tt-dashboard-cards span{
  display:block;
  color:#547163;
  font-size:13px;
}
.tt-dashboard-cards strong{
  display:block;
  font-size:34px;
  color:#13543a;
  margin-top:5px;
}
.tt-dashboard-note{
  font-size:12px;
  margin:15px 0 0;
}
.tt-tree-search{
  margin:0 0 14px;
}
.tt-tree-search label{
  display:block;
  font-size:13px;
  font-weight:700;
  margin-bottom:6px;
}
.tt-tree-search input{
  width:100%;
}
.tt-tree-count{
  font-size:12px;
  color:#668075;
  margin:0 0 10px;
}
.tt-editor-nav{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:12px;
  background:#eef6ee;
  border-radius:12px;
}
.tt-editor-nav a{
  display:inline-block;
  padding:8px 12px;
  border:1px solid #b8d5c1;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  background:#fff;
}
.tt-editor-nav a:hover{
  background:#dcefe1;
}
.tt-admin-section{
  scroll-margin-top:25px;
}
@media(max-width:900px){
  .tt-dashboard-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:540px){
  .tt-dashboard-cards{
    grid-template-columns:1fr;
  }
  .tt-dashboard-cards strong{font-size:29px}
}


/* TREETAG_TASK_OVERVIEW_V1 */
.tt-task-overview {
  background: #fff;
  border: 1px solid #dce9df;
  border-radius: 18px;
  padding: 24px;
  margin-bottom: 24px;
}
.tt-task-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}
.tt-task-heading h2 {
  margin: 5px 0 0;
}
.tt-task-heading > strong {
  background: #e7f2e9;
  color: #175c39;
  border-radius: 30px;
  padding: 8px 15px;
  white-space: nowrap;
}
.tt-task-list {
  display: grid;
  gap: 8px;
}
.tt-task-row {
  display: grid;
  grid-template-columns: 140px minmax(0,1fr) 110px 110px 12px;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid #e2ebe3;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
}
.tt-task-row:hover {
  background: #f1f8f2;
  border-color: #b8d5c1;
}
.tt-task-tree,
.tt-task-tree small {
  display: block;
}
.tt-task-tree small,
.tt-task-date,
.tt-task-footnote {
  color: #607568;
  font-size: 12px;
}
.tt-task-type {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.tt-task-status {
  font-size: 12px;
  font-weight: 700;
  color: #175c39;
}
.tt-task-footnote {
  margin: 15px 0 0;
}
@media (max-width: 700px) {
  .tt-task-heading {
    align-items: flex-start;
  }
  .tt-task-row {
    grid-template-columns: 1fr auto;
    gap: 6px 12px;
  }
  .tt-task-type {
    grid-column: 1 / -1;
  }
}
