.h-sheet{--pitch:44px;--margin:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5) var(--space-4) var(--space-4);position:relative;overflow:hidden}@media (width>=768px){.h-sheet{--margin:48px;padding:var(--space-6) var(--space-8) var(--space-5) calc(var(--margin) + var(--space-5))}}.h-sheet:before{display:none}@media (width>=768px){.h-sheet:before{display:block}}.h-sheet:before{content:"";top:0;bottom:0;left:var(--margin);border-left:1px solid var(--h-margin);border-right:1px solid var(--h-margin);pointer-events:none;width:5px;position:absolute}.h-sheet-top{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.h-form{gap:var(--space-4) var(--space-3);margin:0 0 var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=359px){.h-form{grid-template-columns:minmax(0,1fr)}}.h-field{align-content:end;gap:6px;min-width:0;display:grid}.h-field label,.h-field-lbl{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;line-height:1.3}.h-input{background:var(--color-surface-tint);border-bottom:2px solid var(--color-border-control);border-radius:8px 8px 0 0;align-items:center;min-width:0;min-height:48px;margin:0;display:flex;position:relative;overflow:hidden}.h-input:focus-within{border-bottom-color:var(--color-text)}.h-input>span{color:var(--color-text-tertiary);padding-left:12px;font-size:16px}.h-input input,.h-input select{appearance:none;width:100%;min-width:0;min-height:46px;font:600 16px / 1.2 var(--font-body);font-variant-numeric:tabular-nums;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:0;margin:0;padding:0 12px;display:block}.h-input.has-unit input{padding-left:6px}.h-input select{cursor:pointer;padding-right:34px}.h-input:has(select):after{content:"";border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);pointer-events:none;width:8px;height:8px;margin-top:-6px;position:absolute;top:50%;right:14px;transform:rotate(45deg)}.h-input input::-webkit-date-and-time-value{text-align:left}.h-input input[type=date]{padding-right:8px}.h-fixed{font:600 16px / 1.2 var(--font-body);color:var(--color-text-muted);white-space:nowrap;background:0 0;border-bottom-style:dashed;padding:0 12px}.h-lines{margin:0;padding:0;list-style:none}.h-lines li{gap:var(--space-3);min-height:var(--pitch);border-bottom:1px solid var(--h-rule);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding-block:11px;display:grid}.h-lines li small{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px;line-height:1.35;display:block}.h-lines .amt{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.h-lines .minus .amt{color:var(--color-text-muted)}.h-lines .sub .lbl,.h-lines .sub .amt{color:var(--color-text-muted);font-size:var(--text-sm)}.h-lines .total{border-bottom:3px double var(--color-text)}.h-lines .total .lbl{font-weight:700}.h-lines .total .amt{font:700 clamp(1.25rem, 1rem + 1vw, 1.5rem) / 1.1 var(--font-body);color:var(--color-text)}.h-after{justify-content:space-between;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.h-after .nw{white-space:nowrap}.h-countdown{margin-top:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-tint);padding:var(--space-4);gap:var(--space-3);display:grid}.h-countdown .cells{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.h-countdown .cells i{background:var(--h-fill);border-radius:2px;height:8px;display:block}.h-countdown .cells i.rest{background:var(--color-border-strong)}.h-countdown p{font-size:var(--text-sm);margin:0}.h-prov-block{margin-top:var(--space-4);gap:4px;display:grid}
