.file-materials {min-width:0;max-width:100%;}
.file-materials-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 20px;padding:0;}
.file-material-card {position:relative;min-width:0;padding:16px;border:1px solid var(--divider);border-radius:17px;background:var(--solid);}
.file-material-heading {display:flex;align-items:flex-start;gap:12px;min-width:0;}
.file-material-icon {display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--input);color:var(--muted);}
.file-material-icon .icon {width:18px;height:18px;}
.file-material-main {min-width:0;flex:1;}
.file-material-kind {display:block;margin:0 42px 5px 0;color:var(--muted);font-size:11px;font-weight:500;line-height:1.4;}
.file-material-title {display:block;max-width:100%;padding-right:40px;font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere;}
.file-material-address,.file-material-meta {margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
.file-material-address {font-size:11px;}
.file-material-meta time {white-space:normal;}
.file-material-editor {margin:0;padding:0;}
.file-material-editor>summary {position:absolute;right:10px;top:10px;display:flex;list-style:none;width:40px;height:40px;border-radius:11px;}
.file-material-editor>summary::-webkit-details-marker {display:none;}
.file-materials .icon-pencil {mask-image:url('/icons/pencil.svg');}
.file-material-editor[open]>summary {color:var(--accent);background:var(--input);}
.file-materials .file-material-edit-form {display:grid;gap:12px;width:100%;max-width:none;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--divider);}
.file-materials .work-form .form-field {display:grid;min-width:0;gap:7px;}
.file-materials .work-form .form-field>label {margin:0;font-size:12px;font-weight:500;line-height:1.45;}
.file-materials .work-form .form-field>input {min-width:0;max-width:100%;margin:0;}
.file-materials .work-form>.field-hint {margin:0;font-size:12px;line-height:1.5;}
.file-materials .work-form>.button {justify-self:start;max-width:100%;margin:0;white-space:normal;line-height:1.45;}
.file-material-lifecycle {display:flex;justify-content:flex-end;margin-top:10px;}
.file-material-lifecycle .text-button {min-height:36px;padding:7px 1px;color:var(--muted);font-size:12px;}
.material-is-removed {background:var(--input);}
.material-is-removed .file-material-title {color:var(--muted);}
.file-material-empty {grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--divider);border-radius:15px;color:var(--muted);font-size:13px;line-height:1.6;}
.file-material-create-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.file-materials .file-material-create-card {display:grid;gap:14px;min-width:0;max-width:none;margin:0;padding:18px;border:1px solid var(--divider);border-radius:17px;background:var(--input);}
.file-material-create-card>h4 {margin:0;font-size:14px;font-weight:550;line-height:1.4;}
.file-materials input[type=file] {font-family:inherit;font-size:12px;min-width:0;max-width:100%;}
@media(max-width:900px) {
    .file-materials-list,.file-material-create-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:640px) {
    .file-material-card {padding:15px;}
    .file-material-heading {gap:10px;}
    .file-material-icon {width:32px;height:32px;border-radius:10px;}
    .file-materials .file-material-create-card {padding:16px;}
    .file-materials .work-form .form-field>input:not([type=file]) {font-size:16px;min-height:46px;}
    .file-materials .work-form>.button {width:100%;}
    .file-material-editor>summary {min-width:44px;min-height:44px;right:8px;top:8px;}
    .file-material-title {padding-right:43px;}
    .file-material-lifecycle .text-button {min-height:44px;}
}