/* Transparency Logs page (uses simple.css for header, footer, fonts and colors) */
body{background:#f5faff}
.back-link{font-size:12px;font-weight:700;color:var(--muted)}
.back-link:hover{color:var(--blue)}
.logs{padding-top:42px;padding-bottom:60px}
.logs h1{font:40px/1.1 Marcellus,Georgia,serif;letter-spacing:-1px;margin:12px 0 10px}
.logs-intro{color:var(--muted);line-height:1.8;font-size:14px;max-width:760px;margin:0 0 26px}
.logs-intro b{color:var(--ink)}

/* item rarity colors, same as the game (white, green, blue, red, purple, cyan), darkened to read on a white page */
.kind-0{color:var(--ink)}
.kind-1,.logs-intro b.kind-1{color:#1a7a28}
.kind-2,.logs-intro b.kind-2{color:#1470c8}
.kind-3,.logs-intro b.kind-3{color:#b44812}
.kind-4,.logs-intro b.kind-4{color:#b42bb4}
.kind-5,.logs-intro b.kind-5{color:#08748d}

.tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px 14px;scrollbar-width:thin}
.tabs button{flex:0 0 auto;border:1px solid #dbe7f0;background:#fff;color:#45627a;border-radius:999px;padding:9px 15px;font:700 12px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.tabs button:hover{border-color:#8cc4ea}
.tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
/* 2026-10-19: 14 tabs - wrap on wide screens, scroll sideways on phones */
@media(min-width:761px){.tabs{flex-wrap:wrap;overflow-x:visible}}

.filters{display:grid;grid-template-columns:1fr 1fr 170px 150px auto;gap:12px;align-items:end;background:#fff;border:1px solid #dceaf4;border-radius:16px;padding:18px;box-shadow:0 10px 30px #30658c0a}
.filters label span{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;color:#526d82;margin-bottom:6px}
.filters input,.filters select{width:100%;padding:11px 12px;border:1px solid #c7dce9;border-radius:9px;font:14px 'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}
.filter-actions{display:flex;gap:8px}
.filter-actions .button{border:0;cursor:pointer;padding:12px 18px}
.filters .clear{border:1px solid #dbe7f0;background:#fff;border-radius:9px;padding:11px 14px;font:700 12px 'DM Sans',Arial,sans-serif;color:#526d82;cursor:pointer}

.status{min-height:22px;font-size:13px;color:#4a6880;margin:18px 2px 10px}
.status.error{color:#b23b3b}

.entries{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.entry{background:#fff;border:1px solid #dfeaf3;border-radius:14px;padding:15px 17px}
.entry-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:11px;color:#6b8194}
.entry-head time{font-weight:700;color:#3e5d75;font-variant-numeric:tabular-nums}
.badge{display:inline-block;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800;letter-spacing:.5px;background:#eef5fb;color:#3d6787}
.badge.good{background:#e5f6ec;color:#1f7a47}
.badge.bad{background:#fdeceb;color:#a93a35}
.badge.warn{background:#fff3d6;color:#8a5a00}
.entry-main{margin-top:8px;font-size:14px;line-height:1.7}
.who{font-weight:800}
.arrow{color:#8aa0b2;margin:0 4px}
.item{font-weight:700;white-space:normal}
.item .extra{font-weight:600;color:#5f7a8f;margin-left:3px}
.items{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:6px}
.items .item{background:#f6f9fc;border:1px solid #e6eef5;border-radius:8px;padding:3px 8px;font-size:13px}
.side{margin-top:8px}
.side>span{font-size:11px;font-weight:700;color:#6b8194;letter-spacing:.3px}
.money{font-weight:700;color:#8a6a14}
.muted{color:#7a8fa1}
.entry details{margin-top:10px;border-top:1px dashed #e1ebf3;padding-top:8px}
.entry summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--blue);width:max-content}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:10px}
.detail-block{background:#f8fbfe;border:1px solid #e6eef5;border-radius:10px;padding:10px 12px;font-size:12px}
.detail-block h3{margin:0 0 6px;font-size:12px}
.detail-block dl{display:grid;grid-template-columns:auto auto;gap:3px 12px;margin:0}
.detail-block dt{color:#6b8194}
.detail-block dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}

.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px;font-size:13px;color:#4a6880}
.pager button{border:1px solid #dbe7f0;background:#fff;border-radius:9px;padding:9px 14px;font:700 12px 'DM Sans',Arial,sans-serif;color:#2c5877;cursor:pointer}
.pager[hidden]{display:none}
.pager button:disabled{opacity:.45;cursor:not-allowed}

input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #168bd0;outline-offset:2px}

@media(max-width:760px){
  .logs{padding-top:28px}
  .logs h1{font-size:31px}
  .filters{grid-template-columns:1fr 1fr;padding:14px}
  /* 2026-10-26 Date and Grade share the second row */
  .filter-actions{grid-column:1/3}
  .filter-actions .button{flex:1}
  .entry{padding:13px 14px}
  .entry-main{font-size:13px}
  .back-link{font-size:11px}
}
@media(max-width:420px){.filters{grid-template-columns:1fr}.filters label:nth-of-type(3),.filter-actions{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.tabs button{transition:none}}