.bs-roster{box-sizing:border-box;width:min(960px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #575066;border-radius:14px;background:#151821;color:#f4f4f7;font-family:Arial,sans-serif;box-shadow:0 20px 70px #0006}
.bs-roster[open]{display:flex;flex-direction:column}.bs-roster::backdrop{background:#0b0c10b8}
.bs-roster-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #393544}.bs-roster-head h2{font-size:21px;margin:0}.bs-roster-head p{font-size:13px;color:#c4bfd0;margin:6px 0 0}.bs-roster-head button{border:1px solid #575066;border-radius:8px;background:#242130;color:#fff;width:38px;height:38px;font-size:24px}
.bs-roster-body{padding:18px;overflow:auto;min-height:0}.bs-roster-group{margin:0 0 18px}.bs-roster-group h3{font-size:17px;margin:0 0 6px}.bs-roster-group p{font-size:13px;margin:0 0 10px;color:#bdb8c9}
.bs-roster-table-wrap{max-height:360px;overflow:auto;border:1px solid #454050;border-radius:8px}.bs-roster table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.bs-roster th{position:sticky;top:0;background:#3f2545;color:#fff}.bs-roster th,.bs-roster td{padding:10px 12px;border-bottom:1px solid #393544;overflow-wrap:anywhere}.bs-roster td:nth-child(2){min-width:120px}.bs-roster tr:nth-child(even){background:#ffffff05}
.bs-roster-footer{padding:14px 18px;border-top:1px solid #393544}.bs-roster-footer p{font-size:12px;color:#bdb8c9;margin:0 0 10px}.bs-roster-footer>div{display:flex;justify-content:flex-end;gap:10px}.bs-roster-footer button,.bs-roster-shortcut{border:1px solid #9a458c;border-radius:8px;padding:10px 14px;color:#fff;background:#9a458c;font-weight:700;cursor:pointer}.bs-roster button:disabled{opacity:.5}.bs-roster button:focus-visible{outline:3px solid #dfb2d8;outline-offset:2px}
.bs-roster-shortcut{display:inline-block;font-size:13px;margin:8px 0}.bs-roster-review{margin:14px 0}.bs-roster-review p{margin:6px 0;font-size:13px}.bs-roster-confirm{display:flex;align-items:flex-start;gap:9px;margin:12px 0;line-height:1.45}.bs-roster-confirm[hidden]{display:none}.bs-roster-confirm input{margin-top:4px;accent-color:#9a458c}.nn-list-actions{display:grid;gap:8px;margin-top:12px}.nn-list-actions .nn-action{margin:0}.bs-order-observations{margin:18px 0}.bs-order-observations textarea{width:100%;box-sizing:border-box;min-height:90px;resize:vertical}.bs-roster-paid{margin-top:20px}.bs-roster-paid[hidden]{display:none}.bs-roster-paid .btn{margin:5px}
.commerce-order-mode{padding:12px;margin:0 0 16px;border:1px solid #d8c3db;border-radius:10px;background:#fcf9fc;color:#15181f}.commerce-order-mode strong{display:block;margin-bottom:8px;font-size:14px}.commerce-order-mode>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commerce-order-mode button{border:1px solid #b884b1;border-radius:8px;background:#fff;color:#77366d;padding:10px 8px;font-size:12px;font-weight:700;cursor:pointer}.commerce-order-mode button[aria-pressed="true"]{background:#9a458c;color:#fff}.commerce-order-mode p{margin:8px 0 0;font-size:12px;line-height:1.4;color:#616773}.nn-draft-note{border:1px solid #dfc276;background:#fff8e9;border-radius:9px;padding:12px;margin:0 0 14px;color:#704b00}.nn-draft-note p{font-size:12px;line-height:1.4}.nn-preview-field{display:grid;gap:6px;margin:0 0 6px;font-size:12px;font-weight:700}.nn-preview-field input{width:100%;box-sizing:border-box;border:1px solid #cfd3dd;border-radius:8px;padding:10px;background:#fff;color:#15181f;font-size:15px}
@media(max-width:600px){.bs-roster-head,.bs-roster-body,.bs-roster-footer{padding:12px}.bs-roster-head h2{font-size:18px}.bs-roster-footer>div{display:grid;grid-template-columns:1fr}.bs-roster td,.bs-roster th{padding:9px 8px;font-size:13px}}