body.travel-workspace {
    background: #f5f5ef;
    color: #20392f;
}
.travel-workspace header.app-banner {
    background: #173c31;
    color: #fff8e9;
    border-color: #173c31;
    border-radius: 0.7rem;
    padding: 0.65rem 1rem;
    box-shadow: none;
}
.app-banner .brand p, .app-banner .brand h1 { color: inherit; }
.app-banner .brand h1 { font-size: clamp(1.15rem, 2.4vw, 1.6rem); }
.app-banner .brand img { width: 2.6rem; }
.app-banner #einstellungen { background: #245444; color: #fff8e9; border: 0; padding: .35rem .65rem; }
.app-banner .settings-panel { background: #fff; color: #20392f; }
.workspace-intro, .workspace-actions, .workspace-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
}
.workspace-intro { margin-block: 1.4rem 1rem; }
.workspace-kicker { font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; margin: 0; }
.workspace-intro h2 { font: 2.25rem Georgia, serif; margin: .12rem 0 0; }
.workspace-actions { justify-content: flex-start; }
.workspace-actions .workspace-new, .workspace-mail {
    margin: 0;
    border: 1px solid #b8c7be;
    border-radius: .45rem;
    padding: .48rem .75rem;
}
.workspace-actions .workspace-new { position: relative; background: #245444; color: #fff; border-color: #245444; }
.workspace-new > form {
    position: absolute;
    z-index: 4;
    inset-inline-end: 0;
    width: min(28rem, calc(100vw - 3rem));
    max-height: 65vh;
    overflow: auto;
    background: #fff;
    color: #20392f;
    border: 1px solid #b8c7be;
    border-radius: .6rem;
    padding: 1rem;
}
.travel-workspace .workspace-options {
    background: #f8ead5;
    color: #513515;
    border: 0;
    border-inline-start: 3px solid #a75c1a;
    border-radius: .45rem;
    padding: .7rem 1rem;
    margin: 0 0 1.8rem;
}
.workspace-options h2 { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; margin: 0; }
.workspace-options ul { list-style: none; padding: 0; margin: .35rem 0 0; }
.workspace-options ul:empty { display: none; }
.workspace-options li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; }
.workspace-options li + li { margin-top: .35rem; }
.workspace-options span { font-size: .88rem; }
.workspace-list { border: 0; padding: 0; background: transparent; }
.workspace-list-heading h2 { font-size: 1.2rem; margin: 0; }
.workspace-list-heading span, .workspace-meta { color: #52675e; font-size: .85rem; }
.workspace-filters { display: flex; flex-wrap: wrap; gap: .4rem; margin: .65rem 0 .8rem; }
.workspace-filters button { background: #fff; color: #20392f; border-color: #cad7ce; font-size: .85rem; padding: .38rem .6rem; }
.workspace-filters button[aria-pressed=true] { background: #245444; color: #fff; border-color: #245444; }
.workspace-rows { background: #fff; border: 1px solid #dce4dd; border-radius: .65rem; }
.workspace-rows > article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5rem minmax(9rem, 15rem);
    align-items: center;
    gap: .65rem;
    margin: 0;
    padding: .65rem .9rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow-wrap: anywhere;
}
.workspace-rows > article + article { border-top: 1px solid #e3e9e4; }
.workspace-title { font-weight: 650; }
.workspace-meta { margin: .12rem 0 0; }
.workspace-priority { font-size: .88rem; }
.priority-high { color: #9e3027; font-weight: 650; }
.workspace-status { justify-self: start; background: #e8f1eb; border: 0; padding: .25rem .5rem; border-radius: .35rem; margin: 0; font-size: .82rem; max-width: 100%; }
.workspace-status form { margin-top: .35rem; }
.workspace-empty { margin: 0; padding: .8rem; }
.workspace-list [hidden], .workspace-rows .print-status { display: none; }
@media screen {
    .workspace-rows > .workspace-filtered { display: none; }
}
@media (max-width: 620px) {
    .workspace-rows > article { grid-template-columns: minmax(0, 1fr) auto; }
    .workspace-status { grid-column: 1 / -1; }
    .workspace-new > form { inset-inline-end: auto; inset-inline-start: 0; }
}
@media print {
    .workspace-list .screen-only, .workspace-empty { display: none; }
    .workspace-rows .print-status { display: inline; }
}

.workspace-options > summary {
    cursor: pointer;
    font-weight: 650;
}
.workspace-mail .option-count,
.workspace-options .option-count {
    display: inline-block;
    margin-inline-start: .35rem;
    padding: .05rem .45rem;
    border-radius: 1rem;
    background: #edd6b2;
    color: #513515;
}

.travel-workspace .workspace-rows > article.priority-urgent,
.travel-workspace .board article.priority-urgent {
    background: #ffe5e2;
    border-inline-start: 4px solid #ac2927;
    color: #641a18;
}
.priority-urgent .workspace-priority {
    color: #8a1c19;
    font-weight: 750;
}

.assignment-filter {
    display: flex;
    align-items: end;
    gap: .45rem;
    flex-wrap: wrap;
    margin: 0;
}
.assignment-filter label {
    font-size: .85rem;
}
.assignment-filter select {
    max-width: 100%;
}
@media print {
    .assignment-filter { display: none; }
}

.assignment-picker {
    position: relative;
    margin: 0;
    padding: .48rem .75rem;
    border-radius: .45rem;
}
.assignment-picker > .assignment-filter {
    position: absolute;
    inset-inline-start: 0;
    z-index: 4;
    width: min(21rem, calc(100vw - 3rem));
    max-height: 60vh;
    overflow: auto;
    padding: .8rem;
    border: 1px solid #b8c7be;
    border-radius: .6rem;
    background: #fff;
}
.assignment-picker:not([open]) > .assignment-filter { display: none; }
.assignment-filter fieldset { width: 100%; min-width: 0; border: 0; padding: 0; }
.assignment-filter fieldset label { display: flex; align-items: center; gap: .4rem; padding: .2rem 0; }
.assignment-filter fieldset p { margin: .5rem 0 0; font-size: .85rem; }