/* Szene „Schreibtisch“: der digitale Mitarbeiter bei der Arbeit. Wird auf der Startseite und im Plan genutzt. */
.dk{--dk-bg:#101217;--dk-2:#171A21;--dk-3:#1F232C;--dk-line:#2A2E38;--dk-text:#E8EAEE;--dk-muted:#8B909B;--dk-accent:#5B7BFF;--dk-mark:#E2F86B;
  background:var(--dk-bg);color:var(--dk-text);border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(10,12,16,.6),0 0 0 1px rgba(255,255,255,.04) inset;min-width:0;font-size:14px;line-height:1.4}
.dk-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--dk-line);background:#14161C}
.dk-bar i{width:10px;height:10px;border-radius:50%;background:#3A3F4B}
.dk-bar .dk-title{margin-left:8px;display:flex;align-items:center;gap:7px;font-weight:600;color:#C9CDD5;min-width:0}
.dk-bar .dk-app{margin-left:auto;font:600 14px/1 inherit;color:var(--dk-muted);border:1px solid var(--dk-line);padding:5px 8px;border-radius:6px;white-space:nowrap}
.dk-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);min-height:356px}
.dk-side{border-right:1px solid var(--dk-line);padding:12px 10px;background:var(--dk-2);min-width:0}
.dk-dir{display:flex;align-items:center;gap:7px;font-weight:600;color:#C9CDD5;padding:6px 6px;font-size:14px}
.dk-files{list-style:none;margin:0 0 10px;padding:0 0 0 12px}
.dk-file{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:7px;color:#B4B9C3;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .35s,color .35s,opacity .35s}
.dk-file span{overflow:hidden;text-overflow:ellipsis}
.dk-file svg{flex:none;opacity:.8}
.dk-file.lesen{background:rgba(91,123,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(91,123,255,.55)}
.dk-file.fertig{color:#A3A9B4}
.dk-file.neu{color:#fff;background:rgba(226,248,107,.12);box-shadow:inset 0 0 0 1px rgba(226,248,107,.5)}
.dk-file.neu em{margin-left:auto;font-style:normal;font:700 14px/1 inherit;color:var(--dk-bg);background:var(--dk-mark);padding:3px 5px;border-radius:4px}
.dk-file.leer{color:#5A606C;font-style:italic}
.dk-main{padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.dk-msg{align-self:flex-end;max-width:92%;background:#2B3040;border-radius:14px 14px 4px 14px;padding:9px 12px;color:#fff;font-size:14px;min-height:20px}
.dk-msg .caret{display:inline-block;width:2px;height:14px;background:#fff;vertical-align:-2px;margin-left:1px;animation:dkblink 1s steps(1) infinite}
@keyframes dkblink{50%{opacity:0}}
.dk-log{display:grid;gap:5px;font-size:14px;color:var(--dk-muted)}
.dk-log div{display:grid;grid-template-columns:6px minmax(0,1fr);gap:8px;align-items:start;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
.dk-log div.an{opacity:1;transform:none}
.dk-log div::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--dk-accent);margin-top:5px}
.dk-log div.bild::before{background:var(--dk-mark)}
.dk-log b{color:#DCE0E7;font-weight:600}
.dk-res{margin-top:auto;background:#fff;color:#121417;border-radius:14px;padding:12px 14px;box-shadow:0 18px 40px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.dk-res.an{opacity:1;transform:none}
.dk-res-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 8px;margin-bottom:8px}
.dk-res-h>div{min-width:0}
.dk-res-h b{font-size:14px;letter-spacing:-.01em}
.dk-res-h small{display:block;font:500 14px/1.3 inherit;color:#6A6E75;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-stamp{flex:none;white-space:nowrap;background:var(--dk-mark);color:#121417;font-weight:700;font-size:14px;padding:6px 9px;border-radius:7px;transform:rotate(-3deg) scale(1.25);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}
.dk-stamp.an{opacity:1;transform:rotate(-3deg)}
.dk-rows{display:grid;gap:0}
.dk-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #ECEAE3;font-size:14px}
.dk-row i{width:8px;height:8px;border-radius:2px}
.dk-row span:last-child{font:600 14px/1 inherit;color:#6A6E75}
.dk-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.dk-tabs button{font:600 14px/1 inherit;font-family:inherit;border:1px solid var(--line,#D4D0C4);background:transparent;color:var(--ink,#121417);border-radius:999px;padding:9px 14px;cursor:pointer;min-height:38px;transition:all .18s}
.dk-tabs .dk-pause{border-style:dashed;color:var(--muted,#5B6070)}
.dk-tabs button[aria-pressed="true"]{background:var(--ink,#121417);color:#fff;border-color:var(--ink,#121417)}
.dk-cap{text-align:center;font-size:14px;color:var(--muted,#6A6E75);margin-top:8px}
.dk-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:4px}
.dk-thumbs i{aspect-ratio:1;border-radius:5px;background:linear-gradient(135deg,var(--a),var(--b));position:relative}
.dk-thumbs i.star::after{content:"★";position:absolute;right:3px;top:1px;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
@media (max-width:640px){
  .dk-body{grid-template-columns:minmax(0,1fr);min-height:0}
  .dk-side{border-right:0;border-bottom:1px solid var(--dk-line);padding:10px}
  .dk-files{display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0 0 6px}
  .dk-file{padding:4px 7px;font-size:14px;max-width:100%}
  .dk-dir{padding:4px 2px}
  .dk-main{min-height:300px}
}
@media (prefers-reduced-motion:reduce){
  .dk *{transition:none!important;animation:none!important}
}

.dk-beispiel-hinweis{font-size:16px;line-height:1.5;color:var(--muted,#6A6E75);margin:12px 0}