.books-subnav{display:flex;gap:4px;width:max-content;max-width:100%;padding:4px;margin:0 0 var(--s-5);border:1px solid var(--line);border-radius:var(--r-2);background:var(--s1);overflow:auto}
.books-subnav button{border:0;border-radius:var(--r-1);background:transparent;color:var(--text-2);font:inherit;font-size:12px;font-weight:600;padding:8px 14px;white-space:nowrap;cursor:pointer}
.books-subnav button:hover{background:var(--s2);color:var(--text)}
.books-subnav button[data-on="true"]{background:var(--s3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.books-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}
.books-toolbar h2{font-size:26px;margin:5px 0 4px;text-transform:uppercase}
.books-toolbar p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.books-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin-bottom:var(--s-4)}
.books-kpis>div{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-2);background:linear-gradient(180deg,var(--s2),var(--s1));box-shadow:var(--sh-1)}
.books-kpis span,.books-kpis small{display:block;color:var(--muted);font-size:11px}
.books-kpis strong{display:block;font-family:'IBM Plex Mono',monospace;font-size:22px;line-height:1.2;margin:5px 0;color:var(--text)}
.books-muted{color:var(--muted);font-size:11px;line-height:1.4}
.books-actions{white-space:nowrap}
.books-actions .btn+.btn{margin-left:4px}
.books-note{border-top:1px solid var(--line-soft);color:var(--muted);font-size:11.5px}
.books-form-note{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--s1);color:var(--muted);font-size:11.5px;line-height:1.55}
.books-calculation{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:15px 17px;border:1px solid var(--sodium-dim);border-radius:var(--r-2);background:rgba(242,169,59,.07)}
.books-calculation span{color:var(--muted);font-size:11.5px}
.books-calculation strong{font-family:'IBM Plex Mono',monospace;font-size:22px;color:var(--sodium)}
.books-pay-card{display:grid;grid-template-columns:1fr auto;gap:2px var(--s-4);align-items:center;padding:16px 18px;margin-bottom:var(--s-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--s1)}
.books-pay-card>span,.books-pay-card>small{grid-column:1;color:var(--muted);font-size:11px}
.books-pay-card>strong{grid-column:1;font-size:18px}
.books-pay-card>div{grid-column:2;grid-row:1/4;font-family:'IBM Plex Mono',monospace;font-size:20px;color:var(--sodium)}
.books-pay-card>div small{display:block;font-family:'IBM Plex Sans',sans-serif;color:var(--muted);font-size:10px;text-align:right}
.books-stock-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.books-stock-math{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin-bottom:var(--s-4)}
.books-stock-math>div{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--s1)}
.books-stock-math span,.books-stock-math small{display:block;color:var(--muted);font-size:10.5px}
.books-stock-math strong{display:block;font-family:'IBM Plex Mono',monospace;font-size:19px;margin:3px 0}
@media(max-width:900px){.books-stock-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.books-actions .btn{display:block;width:100%;margin:3px 0!important}.books-pay-card{grid-template-columns:1fr}.books-pay-card>div{grid-column:1;grid-row:auto;margin-top:8px}.books-pay-card>div small{text-align:left}}
@media(max-width:720px){.books-toolbar{align-items:stretch;flex-direction:column}.books-toolbar .btn{width:100%}.books-kpis,.books-stock-math,.books-stock-fields{grid-template-columns:1fr}.books-subnav{width:100%}.books-subnav button{flex:1}.books-calculation{align-items:flex-start;flex-direction:column}}