/* First-paycheck activities, scoped to the Time room. */
#time-dialog .pay-allocation-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
#time-dialog .pay-result{padding:22px;background:#e8edf0;border-radius:8px;margin:4px 0 24px}
#time-dialog .pay-result p:not(.time-amount):not(.time-kicker){font-size:12px;line-height:1.65}
#time-dialog .pay-over{background:#f4e9de;border:1px solid #b0773e}
#time-dialog .pay-over .time-amount{color:#895323}
#time-dialog .pay-allocation-bar{display:flex;height:12px;overflow:hidden;border-radius:10px;background:#d5dde0;margin:18px 0}
#time-dialog .pay-allocation-bar span{height:100%}
#time-dialog .pay-color-0{background:#004d99}#time-dialog .pay-color-1{background:#517b9d}#time-dialog .pay-color-2{background:#173447}#time-dialog .pay-color-3{background:#8b9ba4}#time-dialog .pay-color-4{background:#c3b39b}#time-dialog .pay-color-5{background:#719db9}
#time-dialog .pay-comparison-row{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;margin:22px 0}
#time-dialog .pay-comparison-row>div{grid-column:1/-1;background:#d5dde0;border-radius:6px;height:12px;overflow:hidden}
#time-dialog .pay-comparison-row i{display:block;height:100%;background:#004d99}
#time-dialog .pay-comparison-row:nth-of-type(2) i{background:#173447}
#time-dialog .pay-travel,#time-dialog .pay-research{margin:25px 0;border:1px solid #b6c8d5;border-radius:8px;background:#fff9}
#time-dialog .pay-travel>summary,#time-dialog .pay-research>summary{padding:18px;font-size:13px;font-weight:bold;cursor:pointer;min-height:48px}
#time-dialog .pay-travel-content{padding:10px 20px 24px}
#time-dialog .pay-research>p,#time-dialog .pay-research article{margin:15px 20px;font-size:12px;line-height:1.75}
#time-dialog .pay-research article{padding-top:10px;border-top:1px solid #b6c8d5}
#time-dialog .pay-research h3{font:20px/1.35 Georgia;margin:12px 0}
#time-dialog .pay-research a,#time-dialog .pay-source{color:#004d99;text-underline-offset:3px}
#time-dialog .pay-source{display:block;margin-bottom:10px}
#time-dialog #pay-plan{margin-bottom:28px}#time-dialog #pay-plan h3{font:28px Georgia}
#time-dialog .pay-task{border-top:1px solid #b6c8d5;padding:18px 0;display:grid;gap:14px}
#time-dialog .pay-task>label:first-child{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;cursor:pointer}
#time-dialog .pay-task input{margin:1px 0 0;flex-shrink:0}
#time-dialog .pay-task:has(input:checked)>label:first-child span{color:#465b6b;text-decoration:line-through}
#time-dialog .pay-task-window{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding-left:30px}
#time-dialog .pay-task select{background:white;border:1px solid #8b9ba4;color:#173447;font-size:12px;border-radius:5px;padding:10px;min-height:44px}
#time-dialog #pay-tools-brief ul{padding-left:18px;font-size:12px;line-height:1.8}
@media(max-width:600px){#time-dialog .pay-allocation-grid{grid-template-columns:1fr}#time-dialog .pay-task-window{padding-left:0}#time-dialog .pay-travel-content{padding:8px 12px 20px}#time-dialog .pay-result{padding:16px}#time-dialog .pay-comparison-row{grid-template-columns:1fr}#time-dialog .pay-comparison-row>div{grid-column:1}.time-selected #headline{font-size:45px}}
