.dil-context{display:flex;gap:16px;padding:20px 24px;background:#e8f3f4;border:1px solid #b8d3d8;border-radius:14px;margin-bottom:22px;color:#172b3b}.dil-context strong{display:block;font-size:17px;line-height:1.5}.dil-context p{margin:8px 0 0;color:#344657}.dil-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;margin-bottom:24px}.dil-form-card{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px;background:#fff;border:1px solid #c1d0dc;border-radius:16px;box-shadow:0 4px 14px #162b3d08}.dil-form-icon{width:48px;height:52px;border-radius:12px;background:#e1f0f2;color:#075b68;display:grid;place-items:center}.dil-form-icon svg{width:28px;height:32px}.dil-form-card h3{font-size:21px;margin:0 0 9px;color:#182e42}.dil-form-card p{color:#364c5d;line-height:1.6;margin:0}.dil-card-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.dil-dialog{width:min(1000px,96vw);color:#172b3b}.dil-dialog-body{padding:22px 26px}.dil-dialog-body>p{line-height:1.6}.dil-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.dil-fields textarea{min-height:120px;resize:vertical}.dil-field small{display:block;font-size:12px;line-height:1.5;color:#43576b;margin-top:5px}.dil-fields label{min-width:0}.dil-footer{display:flex;gap:12px;flex-wrap:wrap;position:sticky;bottom:0;background:#fff;border-top:1px solid #c2d2de;padding:16px 0;margin-top:22px;z-index:3}.dil-template-box{padding:20px;background:#f1f6f8;border:1px solid #c8d6e0;border-radius:12px;margin:20px 0}.dil-template-box .actions{margin:16px 0}.dil-template-box h3{margin-top:0}.dil-mapping{border:1px solid #c6d4df;border-radius:10px;padding:18px;margin:14px 0}.dil-mapping>code{display:inline-block;margin-bottom:14px;font-size:14px;font-weight:700;color:#16465b}.dil-checkbox{display:flex;align-items:center;gap:10px;margin:16px 0}.dil-checkbox input{width:18px;height:18px;flex:0 0 18px}.dil-dialog .dil-error:empty{display:none}.dil-dialog .dil-error{padding:12px;border:1px solid #cf8b94;background:#fff1f2;color:#8e1830;border-radius:8px}.dil-dialog code{overflow-wrap:anywhere}.dil-dialog [name=template]{width:100%}@media(max-width:650px){.dil-fields{grid-template-columns:1fr}.dil-form-card{padding:18px;gap:14px}.dil-dialog-body{padding:16px}.dil-context{padding:16px}.dil-footer button{flex:1 1 190px}.dil-card-actions button{flex:1 1 180px}.dil-template-box{padding:15px}}
