.pbr-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pbr-roster-card{border:1px solid #dce5e8;border-radius:16px;padding:15px;background:#fbfcfc}.pbr-roster-card.active{border-color:#c7e2d2;background:linear-gradient(180deg,#fff,#f7fcf9)}.pbr-roster-card.planned{border-color:#e8d8b4;background:linear-gradient(180deg,#fff,#fffaf0)}.pbr-roster-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:14px}.pbr-roster-avatar{width:38px;height:38px;border-radius:12px;background:#173f48;color:#fff;display:grid;place-items:center;font-weight:900;font-family:'Noto Sans',sans-serif}.pbr-roster-card-head strong{display:block;font-size:13px;color:#203d44}.pbr-roster-card-head div:nth-child(2)>span{display:block;margin-top:2px;font-size:8px;color:#839096}.pbr-roster-card-head div:nth-child(2)>.pbr-roster-access-state{display:inline-flex;width:max-content;margin-top:5px;padding:3px 6px;border-radius:999px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.pbr-roster-card-head div:nth-child(2)>.pbr-roster-access-state.active{background:#e2f5e9;color:#1d6a41}.pbr-roster-card-head div:nth-child(2)>.pbr-roster-access-state.none{background:#f2f4f4;color:#68777c}.pbr-roster-status{max-width:92px;text-align:center;font-size:8px;line-height:1.35;text-transform:uppercase;letter-spacing:.06em;font-weight:900;border-radius:999px;padding:5px 7px;background:#edf2f3;color:#607078}.pbr-roster-card.active .pbr-roster-status{background:#e2f5e9;color:#1d6a41}.pbr-roster-card.planned .pbr-roster-status{background:#fff0ce;color:#806020}.pbr-roster-form,.pbr-roster-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pbr-roster-form label,.pbr-roster-create-form label{display:grid;gap:5px}.pbr-roster-form label.wide,.pbr-roster-create-form label.wide,.pbr-roster-create-form .wide{grid-column:1/-1}.pbr-roster-form label>span,.pbr-roster-create-form label>span{font-size:9px;font-weight:800;color:#65767c}.pbr-roster-form input,.pbr-roster-form textarea,.pbr-roster-create-form input,.pbr-roster-create-form textarea{width:100%;box-sizing:border-box;border:1px solid #d0dbde;border-radius:9px;padding:9px 10px;font:inherit;font-size:10px;color:#263d43;background:#fff;outline:none}.pbr-roster-form input:focus,.pbr-roster-form textarea:focus,.pbr-roster-create-form input:focus,.pbr-roster-create-form textarea:focus{border-color:#5c939d;box-shadow:0 0 0 3px rgba(58,125,136,.1)}.pbr-roster-form input[readonly]{background:#f0f3f4;color:#718087}.pbr-roster-delete{margin-top:10px;border:0;background:transparent;color:#9a4c4c;font-size:9px;font-weight:800;cursor:pointer;padding:3px 0}.pbr-roster-create-form{max-width:820px}@media(max-width:850px){.pbr-roster-grid{grid-template-columns:1fr}}@media(max-width:560px){.pbr-roster-form,.pbr-roster-create-form{grid-template-columns:1fr}.pbr-roster-form label.wide,.pbr-roster-create-form label.wide,.pbr-roster-create-form .wide{grid-column:auto}}