.auth-layout {max-width:1300px;}

.pill {display:inline-block; padding:0.2em 0.5em; color: white; background-color:var(--primary); border-radius:0.5em;}
.prio {display:inline-block; padding:0em 0.4em; color: white; background-color:var(--primary-light); border-radius:0.5em;}

.prio.level-5 {background-color:color-mix(in srgb, var(--primary), #fff 80%);}
.prio.level-4 {background-color:color-mix(in srgb, var(--primary), #fff 60%);}
.prio.level-3 {background-color:color-mix(in srgb, var(--primary), #fff 40%);}
.prio.level-2 {background-color:color-mix(in srgb, var(--primary), #fff 20%);}
.prio.level-1 {background-color:color-mix(in srgb, var(--primary), #fff 0%);}

.warning {background-color:var(--warning); color:white;}

.small {font-size:0.8em; line-height:130%;}
.mark-line, table.fancy tr.mark-line {background-color:var(--highlight);}
.nowrap {white-space: nowrap;}

.wide-gap {grid-gap:4em;}

.date-btn {background-color: var(--grey-darker);}

.raw-article .content {padding:1em; background-color:var(--grey); font-size:0.9em; line-height:130%; word-break: break-word;}

.ai-article, .raw-article {margin-bottom:1em;}
.kicker {margin-bottom:1.4em;}
.teaser {font-style: oblique;}
.content {margin-bottom:1em;}
.tags {margin-bottom:1em;}

.content h3 {margin-top:1em; margin-bottom:0.5em;}
.meta {margin-top:1em; margin-bottom:1em; font-style: oblique;}

.regenerate-area {background-color: var(--grey); padding:1em;}
.regenerate-area textarea {height:120px; margin-bottom:1em;}

.ai-summary {margin-bottom:1em; }


.calendar-container {float:right;}


.calendar-container {position:relative; font-size:.9em; line-height:100%; display:flex; gap:0.5em; flex-wrap: wrap; margin-bottom:1em;}
.calendar-container select, .calendar-container input {margin:0; padding:0; background-color:white;}
.calendar-container * {box-sizing: border-box; margin:0;}
.calendar-container select, .calendar-container input {padding:3px;}
.calendar-container input[type='date'] {padding:3px; font-size:0.85em;}

.portal-picker {background-color:#f0f0f0; padding:0.4em .6em 0.4em .6em; display:flex; align-items:start; gap:0.3em; flex-wrap: nowrap}
.portal-picker {display:flex; gap:0.3em;}
.calendar-portal {} 


.calendar-picker {background-color:#f0f0f0; padding:0.4em .6em 0.4em .6em; display:flex; flex-wrap: wrap; align-items:start; gap:0.3em; flex-wrap: nowrap}
@media only screen and (max-width: 1200px) {}

.calendar-datepicker fieldset {display:flex; gap:0.3em; align-items:center}
.timeframe-picker {display:flex; gap:1em;}
.icon-calendar {max-width:40px; position:relative; top:5px; cursor:pointer; border:0; }

.calendar-picker input, .calendar-picker select {width:auto; display:inline-block; cursor:pointer;}

.calendar-button {background-image: url('/styles/flundr/img/icon-calendar.svg'); background-color:transparent; background-size:cover;
width: 25px; height: 25px; position:relative; top:-1px; left:2px; border:0; cursor:pointer;}

button.calendar-button:hover {background-color:white !important;}
button.calendar-button:active {background-color:#7fb5fb !important;}
button.calendar-button:focus {background-color:white !important;}

.attachments {display:flex; flex-wrap: wrap; gap:1em; justify-content: space-around; align-content: center;}
.attachment {background-color: var(--grey); padding:0.5em; }