/* Gemeinsame Neu-Markierung für Reservierungen und Dokumenteinträge. */
.fr-new-marker,#home-view .fr-new-marker,.fr-doc-row .fr-new-marker{display:inline-flex;align-items:center;justify-content:center;background:#a62023;color:#fff;font-size:12px;font-weight:500;line-height:1.2;border:0;border-radius:4px;padding:2px 5px;white-space:nowrap;flex-shrink:0}
.fr-single-new{display:flex;justify-content:flex-end;align-items:center;margin-top:6px;gap:4px}
#home-view .home-row-main>.fr-single-new,.fr-doc-copy>.fr-single-new{width:100%}
.card>.fr-single-new{margin-bottom:6px}

/* Keep the title's full width; Neu shares the metadata line on small phones.
   Grid allows long dates/descriptions and larger text to wrap without overlap. */
@media(max-width:430px){
 .fr-doc-copy,#home-view .home-row-main:has(>.fr-entry-flags){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:3px;align-items:center}
 .fr-doc-copy>strong,#home-view .home-row-main:has(>.fr-entry-flags)>strong{grid-column:1/-1}
 .fr-doc-copy>small,#home-view .home-row-main:has(>.fr-entry-flags)>small{grid-column:1;min-width:0;margin-top:0;overflow-wrap:anywhere}
 .fr-doc-copy>.fr-single-new,#home-view .home-row-main>.fr-entry-flags{grid-column:2;grid-row:2;width:auto;margin:0;align-self:start}
 .fr-doc-row{gap:9px;padding:9px 10px;min-height:60px;margin-bottom:6px}
 .fr-doc-row>svg{width:24px;height:24px}
 .fr-doc-copy strong{font-size:15px}
 .fr-doc-copy small{font-size:12px}
 #home-view .home-row{padding-top:8px;padding-bottom:8px;min-height:60px}
 #home-view .fr-assigned-task>.home-row{grid-column:1/3;grid-row:1}
 #home-view .fr-assigned-task>.fr-assignment-link{grid-column:1;grid-row:2;justify-self:start;min-height:32px;padding:0 0 6px}
 #home-view .fr-assigned-task>.fr-task-markers{grid-column:2;grid-row:2;margin:0 0 6px;gap:4px}
 #home-view .fr-assigned-task>.fr-task-arrow{grid-column:3;grid-row:1/3}
 .fr-reservation-row{padding-top:8px;padding-bottom:8px;min-height:64px;row-gap:3px}
 .fr-reservation-main strong{font-size:16px}
 .fr-reservation-main small{font-size:13px}
 :is(.fr-task-entry,.fr-reservation-row,.fr-doc-row,#home-latest) :is(.fr-entry-badge,.fr-new-marker){font-size:11px;padding:2px 5px}
}
@media(max-width:360px){
 .fr-reservation-row{grid-template-columns:42px minmax(0,1fr) auto 14px;column-gap:7px}
 .fr-reservation-row>.fr-reservation-lead{grid-column:1;grid-row:1/4;align-self:start}
 .fr-reservation-row>.fr-reservation-main{grid-column:2/4;grid-row:1}
 .fr-reservation-row>.fr-passengers{grid-column:2/4;grid-row:2;padding-top:0;font-size:12px}
 .fr-reservation-row>.fr-entry-flags{grid-column:1/4;grid-row:3}
 .fr-reservation-row>.home-chevron{grid-column:4;grid-row:1/4;align-self:center}
}