/* transfers.html — page styles (a file, so the CSP can refuse inline <style>) */
.sumrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px;max-width:900px}
.sum{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px}
.sum .l{font-size:12px;font-weight:700;color:var(--mute)}
.sum .v{font-family:var(--tech);font-weight:700;font-size:26px;line-height:1.15}
.sum.release .v{color:var(--atk-ink)}.sum.transfer .v{color:var(--def-ink)}

.toolbar{position:sticky;top:64px;z-index:5;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.toolbar .wrap{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:10px 16px;padding-top:12px;padding-bottom:12px;align-items:center}
.toolbar .rows{display:grid;gap:8px;min-width:0}
.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;flex:none;padding:0 4px}
.toggle input{accent-color:var(--def);width:16px;height:16px}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding-top:22px;padding-bottom:64px;align-items:start}
.day{margin-top:6px}
.day h3{position:sticky;top:calc(64px + var(--tb,118px));z-index:2;font-family:var(--tech);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--mute);padding:10px 0 8px;background:var(--bg);display:flex;gap:10px;align-items:center}
.day h3 span{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:0}
.day h3::after{content:"";flex:1;height:1px;background:var(--line)}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px 16px;margin-bottom:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .2s}
.item:hover{border-color:var(--line-2)}
.names{font-weight:800;font-size:15.5px;line-height:1.35}
.names a{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.names a:hover{text-decoration-color:var(--text)}
.names .role{font-weight:600;color:var(--mute);font-size:12.5px;margin-left:6px}
.move{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13.5px;color:var(--text-2);flex-wrap:wrap}
.team{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--text)}
.team .tlogo{width:24px;height:24px}
.tb .n{display:flex;align-items:center;gap:8px}.tb .n .tlogo{width:18px;height:18px}
.ctr{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--mute)}
.arrow{color:var(--mute)}
.none{color:var(--mute);font-style:normal;font-weight:600}
.meta{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:11.5px;color:var(--mute);font-weight:600}
.meta .lg{padding:1px 7px;border-radius:3px;border:1px solid var(--line-2)}
.grade{display:inline-flex;align-items:center;gap:5px}
.grade i{width:7px;height:7px;border-radius:2px;background:var(--def)}
.more-btn{width:100%;justify-content:center;margin-top:8px}

aside .panel{position:sticky;top:calc(64px + var(--tb,118px) + 12px)}
.tbars{display:grid;gap:4px;margin-top:6px}
.tb{display:grid;grid-template-columns:minmax(0,1fr) 92px 26px;gap:10px;align-items:center;padding:6px 8px;margin:0 -8px;border-radius:var(--r-sm);font-size:13px;text-align:left;width:calc(100% + 16px);transition:background .2s}
.tb:hover{background:var(--bg-3)}
.tb[aria-pressed="true"]{background:var(--bg-3);box-shadow:inset 2px 0 0 var(--atk)}
.tb .n{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb .bar{height:8px;border-radius:3px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden;display:flex}
.tb .bar i{display:block;height:100%}
.tb .bar .r{background:var(--atk)}.tb .bar .t{background:var(--def)}.tb .bar .x{background:var(--mute)}
.tb .c{font-family:var(--mono);font-size:12px;text-align:right}
.key{display:flex;gap:12px;font-size:11.5px;color:var(--mute);margin-top:4px;flex-wrap:wrap}
.key span{display:inline-flex;gap:5px;align-items:center}.key i{width:9px;height:9px;border-radius:2px}
.clear{font-size:12.5px;font-weight:700;color:var(--text-2);margin-top:12px;text-decoration:underline;text-underline-offset:2px}

@media (max-width:1024px){
  .layout{grid-template-columns:minmax(0,1fr)}
  aside{order:-1}
  aside .panel{position:static}
  .tb:nth-child(n+7){display:none}
  .toolbar{top:64px}
}
@media (max-width:640px){
  .sumrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar{top:56px}
  .toolbar .wrap{grid-template-columns:minmax(0,1fr)}
  .day h3{top:calc(56px + var(--tb,160px))}
  .item{grid-template-columns:minmax(0,1fr);padding:13px 14px}
  .item .tag{justify-self:start;grid-row:1}
}