/* feedback.css — "Rückmeldung" on every page (feedback.js 1.0.0): the footer button and the dialog that grows from it.
   version: 1.3.0 · created 2026-11-01 by Pascal Ehlig, ITS · edited 2026-11-02 by Pascal Ehlig, ITS */
.fb-open{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface,#fff);
  color:var(--text);font:600 .82rem/1 var(--sans,system-ui);cursor:pointer;white-space:nowrap}
.fb-open:hover,.fb-open:focus-visible,.fb-open[aria-expanded="true"]{border-color:var(--accent,#fb683e);color:var(--accent-text,var(--accent,#fb683e));outline:none}
@media (max-width:40rem){.fb-open span{display:none}.fb-open{width:36px;padding:0;justify-content:center}}
.fb-back{position:fixed;inset:0;z-index:2147482500;background:rgb(16 42 67 / .35)}
.fb-dialog{position:fixed;z-index:2147482550;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 20px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;
  box-sizing:border-box;padding:18px 18px 16px;border:2px solid var(--accent,#fb683e);border-radius:20px;background:var(--surface,#fff);color:var(--text);box-shadow:0 24px 60px rgb(0 0 0 / .35);animation:fb-grow .2s ease-out}
@keyframes fb-grow{from{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%)}}
.fb-x{float:right;width:44px;height:44px;border:1px solid var(--border);border-radius:999px;background:var(--surface,#fff);color:var(--text);font:600 1.4rem/1 system-ui;cursor:pointer}
.fb-title{margin:4px 0 10px;font-size:1.3rem}
.fb-tabs{display:flex;gap:4px;padding:3px;margin:0 0 10px;border-radius:12px;background:color-mix(in srgb,var(--muted,#486581) 12%,transparent)}
.fb-tabs button{flex:1;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--text);font:600 .9rem/1 inherit;cursor:pointer}
.fb-tabs button[aria-selected="true"]{background:var(--surface,#fff);color:var(--accent-text,var(--accent,#fb683e));box-shadow:0 1px 3px rgb(16 42 67 / .15)}
.fb-lead{margin:0 0 8px;color:var(--muted)}
.fb-label{display:block;margin:10px 0 4px;font-weight:600}
.fb-input,.fb-text{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);color:var(--text);font:inherit;-webkit-user-select:text;user-select:text}
.fb-text{resize:vertical}
.fb-pub{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:.85rem;color:var(--muted)}.fb-pub[hidden]{display:none}
.fb-ctx{margin:10px 0 0;font-size:.82rem;color:var(--muted)}.fb-ctx pre{max-height:9rem;overflow:auto;white-space:pre-wrap;font-size:.72rem}
.fb-row{display:flex;justify-content:space-between;gap:8px;margin:12px 0 0}
.fb-row button,.fb-send{min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);color:var(--text);font:600 .9rem/1 inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.fb-send{background:var(--accent,#fb683e)!important;color:#fff!important;border-color:transparent!important}
.fb-note{min-height:1.2em;margin:8px 0 0;font-size:.88rem}
.fb-x:focus-visible,.fb-tabs button:focus-visible,.fb-row button:focus-visible{outline:3px solid var(--focus,#2563eb);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.fb-dialog{animation:none}}
/* 1.1.0 (owner 2026-11-01: the footer became three parts — make it small, but pretty): on wide screens one slim centred line — π, the
   feedback sign, the made-by line and the legal links in small type, joined by fine dots; the feedback button is a small round sign */
@media (min-width:601px) and (pointer:fine),(min-width:1367px){
  body>footer{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-block:0!important}
  body>footer .wrap{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px!important;min-height:0!important;padding-block:8px!important;font-size:.78rem;color:var(--muted)}
  body>footer .wrap>*{margin:0!important}
  body>footer .fb-open{width:30px;height:30px;min-height:30px;padding:0;justify-content:center;border-radius:999px}
  body>footer .fb-open span{display:none}
  body>footer .fb-open svg{width:15px;height:15px}
  body>footer nav[aria-label]{flex:none!important}
  body>footer nav ul{display:flex;gap:0!important;margin:0;padding:0;list-style:none;justify-content:center}
  body>footer nav li+li::before{content:"·";margin:0 8px;color:color-mix(in srgb,var(--muted) 60%,transparent)}
  body>footer nav a{color:var(--muted);text-decoration:none}
  body>footer nav a:hover,body>footer nav a:focus-visible{color:var(--accent-text,var(--accent));text-decoration:underline}
  body>footer [data-i18n="foot.made"]{opacity:.85}
  body>footer [data-i18n="foot.made"]::after{content:"·";margin-left:14px;color:color-mix(in srgb,var(--muted) 60%,transparent)}
}
.gw-thanks{margin:6px 0;padding:12px 14px;border-radius:12px;background:var(--ok-bg,#e2f2e8);color:var(--ok,#1e6b45);font-weight:700;animation:gw-thanks-in .2s ease-out}@keyframes gw-thanks-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gw-thanks{animation:none}}   /* 1.2.0: the one line after sending */
/* feedback.js 1.7.0: on touch devices anchored at the top (the keyboard comes from below) and above the tab bar and Lleu */
@media (pointer:coarse){.fb-dialog:not(.fb-inview){top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);max-height:calc(100dvh - 24px)}.fb-back{z-index:2147482600}.fb-dialog:not(.fb-inview){z-index:2147482650}}