/* Klick-Entwurf: only additions on top of app.css, tokens only */
.side .mandant{display:grid;gap:5px;padding:0 8px 6px}
.side .mandant label{font-family:var(--head);font-size:12px;font-weight:600;color:var(--ink-2)}
.side .mandant .select{height:36px;width:100%}
.side nav .group{font-family:var(--head);font-size:11.5px;font-weight:600;color:var(--ink-3);padding:10px 10px 4px}
.side .tenant .role{display:inline-block;margin-top:2px}
.list{list-style:none;margin:0;padding:0;display:grid}
.list li{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:14px;align-items:start}
.list li:last-child{border-bottom:0}
.list .sub{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.important{border:1px solid var(--line);border-left:3px solid var(--hl);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;background:#fff}
.important b{display:block;font-family:var(--head);font-weight:600}
.important .acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.toolrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolrow .input{width:260px}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden}
.cal .day{background:#fff;min-height:150px;padding:8px}
.cal .day h4{font-family:var(--head);font-size:12.5px;font-weight:600;color:var(--ink-2);margin:0 0 6px}
.cal .day h4 b{color:var(--ink);font-size:15px;display:block}
.cal .ev{font-size:12.5px;padding:3px 6px;border-radius:3px;margin-bottom:4px;border-left:3px solid var(--line);background:var(--bg-2)}
.cal .ev.blog{border-left-color:var(--info)}.cal .ev.social{border-left-color:var(--violet)}.cal .ev.mail{border-left-color:var(--hl)}.cal .ev.presse{border-left-color:var(--warn)}.cal .ev.event{border-left-color:var(--mint)}
.legend{display:flex;gap:14px;font-size:12.5px;color:var(--ink-2);margin-bottom:10px;flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:middle}
.stars{font-family:var(--mono);font-size:12.5px;color:var(--ink-2)}
.form{display:grid;gap:14px;max-width:640px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form textarea.input{height:auto;min-height:120px;padding:10px;line-height:1.5;resize:vertical}
.form .acts{display:flex;gap:8px}
.login .brand h1{font-size:20px;margin-bottom:12px}
.grid-matrix td .pill{min-width:84px;text-align:center}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line);margin-right:6px;vertical-align:middle}
.status-dot.ok{background:var(--ok)}.status-dot.bad{background:var(--bad)}.status-dot.warn{background:var(--warn)}
.note{font-size:13px;color:var(--ink-3);margin:6px 0 0}

.setup-card .pill{justify-self:start}
.drawer[aria-hidden="true"]{visibility:hidden}
.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px;font-size:13px;color:var(--ink-2)}
.phase{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:22px 24px;max-width:760px}
.phase h2{margin-bottom:8px}.phase p{color:var(--ink-2)}.phase ul{margin:8px 0 0 18px;color:var(--ink-2);font-size:14px}
.notice{border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;background:#fff;font-size:14px}
.notice b{display:block;font-family:var(--head);font-weight:600}
textarea.input.code{font-family:var(--mono);font-size:12.5px;min-height:160px}
.kv dd .mono{word-break:break-all}
.drawer[aria-hidden="true"]{visibility:hidden}
.setup-card .pill{justify-self:start}
.side{overflow-y:auto;gap:12px}
.side nav a{padding:6px 10px}
.side nav .group{padding:8px 10px 3px}
.log-list li{grid-template-columns:132px 58px 1fr}
/* Ads */
.ads-bars{display:flex;align-items:flex-end;gap:3px;height:96px;padding:8px 10px;border:1px solid var(--line,#e6e6e6);border-radius:var(--radius,10px);background:var(--surface,#fff)}
.ads-bars span{flex:1 1 0;min-width:3px;background:var(--brand,#f36f21);border-radius:3px 3px 0 0;opacity:.85}
.ads-bars span:hover{opacity:1}
.ads-nets{display:flex;flex-direction:column;gap:4px}
.toolrow .pill{margin-left:auto}