/* Timekeeper — system wizualny „Atrament” (Stawka): granat atramentu na ecru papieru. */
@font-face{font-family:"Instrument Serif";src:url(/static/fonts/InstrumentSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/static/fonts/InstrumentSerif-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/static/fonts/InstrumentSans-Variable.ttf) format("truetype");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/static/fonts/IBMPlexMono-Light.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/static/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
:root{--paper:#F6F3EA;--ink:#1B2742;--ink2:rgba(27,39,66,.62);--ink3:rgba(27,39,66,.42);--hair:rgba(27,39,66,.16);--hairp:rgba(246,243,234,.22);
 --wash:rgba(27,39,66,.04);--serif:"Instrument Serif",Georgia,"Times New Roman",serif;--sans:"Instrument Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
 --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{background:var(--paper)}
body{margin:0;font:400 15px/1.55 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
::selection{background:var(--ink);color:var(--paper)}
a{color:inherit}
.annot,.k{font:400 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.annot{display:flex;justify-content:space-between;gap:16px}
.display{font:400 clamp(40px,6vw,68px)/1.02 var(--serif);letter-spacing:-.01em;margin:0}
.lede{font:400 22px/1.3 var(--serif);margin:6px 0 0;color:var(--ink2)}
.lede i,.display i{font-style:italic}
.mu{color:var(--ink2)}
.n{text-align:right;font-variant-numeric:tabular-nums}
/* przyciski: atrament pełny / włosowa linia */
.b{font:500 13.5px/1 var(--sans);letter-spacing:.01em;padding:10px 16px;border:1px solid var(--hair);background:transparent;color:var(--ink);cursor:pointer;border-radius:0;transition:background .15s,border-color .15s}
.b:hover{border-color:var(--ink)}.b.p{background:var(--ink);color:var(--paper);border-color:var(--ink)}.b.p:hover{background:#26355a}
.b.d{color:#8a2b2b}.b.s{padding:6px 10px;font-size:12.5px}
.b:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--ink);outline-offset:2px}
/* tabela dokumentowa */
table{width:100%;border-collapse:collapse}
th{font:400 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:10px 8px;border-bottom:1px solid var(--ink)}
td{padding:11px 8px;border-bottom:1px solid var(--hair);vertical-align:top}
tfoot td,tr.tot td{border-top:1px solid var(--ink);border-bottom:0;font-weight:500}
/* zestawienie do druku */
body.print{background:#fff}.sheet{max-width:820px;margin:48px auto;padding:56px 64px;background:var(--paper);position:relative}
.sheet .display{margin-top:56px;font-size:52px}.sheet .lede{margin-bottom:40px}.stmt td{font-size:14px}
.sheet .foot{margin-top:64px}
.sheet:before,.sheet:after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--ink3)}
.sheet:before{top:18px;left:18px;border-right:0;border-bottom:0}.sheet:after{bottom:18px;right:18px;border-left:0;border-top:0}
.noprint{position:fixed;top:16px;right:16px}
@media print{body.print,.sheet{background:#fff;margin:0;max-width:none;padding:0}.noprint{display:none}.sheet:before,.sheet:after{display:none}@page{margin:18mm}}
html:has(body.print){background:#fff}