.bbar{ position:fixed; top:0; left:0; right:0; z-index:80; background:#fff; border-bottom:1px solid var(--line);
           padding:9px 16px 9px 16px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
    .bbar b{ font-size:14px; } .bbar b span{ color:var(--red); }
    .bbar label{ font-size:13px; color:var(--muted); } .bbar select{ font:inherit; font-size:13px; padding:5px 6px; border:1.5px solid var(--line); border-radius:7px; }
    .bbar .re{ font:700 13px 'Segoe UI',Arial,sans-serif; background:var(--red); color:#fff; border:none; border-radius:8px; padding:8px 14px; cursor:pointer; }
    .bbar .note{ font-size:11.5px; color:var(--muted); }
    @media screen{ body{ padding-top:52px; } } @media print{ .bbar{ display:none!important; } body{ padding-top:0; } }
    .cardpage{ display:grid; }
    .cardpage.brk{ break-before:page; }
    .cell{ padding:4px; } .bcard{ border:2px solid var(--ink); border-radius:6px; height:100%; padding:7px 9px; display:flex; flex-direction:column; }
    .bhd{ display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--ink); padding-bottom:3px; margin-bottom:6px; }
    .bt{ font-weight:800; } .bn{ font-size:.8em; color:var(--muted); }
    .bgrid{ display:grid; gap:4px; flex:1; } .bcell{ border:1px solid var(--line); border-radius:4px; display:flex; align-items:center; justify-content:center; text-align:center; }