.shift-date{margin:12px 0 18px}.shift-date form,.assignment-form{display:flex;gap:9px;align-items:end}.shift-date label,.new-shift-form label{font-weight:700}.shift-date input,.assignment-form select,.new-shift-form input{display:block;margin-top:5px;padding:10px;border:1px solid #b9c4cb;border-radius:8px;background:#fff;font:inherit}.shift-date button{background:#e7eeec}.shift-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.shift-grid article{padding:20px;background:#fff;border:1px solid #dde3e8;border-radius:14px}.shift-grid h2{margin:0 0 14px;font-size:19px}.assignment-form select{flex:1;margin:0}.assignment-list{margin-top:18px}.assignment-list>div{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf0f2}.assignment-list span{color:#64707e}.assignment-list form{margin:0}.remove{min-height:auto;padding:7px 10px;background:#fee4e2;color:#b42318}.new-shift-form{display:grid;gap:12px}.new-shift-form input{width:100%}.new-shift-form button{margin-top:4px}.shift-grid h3{margin:26px 0 10px;font-size:15px}.shift-definition{display:flex;justify-content:space-between;padding:9px 0;margin:0;border-top:1px solid #edf0f2}.shift-definition span{color:#64707e}@media(max-width:800px){.shift-grid{grid-template-columns:1fr}.assignment-form{flex-direction:column;align-items:stretch}.assignment-form select{width:100%}.assignment-list>div{grid-template-columns:1fr 1fr auto}.assignment-list b{grid-column:1/3}.shift-date form{align-items:stretch}.shift-date input{width:100%}}
