.d4-dialog{width:min(860px,calc(100vw - 30px));max-height:calc(100vh - 30px);border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px #18334b45}.d4-dialog::backdrop{background:#142f4370}.d4-form{padding:22px;display:grid;gap:16px}.d4-form h2{margin:0}.d4-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.d4-field{display:grid;gap:7px;font-size:13px;color:#31475a}.d4-field.wide{grid-column:1/-1}.d4-field textarea{min-height:105px;resize:vertical}.d4-field small{color:#7b8d9d}.d4-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 220px 190px;gap:10px}.d4-toolbar select:last-child:nth-child(2){grid-column:auto}.d4-table-box{overflow:auto;padding:0}.d4-table{width:100%;border-collapse:collapse}.d4-table th,.d4-table td{text-align:left!important;vertical-align:top;padding:12px 14px;border-bottom:1px solid #e9eef2;white-space:normal}.d4-table th{font-size:11px;color:#657a8c;background:#f8fafb;text-transform:uppercase;letter-spacing:.03em}.d4-table td{font-size:13px;min-width:90px}.d4-table td:nth-child(4),.d4-table td:nth-child(5){min-width:180px}.d4-file-action{display:inline-flex;gap:5px}.d4-file-action button{padding:6px 9px;font-size:11px;background:#eef5f3;color:var(--teal)}.d4-material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.d4-material-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}.d4-material-card>.direction-record-actions,.d4-material-card>.d4-file-action{grid-column:1/-1}.d4-material-preview{width:76px;height:76px;border-radius:9px;background:#edf2f5;overflow:hidden;display:grid;place-items:center}.d4-material-preview img{width:100%;height:100%;object-fit:cover}.d4-file-icon{font-weight:800;font-size:11px;color:#527087}.d4-material-card p{margin:6px 0 0;color:#718391;font-size:13px;white-space:pre-wrap}.d4-avatars{display:flex;align-items:center}.d4-avatar{width:30px;height:30px;border-radius:50%;background:#dcefeb;color:#176e63;display:grid;place-items:center;font-size:10px;font-weight:700;border:2px solid white;margin-left:-6px;overflow:hidden}.d4-avatar:first-child{margin-left:0}.d4-avatar img{width:100%;height:100%;object-fit:cover}.d4-change-mark{color:#e58a1f;cursor:help;font-size:15px}.d4-act-materials{display:grid;gap:18px}.d4-task-table td:nth-child(2){min-width:300px}.direction-task-row{text-align:left}.direction-panel .detail-grid dd{white-space:pre-wrap}@media(max-width:760px){.d4-form-grid,.d4-toolbar{grid-template-columns:1fr}.d4-field.wide{grid-column:auto}.d4-material-grid{grid-template-columns:1fr}}