/* app/core/static/core/css/style.css */
:root { --space: 1rem; --radius: 12px; }
body.page { font-family: system-ui, sans-serif; margin:0; }
.nav-bar { display:flex; justify-content:space-between; padding: var(--space); background:#111; color:#fff; }
.nav-bar a { color:#fff; margin-right:1rem; text-decoration:none; }
.content { padding: 2rem; }
.tent-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.tent-card { border:1px solid #ddd; border-radius: var(--radius); background:#fff; transition: box-shadow .2s; cursor:pointer; }
.tent-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.08); }
.tent-svg { width:100%; height:auto; }
.tent-card:not(.tent--open) #tent-open { display:none; }
.tent-card.tent--open #tent-closed { display:none; }
.footer { padding: var(--space); background:#f8f8f8; text-align:center; }

/* Simple buttons for Staff Admin */
.btn{background:#1e9f4d;color:white;border:none;border-radius:10px;padding:.6rem 1rem;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover{filter:brightness(1.05)}
.btn-row{display:flex;gap:.6rem;flex-wrap:wrap}

/* --- Create Page (Anlegen) --- */
.create-page .page-header { margin-bottom: 1rem; }
.muted { color: #666; }
.card { border: 1px solid #e6e6e6; border-radius: var(--radius); padding: 1rem; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
.form p { margin: .6rem 0; }
.form .actions { margin-top: 1rem; }
.form input[type="text"],
.form input[type="number"],
.form input[type="date"],
.form input[type="time"],
.form input[type="email"],
.form select,
.form textarea {
  width: 100%;
  padding: .6rem .75rem;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}
.form label { display:block; font-weight:600; margin: .5rem 0 .25rem; }

.tabs { margin-top: .5rem; }
.tablist { display:flex; gap:.5rem; flex-wrap:wrap; border-bottom:1px solid #e5e5e5; padding-bottom:.25rem; }
.tab {
  background: transparent;
  border: none;
  padding: .6rem 1rem;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  font-weight: 600;
}
.tab:is(:hover,:focus) { filter: brightness(1.05); outline: none; }
.tab.is-active { border-bottom-color: #1e9f4d; }
.tab-panel { display: none; padding: 1rem 0; }
.tab-panel.is-active { display: block; }

/* --- Profil  --- */
.container{max-width:760px;margin-inline:auto;padding:clamp(1rem,2vw,2rem)}
.page-header{margin-block:.5rem 1.25rem}
.page-title{margin:0;font-size:clamp(1.5rem,2.5vw,2rem)}
.page-subtitle{margin:.25rem 0 0;color:var(--muted-foreground,#666)}
.card{background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:clamp(1rem,2vw,1.5rem);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:600px){.form-grid{grid-template-columns:1fr 1fr}}
.form-field label{display:block;font-weight:600;margin-bottom:.3rem}
.form-field input{width:100%;padding:.625rem .75rem;border:1px solid rgba(0,0,0,.15);border-radius:10px}
.form-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.help{display:block;margin-top:.25rem;font-size:.85rem;color:var(--muted-foreground,#666)}
.form-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem .9rem;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer}
.btn--secondary{background:transparent;border-color:rgba(0,0,0,.15)}
.alerts{margin-bottom:1rem;display:grid;gap:.5rem}
.alert{padding:.75rem 1rem;border-radius:10px}
.alert--success{background:#ecfdf5}
.alert--error{background:#fef2f2}
.visually-hidden{position:absolute!important;height:1px;width:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap}