/* W563 · Mein Kollege: Ansicht in der Mac-App (html.ka-app[data-ka-ansicht="buddy"]) und Abend-Blase. Im Browser nie sichtbar. */
html.ka-app:not([data-ka-ansicht="buddy"]) #ka-buddy{display:none!important}
html.ka-app[data-ka-ansicht="buddy"] #werkzeuge,html.ka-app[data-ka-ansicht="buddy"] #lizenz,html.ka-app[data-ka-ansicht="buddy"] #licence{display:none!important}
/* W531 blendet jede Sektion außer Werkzeugen und Lizenz mit hoher Spezifität aus; der Kollege zählt dagegen. */
html.ka-app[data-ka-ansicht="buddy"] #ka-buddy#ka-buddy#ka-buddy#ka-buddy#ka-buddy{display:block!important;padding-top:clamp(1.4rem,3vw,2.2rem)!important}
.ka-w563 .section-inner{max-width:1080px}
.ka-w563-kopf{display:flex;align-items:flex-start;gap:1.1rem;margin:0 0 1.6rem}
.ka-w563-kopf .ka-w553-buddy{width:52px;height:52px;border-radius:14px}
.ka-w563-h{margin:.25rem 0 .45rem;color:#f4efe3;font:700 clamp(1.45rem,2.4vw,1.95rem)/1.15 Archivo,system-ui,sans-serif;letter-spacing:-.01em}
.ka-w563-lead{margin:0;max-width:62ch;color:#b7c4d2;font-size:1rem;line-height:1.55}
.ka-w563-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:1.1rem;align-items:start}
.ka-w563-box{position:relative;padding:1.2rem 1.35rem 1.25rem;border:1px solid rgba(93,201,214,.28);background:linear-gradient(150deg,rgba(10,30,44,.95),rgba(4,12,21,.94));box-shadow:0 20px 52px rgba(0,0,0,.34)}
.ka-w563-box.is-frage{grid-column:1/-1;border-color:rgba(226,184,102,.38);border-left:2px solid #E2B866}
.ka-w563-k{margin:0 0 .75rem;color:#8fdbe4;font:700 10.5px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase}
.ka-w563-schalter{display:inline-flex;border:1px solid rgba(232,238,245,.22);background:rgba(0,0,0,.35)}
.ka-w563-schalter button{appearance:none;cursor:pointer;min-width:84px;min-height:40px;padding:.5rem 1rem;border:0;background:transparent;color:#b7c4d2;font:600 .9rem/1 Archivo,system-ui,sans-serif}
.ka-w563-schalter button.is-an{background:linear-gradient(180deg,#EBC57C,#D6A24A);color:#0a0f16;font-weight:800}
.ka-w563-wann{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin:1.1rem 0 .4rem}
.ka-w563-wann .ka-w563-k{margin:0;width:100%}
.ka-w563-wann.is-aus{opacity:.45;pointer-events:none}
.ka-w563-sel{appearance:none;min-height:40px;padding:.45rem 2rem .45rem .8rem;border:1px solid rgba(232,238,245,.22);background:rgba(0,0,0,.38) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238fdbe4' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right .7rem center;color:#f4efe3;font:inherit;font-size:.95rem;cursor:pointer}
.ka-w563-still{margin:.9rem 0 0;color:#8a9bb0;font-size:.82rem;line-height:1.5}
.ka-w563-heute{display:grid;gap:.9rem}
.ka-w563-anlass{display:grid;gap:.7rem;padding:.9rem 1rem;border:1px solid rgba(226,184,102,.3);border-left:2px solid #E2B866;background:rgba(226,184,102,.05)}
.ka-w563-anlass .ka-w512-btn{justify-self:start}
.ka-w563-text{margin:0;color:#f4efe3;font-size:1.02rem;line-height:1.55}
.ka-w563-frage{margin:0 0 .8rem;color:#f4efe3;font:700 1.25rem/1.3 Archivo,system-ui,sans-serif}
.ka-w563-form{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-end}
.ka-w563-feld{flex:1 1 420px;min-width:0;box-sizing:border-box;resize:vertical;border:1px solid rgba(232,238,245,.22);background:rgba(0,0,0,.38);color:#f4efe3;font:inherit;font-size:1rem;line-height:1.5;padding:.75rem .95rem}
.ka-w563-feld:focus{outline:2px solid rgba(226,184,102,.65);outline-offset:1px}
@media (max-width:860px){.ka-w563-raster{grid-template-columns:1fr}}
/* Abend-Blase unten rechts im Werkzeug */
.ka-w563-blase{position:fixed;right:22px;bottom:22px;z-index:60;width:min(360px,calc(100vw - 44px));padding:1rem 1.1rem 1rem;border:1px solid rgba(226,184,102,.45);border-left:2px solid #E2B866;background:linear-gradient(150deg,rgba(10,30,44,.98),rgba(4,12,21,.98));box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(226,184,102,.12);color:#f4efe3;transform:translateY(16px);opacity:0;transition:transform .35s,opacity .35s}
.ka-w563-blase.is-da{transform:none;opacity:1}
.ka-w563-blase__kopf{display:flex;align-items:center;gap:.6rem;margin:0 0 .5rem;color:#EBC57C;font:700 .78rem/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}
.ka-w563-blase__kopf img{border-radius:8px}
.ka-w563-blase p{margin:0 0 .8rem;font-size:.95rem;line-height:1.5}
.ka-w563-blase .ka-w512-btn{min-height:38px;padding:.45rem .9rem}
@media (prefers-reduced-motion:reduce){.ka-w563-blase{transition:none}}
.ka-w563-schalter button:focus-visible{outline:2px solid rgba(226,184,102,.75);outline-offset:-2px}
.ka-w563-sel:focus-visible{outline:2px solid rgba(226,184,102,.75);outline-offset:1px}