/* Schritt 10j: Aufgaben und Zuständigkeiten des VDG-Teams */

/* Kasten beim Einloggen (Startseite, Mein Bereich) */
.tt-box-host{margin:18px 0}
.tt-box{background:#F7FAF1;border:2px solid #CAE2A6;border-radius:24px;padding:18px 22px}
.tt-box-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.tt-box-head h2{margin:4px 0 0;font-size:21px;color:#0a0a0b}
.tt-box-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.tt-box-list a{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;color:#0a0a0b;text-decoration:none;padding:6px 10px;border-radius:12px;background:#fff;border:1px solid #e3ebe0}
.tt-box-list a:hover{border-color:#CAE2A6}
.tt-box-list b{font-weight:600;min-width:0;overflow-wrap:anywhere}
.tt-box-list small{color:#6b7a70}
.tt-box-more{margin:8px 0 0;color:#55635a;font-size:14px}

/* Art der Aufgabe */
.tt-kind{display:inline-block;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;background:#eef1ec;color:#3d4a40;white-space:nowrap}
.tt-kind.is-booking{background:#CAE2A6;color:#0a0a0b}
.tt-kind.is-waiting{background:#fff1c9;color:#6b4a10}
.tt-kind.is-cancel{background:#fde2d8;color:#8a2c12}
.tt-kind.is-group_join,.tt-kind.is-change_request{background:#e3eefb;color:#1d3b63}
.tt-kind.is-fgc,.tt-kind.is-training{background:#efe6f7;color:#4b2a66}

/* Aufgabenliste */
.tt-tabs{margin-bottom:16px}
.tt-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.tt-chips{display:flex;gap:8px;flex-wrap:wrap}
.tt-chip{border:1px solid #dbe5d6;background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:15px;cursor:pointer;color:#3d4a40}
.tt-chip b{margin-left:4px}
.tt-chip.is-on{background:#CAE2A6;border-color:#CAE2A6;color:#0a0a0b}
.tt-list{display:grid;gap:10px}
.tt-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;background:#fff;border:1px solid #e3ebe0;border-radius:18px;padding:14px 16px;transition:opacity .2s}
.tt-task.is-mine{border-left:5px solid #CAE2A6}
.tt-task.is-done{background:#fafbf9;opacity:.85}
.tt-task.is-leaving{opacity:.2}
.tt-task-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tt-task-top small{color:#6b7a70}
.tt-task h3{margin:6px 0 4px;font-size:17px;color:#0a0a0b;overflow-wrap:anywhere}
.tt-lines{margin:0;padding:0 0 0 18px;color:#3d4a40;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.tt-more summary{cursor:pointer;color:#55635a;font-size:14px;margin-top:2px}
.tt-people{margin-top:6px;font-size:14px;color:#55635a}
.tt-src{color:#8a958c}
.tt-doneinfo{margin-top:6px;font-size:14px;color:#1c5027;font-weight:600}
.tt-task-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.tt-empty{background:#F7FAF1;border:1px solid #e3ebe0;border-radius:18px;padding:18px;color:#3d4a40}
@media(max-width:720px){.tt-task{grid-template-columns:minmax(0,1fr)}.tt-task-actions{flex-direction:row;flex-wrap:wrap}}

/* Zuständigkeiten */
#ttBody .ml-card{margin-bottom:14px}
.tt-warn{color:#8a5a10}
.tt-resp{display:grid;gap:10px;margin-top:8px}
.tt-resp-row{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:14px;align-items:start;border-top:1px solid #eef1ec;padding-top:10px}
.tt-resp-row:first-child{border-top:0;padding-top:0}
.tt-resp-title b{display:block;color:#0a0a0b;overflow-wrap:anywhere}
.tt-resp-title a{color:#0a0a0b}
.tt-resp-title small{display:block;color:#6b7a70;font-size:13.5px;margin-top:2px}
@media(max-width:820px){.tt-resp-row{grid-template-columns:minmax(0,1fr);gap:6px}}

/* Baustein „Wer wird benachrichtigt?“ (auch im Editor einer Veranstaltung) */
.rs{display:grid;gap:8px;min-width:0}
.rs.is-busy{opacity:.6;pointer-events:none}
.rs-who{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rs-label{font-weight:600;color:#0a0a0b}
.rs-names{display:flex;flex-wrap:wrap;gap:6px}
.rs-name{background:#CAE2A6;color:#0a0a0b;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:600}
.rs.is-all .rs-name{background:#fff1c9}
.rs-source{color:#6b7a70;font-size:13.5px;flex-basis:100%}
.rs.is-all .rs-source{color:#8a5a10}
.rs-ctrl select{max-width:100%;min-width:0;width:100%;font:inherit;font-size:15px;padding:7px 10px;border:1px solid #dbe5d6;border-radius:12px;background:#fff}
.rs-people{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.rs-person{display:flex;gap:6px;align-items:center;font-size:15px}
.rs-hint{color:#6b7a70;margin:0}
.ag-resp-card h2 span{background:none}
.cr-resp-note{background:#F7FAF1;border:1px solid #e3ebe0;border-radius:14px;padding:10px 14px;margin-top:14px}