/* Compact card footers and one set of familiar Littlekin view buttons. */
.kb-book .kb-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding-bottom:10px}
.kb-book .kb-tabs{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;padding:0;overflow:visible;min-width:0}
.kb-book .kb-tabs .filter-chip{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:8px 12px;border:1px solid #e7dfd1;border-radius:8px;background:#fffefb;color:#7c756b;font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;letter-spacing:0}
.kb-book .kb-tabs .filter-chip:hover{background:#f7faf4;color:#526f53;border-color:#cbd9c6}
.kb-book .kb-tabs .filter-chip.active{background:#edf4ed;color:#526f53;border-color:#dbe6d8}
.kb-book .kb-book-options{display:flex;align-items:center;gap:8px;min-width:0;margin-left:auto}
.kb-book .kb-book-options .select-control{width:130px;min-width:0;min-height:44px;padding:8px 22px 8px 10px;border:1px solid #e1e7e2;border-radius:8px;background:#fffefb;color:#5e7062;font-size:13px;line-height:1.4;box-shadow:none}
.kb-book .kb-book-options .kb-refresh{margin:0;width:44px;height:44px;flex:0 0 44px;border-radius:8px;background:#fffefb;border-color:#e7dfd1;color:#7c756b}
.kb-book .kb-card-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 0 auto;width:calc(100% + 24px);min-height:0;margin:0;padding:9px 8px;border-top:1px solid #ece3d7;background:#f9f5ed}
.kb-book .kb-card-footer.is-collected{background:#e5efdf;border-color:#cbdcc4;color:#4f7047}
.kb-book .kb-card-footer .kb-card-pair{flex:0 0 auto;width:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.kb-book .kb-card-footer.is-collected .kb-card-pair,.kb-book .kb-card-footer.is-collected .kb-card-pair strong{color:#4f7047}
.kb-book .kb-card-footer .kb-owned{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;width:auto;height:auto;min-height:0;margin:0;padding:0;background:none;color:#4f7047;font-size:10px;line-height:1.4}
.kb-book .kb-card-footer .kb-owned .icon{flex:0 0 12px;width:12px;height:12px}
.kb-book .kb-card-footer .kb-mini{margin:0;width:30px;height:30px;flex-basis:30px}
.kb-book .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.kindred-shelf-link>.kindred-shelf-book{width:28px;height:28px;flex:0 0 28px}
.kindred-shelf-link>.kindred-shelf-copy{flex:1;min-width:0}
/* Share content-sized rows across adjacent cards; no empty ownership row. */
@supports(grid-template-rows:subgrid){
 .kb-book .kb-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;justify-items:center;align-items:stretch}
 .kb-book .kb-card-open{align-self:start}
 .kb-book .kb-card>.kb-credit{align-self:start}
 .kb-book .kb-card-footer{align-self:stretch}
}
@media(max-width:1100px){
 .kb-book .kb-tabs{flex-basis:100%}
}
@media(max-width:700px){
 .kb-book .kb-toolbar{gap:8px;padding:10px 14px 8px}
 .kb-book .kb-tabs{display:flex;flex-wrap:wrap;gap:6px;overflow:visible}
 .kb-book .kb-tabs .filter-chip{font-size:12px;padding:8px 10px}
 .kb-book .kb-book-options{width:100%;gap:6px;margin-left:0}
 .kb-book .kb-book-options .select-control{flex:1 1 0;width:0;font-size:16px;padding-left:8px;padding-right:18px}
 .kb-book .kb-book-options .kb-refresh{flex-basis:40px;width:40px;margin-left:auto}
 .kb-book .kb-card-footer{width:calc(100% + 16px);padding:8px 6px}
 .kb-book .kb-card-footer .kb-card-pair{min-height:0;font-size:10px;padding:0;line-height:1.4}
 .kb-book .kb-card-footer .kb-owned{font-size:10px;gap:3px}
}
@media(max-width:360px){
 .kb-book .kb-toolbar{padding-left:10px;padding-right:10px}
 .kb-book .kb-tabs .filter-chip{padding-left:8px;padding-right:8px}
 .kb-book .kb-book-options{flex-wrap:wrap}
 .kb-book .kb-book-options .select-control{flex:1 1 calc(50% - 4px);width:calc(50% - 4px)}
 .kb-book .kb-book-options .kb-refresh{height:36px;min-height:36px}
 .kb-book .kb-card-footer .kb-owned{font-size:9px}
}
