/* Time (roster.js, docs/DESIGN.md › Time): one tile per species the player has and, for one species, the organizer
   with the player's own order and the favourites. Only the colours of the Bestiary Arena skin. */
.rs{max-width:1280px;margin:0 auto}
.rs>.window-title{display:flex;justify-content:space-between;gap:6px}
.rs-body{padding:6px;display:grid;gap:6px}
.rs-body>*{min-width:0}
.rs-tools{display:flex;gap:4px}
.rs-tools input{flex:1 1 auto;min-width:0}
.rs-tools select{flex:0 0 auto;width:120px}
.rs-tools button{flex:0 0 auto;white-space:nowrap}
.rs-chips{display:flex;flex-wrap:wrap;gap:2px}
.rs-chips button{min-height:26px;padding:0 8px}
.rs-chips button small{color:#a9a9a9}
.rs-chips .rs-all{margin-left:auto}
.rs-chips button.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.rs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:4px;padding:4px;background:#1e1e1e;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.rs-grid>.pf-note{grid-column:1/-1;margin:6px}
.rs-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;height:auto;min-height:116px;padding:3px 2px;text-align:center}
.rs-tile.in-team{border-color:#5fc85f}
.rs-tile b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;color:#fff}
.rs-tile small{color:#c0c0c0}
.rs-art{position:relative;display:block;width:80px;height:80px;flex:0 0 80px;overflow:hidden;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000}
.rs-tile i{position:absolute;font-style:normal;font:11px/13px 'Tibia Pixel',Verdana,sans-serif;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none}
.rs-count{top:3px;right:4px;color:#f4d35e}
.rs-fav{top:3px;left:4px;color:#e8c547}
.rs-shiny{top:16px;left:4px;color:#7cf08a}

/* Organizer of one species */
dialog.window.rs-modal{width:min(560px,calc(100vw - 24px))}
.rs-head{display:flex;align-items:center;gap:8px;padding:6px;margin-bottom:6px;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.rs-head b{display:block;color:#fff;font-weight:normal}
.rs-head small{display:block;color:#c0c0c0}
.rs-head small.warn{color:#e4ca78}
.rs-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rs-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:6px;padding:3px;background:#2b2b2b;border:1px solid #111}
.rs-row.is-fav{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.rs-row>.ba-slot{width:44px}
.rs-info{min-width:0}
.rs-info b{display:block;color:#fff;font-weight:normal}
.rs-info small{display:block;color:#c0c0c0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-tags{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}
.rs-tag{padding:0 4px;font-size:10px;line-height:13px;color:#c0c0c0;background:#1c1c1c;border:1px solid #111}
.rs-tag.ok{color:#5fc85f}
.rs-acts{display:flex;gap:2px}
.rs-acts button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}
.rs-star{color:#a9a9a9}
.rs-star.on{color:#e8c547;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.rs-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px}
.rs-foot>span{color:#c0c0c0}
.rs-foot button{flex:1 1 auto;min-height:28px}
#roster-message:empty{display:none}
#roster-message.is-bad{color:#e8756c}
@media(min-width:1000px){.rs-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}
@media(max-width:420px){.rs-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.rs-tools select{width:96px}}