.tp{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px;margin-top:22px}
.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.tp label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem}
.tp input{font:inherit;font-weight:500;padding:11px 14px;border:1px solid var(--line);border-radius:20px;background:#fffefc;color:var(--ink);width:100%}
.tp input:focus{border-color:var(--fjord);outline:none;box-shadow:0 0 0 3px rgba(43,94,69,.2)}
.tp small{font-weight:400;color:var(--ink2);font-size:.82rem;line-height:1.35}
.tp-out{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tp-out div{background:var(--bone);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.tp-out span{font-size:.88rem;color:var(--ink2)}.tp-out b{font-size:1.35rem;letter-spacing:-.01em}
.tp-out b.tp-main{color:var(--fjord);font-size:1.7rem}
@media (max-width:640px){.tp-grid,.tp-out{grid-template-columns:1fr}.tp{padding:16px}}
/* timeseddel-beregner (2026-10-20) */
.tb .tscroll{margin:0 0 18px}.tb-t{min-width:520px}.tb-t th,.tb-t td{vertical-align:middle}
.tb-t input{padding:8px 9px;min-width:0;border-radius:12px}.tb-t output{font-weight:600;white-space:nowrap}
.tb-act{margin:16px 0 0}.tb-act .btn{cursor:pointer}
@media (max-width:640px){.tb .tscroll .tb-t{min-width:0;font-size:.82rem}.tb-t th,.tb-t td{padding:.45rem .25rem}.tb-t input{padding:6px 3px;font-size:.82rem}.tb-t thead th{font-size:.75rem}.tb-t input[type=time]::-webkit-calendar-picker-indicator{display:none}.tb-t input[type=number]{max-width:48px}.tb{padding:12px}}