.service-metrics{display:flex;gap:20px;flex-wrap:wrap;background:#24382e;border-radius:10px;padding:15px;margin:15px 0}.service-metrics span{font-size:11px;color:#acbcae}.service-metrics b{display:block;font-size:20px;color:#d3f089}.service-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.service-stages{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.service-stages span{background:#26372e;padding:7px 9px;border-radius:6px;font-size:10px;color:#90a393}.service-stages .done{color:#d1ec8b;background:#3e542d}.service-components{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.service-components button{background:#243a30;border:1px solid #3e5746;text-align:left;padding:12px}.service-components button.chosen{border-color:#cbe67c;background:#364a30}.service-components b{font-size:11px;color:#ecf2e5;display:block;margin-bottom:7px}.service-components span{font-size:10px}.service-worn{color:#efb679}.service-good{color:#b4dc8b}.service-detail{background:#25382c;border:1px solid #455d42;border-radius:9px;padding:16px}.service-detail button,.service-actions button{font-size:11px}.service-offers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-offers article{border:1px solid #41523d;border-radius:10px;padding:14px;background:#1c2d24}.service-offers .art{width:100%}.service-offers p{font-size:11px;line-height:1.7}.service-feedback{padding:12px 0;border-top:1px solid #40513e}.service-feedback p{font-size:12px}.service-feedback small{color:#a1b29e}.service-jobs{display:flex;gap:8px;flex-wrap:wrap}.service-jobs button{font-size:11px}@media(max-width:600px){.service-offers{grid-template-columns:1fr}.service-components{grid-template-columns:1fr 1fr}}