.benefit-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;margin:20px 0}.benefit-grid article{border:1px solid #e7e3df;border-radius:20px;padding:24px;min-width:0}.benefit-grid h4,.benefit-request-title h4,.benefit-editor h4{font-size:20px;margin:10px 0}.benefit-medical{background:#faf9f6}.benefit-icon{display:inline-grid;place-items:center;background:#fce7df;color:#d74e2a;border-radius:14px;width:44px;height:44px;font-size:28px}.benefit-date{margin:20px 0 10px}.benefit-date small,.benefit-sums small{display:block;color:#72726d;font-size:12px;margin-bottom:6px}.benefit-date strong{font-size:29px;letter-spacing:-1px}.benefit-reimbursement{background:#fff4ed;position:relative}.benefit-percent{display:block;font-size:50px;letter-spacing:-2px;font-weight:900;line-height:1;color:#d84b27}.benefit-percent span{font-size:28px}.benefit-reimbursement p{line-height:1.55}.benefit-employment{display:inline-block;border-radius:8px;background:#f7e4ce;padding:8px 10px;font-size:12px;font-weight:700}.benefit-employment.confirmed{background:#e5f0e6;color:#28533a}.benefit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.benefit-actions button{font-size:13px;padding:10px 13px;white-space:normal}.benefit-uniform{border:1px solid #e7e3df;border-radius:18px;padding:20px;margin:18px 0}.benefit-uniform summary{display:flex;justify-content:space-between;cursor:pointer;font-size:18px}.benefit-uniform .team-uniform{margin-top:18px}.benefit-uniform-total{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #e7e3df}.benefit-uniform-total span{color:#72726d;font-size:13px}.benefit-uniform-total strong{font-size:18px}.benefit-request-title{display:flex;align-items:center;gap:12px}.benefit-request-title span{font-size:13px;background:#f1efeb;padding:4px 9px;border-radius:30px}.benefit-request{border:1px solid #e5e2de;border-radius:16px;padding:20px;margin:12px 0;overflow-wrap:anywhere}.benefit-request-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.benefit-status{font-size:11px;padding:6px 9px;border-radius:7px;background:#f8e8d6}.benefit-status.approved{background:#e5f0e6;color:#28533a}.benefit-status.rejected{background:#fbe4dc;color:#a43220}.benefit-status.cancelled{background:#eeece9;color:#797975}.benefit-sums{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.benefit-sums strong{font-size:22px}.benefit-receipts{display:flex;gap:9px;flex-wrap:wrap}.benefit-receipts a{color:#be482a;background:#fff1ea;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:13px}.benefit-review-note{background:#f9f5ef;border-left:3px solid #f35b32;padding:10px 12px}.benefit-editor{border:2px solid #e55a33;border-radius:18px;padding:22px;margin:20px 0;background:#fffaf6}.benefit-editor label{display:block;font-size:13px;font-weight:700;margin:14px 0}.benefit-editor input:not([type=checkbox]),.benefit-editor select,.benefit-editor textarea{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #dcd7d0;border-radius:9px;background:white;font:inherit;margin-top:6px;min-width:0}.benefit-editor input[type=file]{font-size:12px}.benefit-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.benefit-editor .benefit-check{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.benefit-check input{margin-top:4px;flex-shrink:0}.benefit-estimate{padding:12px;background:#f4e9dc;border-radius:8px}.benefit-preview-note{padding:12px;background:#f7f0dc;border-radius:10px;font-size:13px}.benefit-history{margin-top:18px;font-size:12px;color:#71716b}.benefit-history summary{cursor:pointer}.benefit-sync{margin-top:18px}.benefit-error{white-space:normal}.benefit-editor button:disabled{opacity:.5;cursor:not-allowed}#team-benefits{margin-top:22px;padding:24px;background:#fff;border:1px solid #e7e3df;border-radius:20px}
@media(max-width:700px){.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit-grid article{padding:20px}.benefit-percent{font-size:44px}.benefit-uniform{padding:16px}.benefit-uniform-total{flex-direction:column;gap:6px}.benefit-editor{padding:16px}.benefit-form-grid{grid-template-columns:1fr}.benefit-sums strong{font-size:20px}.benefit-request{padding:16px}.benefit-grid h4{font-size:19px}#team-benefits{padding:16px}.benefit-actions button{flex:1 1 140px}.benefit-request-head strong{font-size:15px}.benefit-editor .benefit-request-head button{padding:8px}}