/* Readable archive text without changing the shared navigation. */
.database-workspace .table-wrap table{font-size:12px;line-height:1.45;min-width:1250px}
.database-workspace .table-wrap th{font-size:12px;line-height:1.4;padding:8px}
.database-workspace .table-wrap td{padding:7px 8px}
.database-workspace .count{font-size:12px;min-height:30px}
.database-workspace .heading p,.database-workspace .notice,.database-workspace .empty{font-size:14px;line-height:1.5}
.database-workspace .search input{font-size:14px;height:34px;padding-left:66px}
.database-workspace .search::before{font-size:10px}
.mission-actions{display:flex;align-items:center;justify-content:center;gap:6px}
.database-workspace .actions{vertical-align:middle;text-align:center;min-width:72px}
.database-workspace .actions .icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;line-height:1;font-size:17px}
.database-workspace .actions .icon[hidden]{display:none}
.database-workspace .actions [data-edit] span{display:inline-block;transform:scaleX(-1)}
.database-workspace .actions [data-delete]{font-size:22px}
.mission-filters{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:var(--ui-slate,#293d4d);border-bottom:1px solid #607989}
.mission-filters label{display:grid;gap:4px;flex:1 1 150px;color:#dceeff;font:13px var(--body-font,Arial)}
.mission-filters select{min-width:0;width:100%;height:34px;background:#213340;color:white;border:1px solid #8298aa;padding:5px 8px;font:14px var(--body-font,Arial);color-scheme:dark}
@media(max-width:600px){.mission-filters select{font-size:16px}.mission-filters label{flex-basis:130px}}

.database-workspace .actions .icon{padding:0!important;font-size:17px!important;line-height:1}.database-workspace .actions [data-delete]{font-size:22px!important}

.mission-profile-link,.mission-assigned-profiles a{color:#8bcfff;text-decoration:underline;text-underline-offset:2px}.mission-profile-link:hover,.mission-assigned-profiles a:hover{color:#fff}.mission-assigned-profiles{font-size:12px}

.mission-character-cards{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:180px;max-width:360px}.mission-character-cards .mission-character-card{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border:1px solid var(--character-card-color);border-radius:4px;background:var(--character-card-color);color:var(--character-card-text);font:600 12px/1.3 var(--body-font,Arial);text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #0003}.mission-character-cards a.mission-character-card:hover{color:var(--character-card-text);text-decoration:none;box-shadow:0 0 0 1px var(--character-card-color),0 2px 4px #0005}.mission-character-cards a:focus-visible{outline:2px solid #83caff;outline-offset:2px}

.mission-character-cards .mission-character-card.is-unassigned,.mission-character-cards a.mission-character-card.is-unassigned:hover{background:#000000;color:#FFFFFF;border-color:transparent;box-shadow:none}

/* Consistent spacing between archive sections and within filter controls. */
.database-workspace-inner{display:flex;flex-direction:column;gap:12px;min-width:0}
.database-workspace-inner > .heading,
.database-workspace-inner > .panel,
.database-workspace-inner > .notice{margin:0}
.database-workspace-inner > .heading{padding:10px}
.database-workspace-inner > .mission-link-panel{padding:10px}
.database-workspace-inner .toolbar{padding:10px;gap:10px}
.database-workspace-inner .toolbar-actions{gap:10px}
.database-workspace-inner .mission-filters{padding:10px;gap:10px}

.mission-gm-cards{min-width:90px;max-width:220px}

/* Fit mission fields to the available width, wrapping rather than scrolling sideways. */
.database-workspace-inner,.database-workspace-inner > .panel{min-width:0;max-width:100%;box-sizing:border-box}
.database-workspace .table-wrap table{width:100%;min-width:0;table-layout:fixed}
.database-workspace .table-wrap th,.database-workspace .table-wrap td{min-width:0;text-align:center;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
.database-workspace .table-wrap th:nth-child(1){width:10%}
.database-workspace .table-wrap th:nth-child(2){width:8%}
.database-workspace .table-wrap th:nth-child(3){width:9%}
.database-workspace .table-wrap th:nth-child(4){width:7%}
.database-workspace .table-wrap th:nth-child(5){width:9%}
.database-workspace .table-wrap th:nth-child(6){width:8%}
.database-workspace .table-wrap th:nth-child(7){width:18%}
.database-workspace .table-wrap th:nth-child(8){width:5%}
.database-workspace .table-wrap th:nth-child(9){width:6%}
.database-workspace .table-wrap th:nth-child(10){width:15%}
.database-workspace .table-wrap th:nth-child(11){width:5%}
.database-workspace .table-wrap .notes,.database-workspace .table-wrap .actions{min-width:0}
.mission-character-cards{min-width:0;max-width:100%;justify-content:center}
.mission-character-cards .mission-character-card{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:center}
.mission-actions{flex-wrap:wrap}
.database-workspace :is(input,select,textarea,label),[data-form] :is(input,select,textarea,label){text-align:center;min-width:0;max-width:100%;box-sizing:border-box}
.database-workspace select,[data-form] select{text-align-last:center}
.database-workspace .search input{padding-left:66px;padding-right:66px}
.mission-link-row{text-align:center;min-width:0}.mission-link-row > *{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.mission-name-appearances{padding-left:0;list-style:none;text-align:center}
.mission-filters label{min-width:0}
@media(max-width:1700px){
 .database-workspace .table-wrap table,.database-workspace .table-wrap tbody{display:block}
 .database-workspace .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .database-workspace .table-wrap tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid #607989}
 .database-workspace .table-wrap td{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto!important;height:auto;min-height:54px;padding:8px;gap:5px}
 .database-workspace .table-wrap td::before{content:attr(data-label);font-weight:700;color:#a9cfee;font-size:11px}
 .database-workspace .table-wrap td:nth-child(7),.database-workspace .table-wrap td:nth-child(10),.database-workspace .table-wrap td:nth-child(11){grid-column:1/-1}
 .mission-link-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mission-link-row > strong,.mission-link-row > .mission-link-actions{grid-column:1/-1}
 .database-workspace .toolbar{grid-template-columns:minmax(0,1fr)}
 .database-workspace .toolbar-actions{justify-content:center}
}
@media(max-width:600px){.mission-link-row{grid-template-columns:minmax(0,1fr)}.database-workspace .heading-copy{min-width:0;max-width:100%}.database-workspace .heading{min-width:0;max-width:100%;flex-wrap:wrap}.mission-award-row{grid-template-columns:minmax(0,1fr);text-align:center}.mission-award-row > span{grid-column:auto}}

.database-workspace-inner .toolbar{grid-template-columns:minmax(0,1fr)}
.database-workspace .table-wrap th:nth-child(1){width:8%}
.database-workspace .table-wrap th:nth-child(2){width:10%}
.database-workspace .table-wrap th:nth-child(3){width:8%}
.database-workspace .table-wrap th:nth-child(4){width:9%}
.database-workspace .table-wrap th:nth-child(5){width:7%}
.database-workspace .table-wrap th:nth-child(6){width:8%}
.database-workspace .table-wrap th:nth-child(7){width:8%}
.database-workspace .table-wrap th:nth-child(8){width:17%}
.database-workspace .table-wrap th:nth-child(9){width:5%}
.database-workspace .table-wrap th:nth-child(10){width:15%}
.database-workspace .table-wrap th:nth-child(11){width:5%}
@media(max-width:1700px){.database-workspace .table-wrap td:nth-child(7){grid-column:auto}.database-workspace .table-wrap td:nth-child(8){grid-column:1/-1}}

.database-workspace .table-wrap table{table-layout:auto}
.database-workspace .table-wrap th:nth-child(n){width:auto;white-space:nowrap;overflow-wrap:normal}
.mission-character-cards:not(.mission-gm-cards){display:grid;grid-template-columns:repeat(5,minmax(max-content,1fr));gap:4px;width:100%;max-width:none}
.mission-character-cards:not(.mission-gm-cards) .mission-character-card{width:100%;padding:3px 4px}
@media(min-width:1701px){.database-workspace .table-wrap td:nth-child(8){min-width:300px;width:300px}.database-workspace .table-wrap td{max-width:180px}.database-workspace .table-wrap td:nth-child(8){max-width:400px}}
.mission-date-filters{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:var(--ui-slate,#293d4d);border-bottom:1px solid #607989}
.mission-date-filters fieldset{display:flex;flex:1 1 340px;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;margin:0;padding:8px;border:1px solid #607989;border-radius:3px}
.mission-date-filters legend{color:#dceeff;font-size:13px;text-align:center;padding:0 6px}
.mission-date-filters :is(input,select){min-width:0;flex:1 1 80px;width:80px;max-width:100%;height:34px;background:#213340;color:white;border:1px solid #8298aa;padding:5px;font:14px var(--body-font,Arial);text-align:center;color-scheme:dark}
.mission-date-filters input[type=date]{flex-basis:160px}.mission-date-filters p{width:100%;margin:0;text-align:center;font-size:12px;color:#dceeff}.mission-date-filters p:empty{display:none}
@media(max-width:1700px){.database-workspace .table-wrap td::before{white-space:nowrap}}

/* Give names their natural width instead of breaking them inside a word. */
.database-workspace-inner{width:100%}
.mission-character-cards .mission-character-card{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.database-workspace .table-wrap td:nth-child(6),
.database-workspace .table-wrap td:nth-child(7){white-space:nowrap;overflow-wrap:normal;max-width:none}
.mission-gm-cards{min-width:max-content}
@media(min-width:1701px){
 .database-workspace .table-wrap td:nth-child(8){width:auto;min-width:360px;max-width:none}
}
@media(max-width:600px){
 .mission-character-cards:not(.mission-gm-cards){display:flex;flex-wrap:wrap}
 .mission-character-cards:not(.mission-gm-cards) .mission-character-card{width:auto;flex:0 0 auto}
}