.zpr{--zpr-paper:color-mix(in oklab,var(--zu-blush) 58%,var(--zu-light-raise));--zpr-rose:color-mix(in oklab,var(--zu-material-complement) 72%,var(--zu-light-ink));--zpr-rule:color-mix(in oklab,var(--zu-material-complement) 13%,transparent);--zpr-edge:color-mix(in oklab,var(--zu-material-complement) 32%,transparent);--zpr-slip-h:124px;--zpr-show:100px;--zpr-step:5px;--zpr-pad-end:calc(var(--zpr-step) * 5 + 8px);--zpr-pile:0 4px 0 -1px var(--zpr-paper),0 4px 0 0 var(--zpr-edge),1px 8px 0 -2px var(--zpr-paper),1px 8px 0 -1px var(--zpr-edge),-1px 12px 0 -3px var(--zpr-paper),-1px 12px 0 -2px var(--zpr-edge),1px 16px 0 -4px var(--zpr-paper),1px 16px 0 -3px var(--zpr-edge),0 20px 0 -5px var(--zpr-paper),0 20px 0 -4px var(--zpr-edge),0 30px 26px -20px color-mix(in oklab,var(--zu-ink) 30%,transparent);display:grid;gap:clamp(28px,3.4vw,48px);margin:0;color:var(--zu-ink)}@media (min-width:960px){.zpr[data-size=full]{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.zpr__side{display:grid;gap:14px;min-width:0}.zpr-slip__key,.zpr-slip__mast,.zpr__head,.zpr__rest{font-family:var(--zu-mono);font-size:var(--zv-t-mono);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.zpr__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;color:var(--zu-ink-3)}.zpr__head>span:last-child{color:var(--zu-ink-2)}.zpr__side[data-side=pad] .zpr__head{padding-inline:2px var(--zpr-pad-end)}.zpr__pad{container:zpr-pad/inline-size;padding:4px var(--zpr-pad-end) 0 2px}.zpr__slips{display:grid;margin:0;padding:0;list-style:none}.zpr-slip{position:relative;z-index:calc(var(--i) + 1);box-sizing:border-box;height:var(--zpr-slip-h);margin-bottom:calc(var(--zpr-show) - var(--zpr-slip-h));padding:10px 18px 0;overflow:hidden;border:1px solid var(--zpr-edge);border-radius:4px;background-color:var(--zpr-paper);background-image:repeating-linear-gradient(to bottom,transparent 0 29px,var(--zpr-rule) 29px 30px);background-position:0 30px;box-shadow:0 1px 0 color-mix(in oklab,var(--zu-material-complement) 12%,transparent),0 12px 20px -16px color-mix(in oklab,var(--zu-ink) 28%,transparent);transform:translateX(calc(var(--i) * var(--zpr-step))) rotate(calc(var(--i) * .3deg - .6deg));transform-origin:0 100%}.zpr-slip:last-child{margin-bottom:0;box-shadow:var(--zpr-pile)}.zpr-slip>p{margin:0}.zpr-slip__mast{display:flex;justify-content:space-between;gap:12px;line-height:20px;color:var(--zpr-rose)}.zpr-slip__time{color:var(--zu-ink);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap}.zpr-slip .zpr-slip__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-top:10px;line-height:22px}.zpr-slip__who{display:inline-flex;align-items:baseline;gap:10px;color:var(--zu-ink);font-size:15px;font-weight:500}.zpr-slip__key{color:var(--zpr-rose)}.zpr-slip__boxes{display:inline-flex;gap:14px;color:var(--zu-ink-2);font-size:14px}.zpr-slip__boxes>span{display:inline-flex;align-items:center;gap:7px}.zpr-slip__boxes>span:before{content:"";box-sizing:border-box;width:13px;height:13px;border:1.5px solid var(--zpr-rose);border-radius:2px}.zpr-slip__boxes>span[data-checked]{color:var(--zu-ink)}.zpr-slip__boxes>span[data-checked]:before{background:linear-gradient(45deg,transparent 42%,var(--zpr-rose) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--zpr-rose) 42% 58%,transparent 58%)}.zpr-slip .zpr-slip__msg{display:-webkit-box;margin-top:8px;overflow:hidden;color:var(--zu-ink);font-size:15px;line-height:22px;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2}@container zpr-pad (max-width: 440px){.zpr-slip{--zpr-slip-h:168px;--zpr-show:144px}}.zpr__rest{margin:34px 0 0;padding-left:calc(var(--zpr-step) * 2);color:var(--zpr-rose)}.zpr__rest [data-at=phone]{display:none}.zpr__side[data-side=records]{gap:0;border:1px solid var(--zu-panel-edge);border-radius:18px;background:var(--zu-panel-face);box-shadow:var(--zu-shadow-overlay);overflow:hidden}.zpr__side[data-side=records] .zpr__head{padding:16px 22px;border-bottom:1px solid var(--zu-line);background:var(--zu-base)}.zpr__records{margin:0;padding:0;list-style:none}.zpr-rec{display:grid;grid-template-columns:76px minmax(0,9.5rem) minmax(0,1fr) auto;align-items:center;gap:14px;min-height:50px;padding:8px 22px;border-bottom:1px solid var(--zu-line-soft)}.zpr-rec:last-child{border-bottom:0}.zpr-rec__time{color:var(--zu-ink-3);font-family:var(--zu-mono);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.zpr-rec__caller{color:var(--zu-ink-2);font-size:14px;line-height:1.35;overflow-wrap:anywhere}.zpr-rec__done{color:var(--zu-ink);font-size:15px;font-weight:500;line-height:1.35}.zpr-rec__stamp{justify-self:end}.zpr__more{display:none}.zpr__tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px;margin:0;padding:16px 22px;border-top:1px solid var(--zu-line);background:var(--zu-base);color:var(--zu-ink-2);font-size:14px;font-variant-numeric:tabular-nums}.zpr__sum{white-space:nowrap}.zpr__rate{display:inline-flex;align-items:center;gap:6px;color:var(--zu-ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--zu-line-hard);text-decoration-thickness:1px;text-underline-offset:4px}.zpr__rate:hover{text-decoration-color:initial}.zpr__rate:focus-visible{outline:2px solid var(--zu-brand);outline-offset:3px;border-radius:3px}.zpr[data-size=compact]{grid-template-columns:repeat(12,minmax(0,1fr));gap:0}.zpr[data-size=compact] .zpr__side[data-side=pad]{grid-column:1/11;grid-row:1}.zpr[data-size=compact] .zpr__side[data-side=records]{position:relative;z-index:20;grid-column:3/13;grid-row:2;margin-top:calc(var(--zpr-show) - var(--zpr-slip-h))}.zpr[data-size=compact] .zpr-rec{grid-template-columns:70px minmax(0,1fr) auto;grid-template-areas:"time caller stamp" ".    done   done";gap:2px 14px;padding:10px 18px}.zpr[data-size=compact] .zpr-rec__time{grid-area:time}.zpr[data-size=compact] .zpr-rec__caller{grid-area:caller}.zpr[data-size=compact] .zpr-rec__done{grid-area:done}.zpr[data-size=compact] .zpr-rec__stamp{grid-area:stamp}@media (max-width:959px){.zpr[data-size=full] .zpr-slip:nth-child(n+4){display:none}.zpr[data-size=full] .zpr-slip:nth-child(3){margin-bottom:0;box-shadow:var(--zpr-pile)}.zpr__rest [data-at=wide]{display:none}.zpr__rest [data-at=phone]{display:inline}}@media (max-width:640px){.zpr-rec,.zpr[data-size=compact] .zpr-rec{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"time caller stamp" "done done   done";gap:4px 12px;padding:12px 16px}.zpr-rec__time{grid-area:time}.zpr-rec__caller{grid-area:caller}.zpr-rec__done{grid-area:done}.zpr-rec__stamp{grid-area:stamp}.zpr-rec[data-phone-rest]{display:none}.zpr__more{display:block;margin:0;padding:12px 16px;color:var(--zu-ink-2);font-size:14px}.zpr__side[data-side=records] .zpr__head,.zpr__tally{padding-inline:16px}.zpr__head-day{display:none}.zpr{--zpr-step:4px;--zpr-pad-end:calc(var(--zpr-step) * 2 + 10px)}.zpr-slip{padding-inline:14px}.zpr-slip__boxes>span:not([data-checked]){display:none}.zpr[data-size=compact] .zpr__side[data-side=pad]{grid-column:1/-1}.zpr[data-size=compact] .zpr__side[data-side=records]{grid-column:1/-1;margin-left:12px}.zpr[data-size=compact] .zpr-rec{column-gap:10px}}