#tools_panels > #schichtuebergabe {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    color: var(--text-light);
}
#schichtuebergabe * { box-sizing: border-box; }
#schichtuebergabe .handover-shell {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: .65em;
    min-height: 0;
    min-width: 0;
}
#schichtuebergabe .handover-header { display: flex; align-items: center; gap: 1em; }
#schichtuebergabe .handover-header > label { flex-direction: row; align-items: center; flex: 0 1 19em; }
#schichtuebergabe .handover-header > span { font-size: .78em; color: var(--text-dark); }
#schichtuebergabe .handover-columns { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: .65em; min-height: 0; }
#schichtuebergabe form, #schichtuebergabe .handover-history {
    min-width: 0;
    min-height: 0;
    padding: .65em;
    background: var(--background-secondary);
    border: 1px solid var(--input-border);
    border-radius: .45em;
    margin: 0;
}
#schichtuebergabe form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; gap: .65em; }
#schichtuebergabe .handover-form-header { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: .6em; }
#schichtuebergabe h2 { font-size: 1em; margin: 0; }
#schichtuebergabe .handover-form-header h2 { align-self: center; }
#schichtuebergabe label { display: flex; flex-direction: column; gap: .3em; margin: 0; min-width: 0; min-height: 0; font-size: .9em; font-weight: 600; }
#schichtuebergabe .handover-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: .65em; min-height: 0; }
#schichtuebergabe textarea, #schichtuebergabe select, #schichtuebergabe input { width: 100%; min-width: 0; padding: .3em .5em; font: inherit; font-weight: normal; color-scheme: dark; }
#schichtuebergabe select, #schichtuebergabe input { height: 2.1em; }
#schichtuebergabe textarea { flex: 1; height: 0; min-height: 0; resize: none; overflow: auto; }
#schichtuebergabe .handover-actions { display: flex; gap: .4em; }
#schichtuebergabe .button { cursor: pointer; font-size: .9em; width: auto; min-height: 2.1em; padding: .3em .65em; }
#handover_message { margin: 0; font-size: .85em; overflow-wrap: anywhere; }
#handover_message:empty { display: none; }
#schichtuebergabe .handover-history { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: .65em; }
#schichtuebergabe .handover-history > header, #handover_preview_dialog > header { display: flex; justify-content: space-between; align-items: center; gap: .5em; }
#handover_list { overflow: auto; min-height: 0; scrollbar-gutter: stable; }
#handover_list article { border: 1px solid var(--input-border); border-radius: .4em; padding: .65em; margin: 0 0 .65em; }
#handover_list article > p { font-size: .8em; color: var(--text-dark); margin: 0; }
#schichtuebergabe pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: .9em; line-height: 1.4; }
#handover_preview_dialog { width: min(42em, 85vw); max-height: 80vh; overflow: auto; background: var(--background-secondary); color: var(--text-light); border: 1px solid var(--input-border); border-radius: .5em; }
#handover_preview_dialog::backdrop { background: #0009; }
@media (max-width: 900px) {
    #schichtuebergabe .handover-header > span { font-size: .7em; }
    #schichtuebergabe .handover-form-header { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #schichtuebergabe .handover-form-header h2 { grid-column: 1 / -1; }
    #schichtuebergabe .handover-actions { flex-wrap: wrap; }
}

#schichtuebergabe .handover-actions { flex-wrap: wrap; }
#schichtuebergabe [hidden] { display: none !important; }
#handover_list article { padding: .5em .6em; margin-bottom: .45em; }
#schichtuebergabe .handover-summary { font-size: .85em; line-height: 1.3; overflow-wrap: anywhere; }
#schichtuebergabe .handover-summary > div { margin: 0; }
#schichtuebergabe .handover-summary > div:first-child { margin-bottom: .25em; }
#handover_list article > p { margin-top: .35em; font-size: .72em; }
#schichtuebergabe .handover-card-actions { display: flex; flex-wrap: wrap; gap: .4em; margin-top: .35em; }
#schichtuebergabe .handover-card-actions .button { font-size: .8em; min-height: 1.8em; padding: .2em .55em; }
#handover_preview { margin-top: .75em; }

#schichtuebergabe .handover-field { display: flex; flex-direction: column; min-width: 0; min-height: 0; gap: .3em; }
#schichtuebergabe .handover-field-header { display: flex; align-items: center; justify-content: space-between; gap: .35em; }
#schichtuebergabe .handover-important { flex-direction: row; align-items: center; flex-shrink: 0; font-size: .72em; font-weight: normal; cursor: pointer; }
#schichtuebergabe .handover-important input { width: 1em; height: 1em; padding: 0; margin: 0; accent-color: #ef4444; }
#schichtuebergabe .handover-field:has(input:checked) textarea { border-color: #ef4444; }