.udt-panel{margin:16px 0;padding:16px;background:#fff;border:1px solid #d8e2eb;border-radius:12px;color:#24354b}.udt-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.udt-heading h2{font-size:18px;margin:0 0 8px}.udt-heading p{font-size:13px;color:#52657a;margin:0 0 10px}.udt-panel button,.udt-dialog button{min-height:44px}.udt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.udt-tabs [aria-selected=true]{background:#e4f4f0;border-color:#248779;color:#155c50}.udt-record{padding:14px 0;border-top:1px solid #e2e8f0;overflow-wrap:anywhere}.udt-record header{display:flex;justify-content:space-between;gap:12px;align-items:center}.udt-record p{margin:8px 0}.udt-record small{color:#52657a}.udt-status{font-size:12px;padding:5px 8px;background:#eaf1f6;border-radius:6px}.udt-route{font-weight:650;color:#155c50;overflow-wrap:anywhere}.udt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.udt-notice{padding:12px;background:#f1f7fb;border:1px solid #d5e4ef;border-radius:8px;overflow-wrap:anywhere}.udt-empty{padding:12px;color:#607084}.udt-error{color:#ad2637;white-space:pre-wrap;overflow-wrap:anywhere}.udt-error:empty{display:none}.udt-dialog{box-sizing:border-box;width:min(700px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:20px;border:1px solid #c9d6e3;border-radius:14px;color:#24354b}.udt-dialog::backdrop{background:#12253a88}.udt-form{display:grid;gap:14px;margin:16px 0}.udt-form label{display:grid;gap:6px}.udt-form input,.udt-form select,.udt-form textarea{box-sizing:border-box;max-width:100%;min-height:44px}.udt-form textarea{min-height:90px;resize:vertical}.udt-form .udt-confirm{display:flex;align-items:flex-start;gap:10px}.udt-confirm input{flex:0 0 auto;width:20px;min-height:20px;margin-top:2px}.udt-preview{border:1px solid #83b7a9;border-radius:8px;padding:12px;background:#f3faf7;overflow-wrap:anywhere}.udt-preview h3{margin-top:0}.udt-dialog [data-udt-status]{font-weight:650;overflow-wrap:anywhere}@media(max-width:600px){.udt-panel{padding:12px}.udt-heading{flex-wrap:wrap}.udt-record header{align-items:flex-start;flex-direction:column;gap:7px}.udt-dialog{padding:14px}.udt-actions>button{flex:1}.udt-form button{width:100%}}