/* Temperamento (docs/TEMPERAMENTO.md): profile tab, batch window and the small icon + name chip. pf-panel blocks,
   client buttons, the selected state of docs/DESIGN.md and the ba-outcome confirmation; colours from the palette. */
.tp-chip{display:inline-flex;align-items:center;gap:3px;padding:0 4px;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000;color:#e8c547;white-space:nowrap;vertical-align:middle;line-height:14px}
.tp-chip small{color:#a9a9a9}
.tp-natural,.tp-legacy{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding:6px;margin:0 0 6px}
.tp-ico{display:grid;place-items:center;width:28px;height:28px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.tp-natural>span:last-child,.tp-legacy>span{display:grid;gap:1px;min-width:0}
.tp-natural small,.tp-legacy small{color:#a9a9a9}
.tp-natural b{color:#e8c547;font-weight:normal}
.tp-natural em,.tp-legacy em{font-style:normal;color:#c0c0c0}
.tp-legacy{box-shadow:inset 3px 0 0 #e8c547,1px 1px #6a6a6a}
.tp-legacy b{color:#e8c547;font-weight:normal}
.tp-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:0 0 6px}
.tp-card{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-width:0;min-height:52px;padding:4px 2px 3px;white-space:normal;line-height:11px;text-align:center}
.tp-card span{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tp-card .ti{height:22px;width:auto}
.tp-card.is-sel{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.tp-card.is-cur::after{content:'atual';position:absolute;top:-1px;right:-1px;padding:0 2px;font-size:8px;line-height:9px;background:#262626;color:#5fc85f;border:1px solid #111}
.tp-cards.is-mini .tp-card{min-height:44px}
.tp-panel{padding:6px;margin:0 0 6px}
.tp-detail{display:grid;gap:5px}
.tp-dtitle{display:flex;align-items:center;gap:6px}
.tp-dtitle b{color:#fff;font-weight:normal;font-size:12px}
.tp-desc{margin:0;color:#c0c0c0}
.tp-prio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:5px 6px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.tp-prio div{display:flex;align-items:center;gap:5px;min-width:0}
.tp-prio span{color:#a9a9a9;white-space:nowrap}
.tp-prio b{margin-left:auto;color:#fff;font-weight:normal;text-align:right;min-width:0}
.tp-extra{margin:0;color:#a9a9a9}
.tp-foot{display:flex;align-items:center;gap:4px}
.tp-foot span{flex:1}
.tp-note{margin:4px 0 0}
/* batch */
dialog.window.tp-modal{width:min(640px,calc(100vw - 12px))}
#temper-body{display:flex;flex-direction:column;gap:6px;padding:6px;overflow:auto;max-height:calc(100dvh - 48px)}
#temper-body .pf-tabs{margin:0}
.tp-filters{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 4px}
.tp-filters button{min-height:20px;padding:0 6px}
.tp-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;margin:0 0 4px}
.tp-list{max-height:min(30dvh,300px)}
.tp-row{grid-template-columns:auto 34px minmax(0,1fr)}
.tp-row .sl-name strong small{color:#a9a9a9}
.tp-row .sl-name small.tp-now{display:flex;align-items:center;gap:4px;min-width:0;color:#a9a9a9}
.tp-tactics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:4px 0 6px}
.tp-tactics button{display:grid;gap:3px;justify-items:center;min-height:42px;padding:3px;white-space:normal}
.tp-tactics small{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}
.tp-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.tp-member{display:grid;justify-items:center;gap:2px;min-width:0}
.tp-member small{max-width:100%;overflow:hidden}
.tp-member .tp-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:460px){
 .tp-prio{grid-template-columns:minmax(0,1fr)}
 .tp-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tp-card{grid-template-columns:18px minmax(0,1fr);justify-items:start;align-items:center;gap:3px;min-height:32px;padding:3px;text-align:left}
 .tp-card .ti{height:18px!important;width:18px!important;object-fit:contain}
 .tp-card[data-tp="natural"]{grid-column:1/-1}
 .tp-cards.is-mini .tp-card{min-height:30px}
 .tp-tactics{grid-template-columns:minmax(0,1fr)}
 .tp-tactics button{grid-template-columns:auto minmax(0,1fr);justify-items:start;min-height:30px}
 .tp-search{grid-template-columns:1fr 1fr}
 .tp-search input{grid-column:1/-1}
 .tp-team{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* The profile tab's name is the longest one: more room for it, less for Tier. */
#detail .profile-nav{grid-template-columns:1fr 1.1fr .7fr 1.7fr}