.tip-pool{max-width:1120px}.tip-pool input,.tip-pool select{font:inherit;max-width:100%;min-width:0;width:100%;min-height:46px;padding:9px;border:1px solid #aaa;border-radius:3px;color:var(--ink);background:var(--paper)}.tip-pool select{font-size:15px}.tip-pool [hidden]{display:none!important}.tip-pool button{min-height:46px}.tip-period{margin-top:40px;border-top:1px solid var(--ink);padding-top:24px}.tip-period-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.tip-period-heading h2{border:0;margin:0 0 24px;padding:0}.tip-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.tip-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px;font-weight:600}.tip-field>span{line-height:1.4}.tip-fields>.tip-field>span{min-height:40px}.tip-fields+.hint{margin:18px 0 24px}.tip-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0 0 26px}.tip-summary>div{border-top:1px solid var(--line);padding:14px 0;min-width:0}.tip-summary dt{font-size:13px;color:var(--muted)}.tip-summary dd{margin:7px 0 0;font-size:22px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tip-group{border-top:1px solid var(--line);padding-top:24px;margin:34px 0}.tip-group>h3{overflow-wrap:anywhere;font:400 29px var(--serif);margin:0 0 15px}.tip-group>.tip-field{max-width:340px;margin-bottom:20px}.tip-employee{display:grid;grid-template-columns:minmax(120px,2fr) repeat(4,minmax(90px,1fr)) 86px;gap:12px;align-items:end;border-top:1px solid var(--line);padding:17px 0}.tip-group[data-group=recipients] .tip-employee{grid-template-columns:minmax(110px,1.6fr) minmax(100px,1.3fr) repeat(4,minmax(80px,1fr)) 86px}.tip-row-title{grid-column:1/-1;font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.tip-output{display:flex;flex-direction:column;gap:8px;min-width:0}.tip-output>span{font-size:13px;color:var(--muted)}.tip-output output{min-height:46px;padding:10px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:17px}.tip-remove{padding:10px 8px}.tip-total{font-size:14px;border-top:1px solid var(--line);padding-top:12px}.tip-period-result{border-top:1px solid var(--ink);padding-top:24px;margin:32px 0}.tip-period-result h3{font-size:20px}.tip-warning,.tip-errors:not(:empty){border-left:3px solid var(--ink);padding:10px 15px;font-size:15px;line-height:1.6;background:var(--surface)}.tip-errors:empty{display:none}.tip-person{border-top:1px solid var(--line);padding:20px 0}.tip-person h3{font-size:18px;overflow-wrap:anywhere}.tip-person dl{display:flex;flex-wrap:wrap;gap:16px 30px;margin:0}.tip-person dt{font-size:13px;color:var(--muted)}.tip-person dd{font-variant-numeric:tabular-nums;margin:4px 0}.tip-pool .tip-static table{width:100%;border-collapse:collapse;font-size:15px}.tip-pool .tip-static th,.tip-pool .tip-static td{padding:10px 8px;overflow-wrap:anywhere}.tip-pool .tip-static caption{text-align:left;font-weight:700;margin-bottom:12px}.tip-privacy{font-size:14px!important}.tip-example-note{color:var(--muted);font-size:14px}.tip-controls{margin:32px 0}.tip-controls .hint{margin-top:15px}#tip-storage-status{min-height:26px;font-size:14px;color:var(--muted)}.tip-combined-people{margin-top:24px}
@media(max-width:1000px){.tip-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tip-employee,.tip-group[data-group=recipients] .tip-employee{grid-template-columns:repeat(3,minmax(0,1fr))}.tip-remove{align-self:end}.tip-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.tip-pool .tip-fields{grid-template-columns:1fr}.tip-fields>.tip-field>span{min-height:0}.tip-period-heading{display:block}.tip-period-heading button{margin-bottom:20px}.tip-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.tip-summary dd{font-size:21px}.tip-employee,.tip-group[data-group=recipients] .tip-employee{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;padding:21px 0}.tip-employee>.tip-field:first-of-type,.tip-employee>.tip-field:nth-of-type(2):has(input[data-field=role]),.tip-remove{grid-column:1/-1}.tip-pool .tip-static table,.tip-pool .tip-static tbody,.tip-pool .tip-static tr{display:block}.tip-pool .tip-static thead{display:none}.tip-pool .tip-static tr{border-top:1px solid var(--line);padding:12px 0}.tip-pool .tip-static td,.tip-pool .tip-static th{display:flex;justify-content:space-between;gap:16px;border:0;padding:6px 0}.tip-pool .tip-static td:before{content:attr(data-label);font-weight:600}.tip-person dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tip-person dl>div{min-width:0;overflow-wrap:anywhere}.tip-pool .tip-privacy{overflow-wrap:anywhere}}