.prod-list.workspace{background:#f6f6f6}.prod-list .tabs{background:#fff;margin:0 -15px;padding:0 16px}.prod-pad{padding:48px 17px 0}
.prod-tools,.prod-pager,.prod-tabs,.prod-form-actions,.prod-picks{display:flex;align-items:center;gap:12px}.prod-tools{justify-content:flex-end}.prod-tools>span{margin-right:auto;padding:11px 17px;background:#e3f1ea;border:2px solid #d2eadd;border-radius:24px;color:#53ab83;position:relative;font-size:13px}.prod-tools sup{position:absolute;right:0;top:-6px;color:#b12230}
.prod-tools button,.prod-tabs button,.prod-form-actions button,.prod-picks button,.prod-pager button{font:inherit;cursor:pointer}.prod-tools>button{height:40px;min-width:41px;border:1px solid #64a4d1;border-radius:4px;background:#fff;color:#559ed2}.prod-tools svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.prod-tools.add{margin:7px 0 24px}.prod-tools.add>button{height:31px;min-width:31px;border-radius:50%;color:#57a783;border-color:#9fc4ad}.prod-tools a{display:flex;align-items:center;text-decoration:none;padding:9px 15px}
.prod-scroll{overflow:auto;background:#fff}.prod-list .prod-scroll table{width:max-content;min-width:100%;border-collapse:collapse}.prod-list .prod-scroll th{background:#57aa85;color:white;text-align:center;min-width:120px;max-width:220px;padding:14px 17px;height:76px;white-space:normal;font-size:12px;font-weight:500;border-right:1px solid #dce7df}.prod-list .prod-scroll th:first-child{min-width:88px}.prod-list .prod-scroll td{height:55px;max-width:230px;text-align:center;font-size:13px;padding:7px 12px;border-bottom:1px solid #ddd}.prod-list tr:hover td{background:#e2eee6}
.prod-empty{display:grid;justify-content:center;align-content:center;justify-items:center;gap:9px;min-height:160px;background:#fff;border:1px solid #eee;color:#9c9c9c}.prod-empty img{width:100px;height:74px}
.prod-pager{font-size:13px;margin:20px 0}.prod-pager select{margin-left:auto}.prod-pager button{background:white;border:0;color:#589c79;padding:5px 10px}.prod-pager button:disabled{opacity:.5}
.prod-form.workspace{margin-left:var(--rail,94px);padding:26px clamp(16px,3.4vw,50px);background:#f6f6f6;min-height:calc(100vh - 80px)}.prod-form h2{font-size:24px;margin:20px 0;color:#414141}.prod-form h3{font-size:17px;color:#535353}.prod-tabs{gap:3px;border-bottom:1px solid #e2e2e2}.prod-tabs button{padding:12px 20px;background:white;border:1px solid #e5e5e5;color:#555}.prod-tabs button[aria-selected=true]{color:#4fa37c;border-bottom:3px solid #53ac83}
.prod-content{background:white;padding:20px 22px;min-height:260px;overflow:auto}.prod-grid{border:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:17px 23px}.prod-grid label,.prod-dialog label,.prod-picks label{display:grid;gap:5px;font-size:13px}.prod-grid label>span{padding:8px 3px}.prod-grid input[type=checkbox]{justify-self:start;accent-color:#52aa80;width:18px;height:18px}
.prod-form input:not([type=checkbox]),.prod-form select,.prod-dialog select,.prod-dialog input,.prod-pager select{border:1px solid #dedede;border-radius:4px;background:#fff;min-height:37px;padding:6px 9px;color:#444;font:inherit;min-width:0;max-width:100%}.prod-form :disabled{opacity:.63}.prod-picks{align-items:end;flex-wrap:wrap;margin:14px 0 18px}.prod-picks label{max-width:350px}.prod-picks button,.prod-form-actions button:not(.primary){padding:8px 14px;border:1px solid #b7d8c7;border-radius:4px;background:white;color:#418a66}
.prod-form .prod-scroll table{min-width:780px;width:100%;border-collapse:collapse}.prod-form .prod-scroll th{background:#56aa82;color:white;padding:12px;font-size:12px}.prod-form .prod-scroll td{border-bottom:1px solid #ddd;text-align:center;padding:8px}.prod-form .prod-scroll input{width:104px}.prod-total{text-align:right}.prod-form-actions{justify-content:flex-end;margin:19px 0}.prod-form-actions a{color:#666}.prod-content details{padding:12px;border:1px solid #e4e5e4;margin-bottom:12px}.prod-content summary{cursor:pointer;font-weight:600}.prod-dialog .pl-dialog{max-width:540px}.prod-dialog form{display:grid;gap:11px}.prod-dialog [role=alert]{color:#a62329;margin:0}
@media(max-width:750px){.prod-pad,.prod-content{padding:12px}.prod-form.workspace{margin-left:0}.prod-tabs{overflow:auto}.prod-tabs button{padding:10px}.prod-grid{grid-template-columns:1fr 1fr}.prod-form-actions{flex-wrap:wrap}}

