.sut-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}.sut-heading h2{margin-bottom:4px}.sut-heading p{font-size:12px;color:#728098;margin:0 0 16px}.sut-synthetic{font-size:11px;color:#2e61b0;background:#edf3ff;border:1px solid #d8e7ff;border-radius:3px;padding:5px 8px;white-space:nowrap}
.sut-tabs{display:flex;gap:4px;border-bottom:1px solid #e3e8f0;margin-bottom:14px}.sut-tab{background:transparent;border:0;border-bottom:3px solid transparent;color:#65748b;padding:8px 13px;font-size:12px}.sut-tab:hover{color:#2456b8}.sut-tab.active{color:#2456b8;border-color:#3367d5;font-weight:600}.sut-tab:disabled{cursor:wait}
.sut-table-wrap{overflow-x:auto}.sut-table{width:100%;border-collapse:collapse;min-width:900px;font-size:12px}.sut-table th{background:#f8fafd;color:#5c6a81;font-weight:600;text-align:left;border-bottom:1px solid #e8ecf3;padding:9px 10px}.sut-table td{border-bottom:1px solid #edf0f4;padding:10px;color:#33435e}.sut-table code{font-size:11px;color:#305fbb;background:#eef3ff;padding:3px 5px}.sut-empty td{text-align:center;color:#8893a5;padding:20px}.sut-table tr[hidden],.sut-empty[hidden]{display:none}.sut-row-actions{display:flex;gap:5px;flex-wrap:wrap}
.sut-add-form,.sut-edit-form{margin-top:16px;padding:14px;border:1px solid #e0e7f1;background:#fafcfe;border-radius:4px}.sut-add-form h3,.sut-edit-form h3{font-size:13px;color:#33435e;margin:0 0 12px}.sut-relation-fields,.sut-service-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.sut-add-form label,.sut-edit-form label{display:grid;gap:5px;min-width:200px;flex:1;color:#65748b;font-size:12px}.sut-add-form select,.sut-edit-form select,.sut-add-form input,.sut-edit-form input{width:100%;max-width:100%;font-size:12px}.sut-add-form .sut-quantity,.sut-edit-form .sut-quantity{min-width:90px;max-width:140px;flex:0 1 140px}.sut-form-note{font-size:12px;color:#728098;margin:10px 0}.sut-service-list{display:grid;gap:10px;margin-bottom:12px}.sut-service-row{padding:10px;background:#fff;border:1px solid #e8ecf3;border-radius:3px}.sut-service-row label:first-child{flex:2;min-width:250px}.sut-service-row [data-sut-drop-row]{min-height:32px}.sut-form-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.sut-form-error{font-size:12px;color:#bf2435;margin:8px 0 0}.sut-form-error:empty{display:none}.sut-readonly{font-size:12px;color:#7e899a;margin:14px 0 0}.sut-edit-form[hidden]{display:none}
.sut-history{border-top:1px solid #e7ebf2;margin-top:18px;padding-top:12px}.sut-history summary{cursor:pointer;color:#526789;font-size:12px}.sut-history ol{padding-left:20px;font-size:12px;color:#485a76}.sut-history li{margin:10px 0}.sut-history li small{display:block;color:#8190a4;margin-top:3px}.sut-event-change{font-size:11px;color:#66758b;margin-top:4px;line-height:1.6}.sut-history-unknown{color:#8190a4}
@media(max-width:600px){.sut-heading{flex-wrap:wrap}.sut-relation-fields,.sut-service-row{align-items:stretch;flex-direction:column}.sut-add-form label,.sut-edit-form label,.sut-service-row label:first-child{width:100%;min-width:0}.sut-add-form .sut-quantity,.sut-edit-form .sut-quantity{max-width:none;flex:auto}.sut-form-actions .btn{flex:1}.sut-service-row [data-sut-drop-row]{align-self:start}}