.badge-list-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:23px;align-items:start}.badge-list-input,.badge-list-review{min-width:0}.badge-list-layout section>header{display:flex;align-items:flex-start;gap:12px;padding:23px;border-bottom:1px solid #e6edf6}.badge-list-step{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:9px;background:#edf2fc;color:#6980b6;font-size:12px}.badge-list-layout h2{font-size:14px;color:#4a6386;line-height:1.6}.badge-list-layout header p{font-size:10px;color:#8c9eb7;line-height:1.8;margin-top:5px}.badge-list-input form{padding:23px;display:flex;flex-direction:column;gap:10px}.badge-list-input label{font-size:11px;color:#6b819f;font-weight:550}.badge-list-input textarea{width:100%;min-height:210px;resize:vertical;font:13px/1.8 Consolas,monospace;padding:13px;border-radius:9px}.badge-list-input form>p{font-size:10px;color:#8b9bb3;line-height:1.9}.badge-list-input input{font-size:12px;min-height:42px;width:100%}.badge-list-input .btn{justify-content:center;margin-top:10px}.badge-list-counter{font-size:10px;color:#8fa1bb;display:block;margin-bottom:15px}.badge-list-input [role=status]{color:#5e78a4;min-height:23px}.badge-list-paper{display:flex;gap:14px;border-top:1px solid #e6ecf5;padding:21px 23px;background:#f9fbfe;border-radius:0 0 12px 12px}.badge-list-sheet{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:3px;padding:7px 5px;width:50px;height:66px;border:1px solid #d8e1f0;border-radius:3px;background:white;flex-shrink:0}.badge-list-sheet i{background:#e8eef9;border:1px solid #d6e0f2;border-radius:1px}.badge-list-paper strong{font-size:11px;font-weight:600;color:#647eaa}.badge-list-paper p,.badge-list-paper small{display:block;font-size:10px;line-height:1.8;color:#92a1b6;margin-top:6px}.badge-list-empty{padding:75px 35px;text-align:center;color:#8c9eb7}.badge-list-empty>.icon{width:39px;height:39px;color:#a1b1ce;margin-bottom:19px}.badge-list-empty h3{font-size:15px;font-weight:550;color:#7288ab}.badge-list-empty p{font-size:11px;line-height:1.9;max-width:330px;margin:12px auto}.badge-list-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:23px;border-bottom:1px solid #e8edf5}.badge-list-totals strong{display:block;font-size:29px;font-weight:600;color:#5572a8}.badge-list-totals span{display:block;font-size:10px;line-height:1.7;color:#8d9fba;margin-top:5px}.badge-list-note{display:flex;align-items:flex-start;gap:9px;margin:17px 23px;font-size:10px;line-height:1.9;color:#8b9db6}.badge-list-note>.icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.badge-list-errors{margin:18px 23px;padding:16px;background:#fff6f4;border:1px solid #f2dcd5;border-radius:9px;color:#aa786d}.badge-list-errors strong{font-size:11px;font-weight:600}.badge-list-errors p{font-size:10px;line-height:1.8;margin:7px 0 11px}.badge-list-errors .btn{background:white;font-size:10px}.badge-list-table{max-height:630px;overflow:auto;border-top:1px solid #e6edf6}.badge-list-table table{width:100%;table-layout:fixed}.badge-list-table th{position:sticky;top:0;z-index:1;background:#f7f9fd;font-size:9px;white-space:normal;letter-spacing:.3px}.badge-list-table th:first-child{width:90px}.badge-list-table th:last-child{width:36%}.badge-list-table th,.badge-list-table td{padding:15px 19px}.badge-list-table td{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.badge-list-table td strong{display:block;color:#5e769a;font-size:11px;font-weight:550}.badge-list-table td small{display:block;font-size:10px;line-height:1.8;color:#92a2b9;margin-top:4px}.badge-list-table td a{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#637fba;margin-top:5px}.badge-list-table td a>.icon{width:12px;height:12px}.badge-list-row-error td{background:#fff9f6;color:#ac8174}.badge-list-summary{padding:19px 23px;border-top:1px solid #e6ecf5;font-size:10px;line-height:1.8;color:#8497b3}.employee-badge-list [data-stale=true]{opacity:.5;pointer-events:none}.employee-badge-list .employee-page-heading>.actions{flex-wrap:wrap}
@media(max-width:1200px){.badge-list-layout{grid-template-columns:290px minmax(0,1fr);gap:18px}.badge-list-table th,.badge-list-table td{padding:13px}.badge-list-table th:first-child{width:75px}.badge-list-layout section>header,.badge-list-input form,.badge-list-totals{padding:20px}.employee-workspace>.employee-page-heading>.actions{flex-wrap:wrap}}
@media(max-width:950px){.badge-list-layout{grid-template-columns:1fr}.badge-list-input textarea{min-height:160px}.badge-list-input form{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:25px}.badge-list-input label[for=badge-list-numbers],.badge-list-input textarea,#badge-list-help,.badge-list-counter{grid-column:1}.badge-list-input label[for=badge-list-month]{grid-column:2;grid-row:1}.badge-list-input input[type=month]{grid-column:2;grid-row:2;align-self:start}.badge-list-input button{grid-column:2;grid-row:2;align-self:start;margin-top:60px}.badge-list-input [role=status]{grid-column:2;grid-row:2;align-self:start;margin-top:120px}.badge-list-paper{align-items:center}}
@media(max-width:600px){.badge-list-input form{display:flex}.badge-list-input button,.badge-list-input [role=status]{margin-top:10px}.badge-list-totals{gap:10px;padding:19px 16px}.badge-list-totals strong{font-size:25px}.badge-list-totals span{font-size:9px}.badge-list-layout section>header{padding:19px 16px}.badge-list-table th,.badge-list-table td{padding:11px 9px;font-size:9px}.badge-list-table th:first-child{width:58px}.badge-list-table th:last-child{width:36%}.badge-list-table td strong{font-size:10px}.badge-list-table td small,.badge-list-table td a{font-size:9px}.badge-list-table .tag{font-size:9px}.badge-list-note{margin:15px 16px;font-size:10px}.badge-list-errors{margin:15px 16px}.badge-list-summary{padding:17px 16px}.badge-list-empty{padding:45px 20px}}