.file-row { gap: 10px; flex-wrap: wrap; }
.file-row > span:first-child { flex: 1 1 210px; min-width: 0; }
.file-row > span:first-child strong { overflow-wrap: anywhere; }
.file-row .file-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-left: auto; }
.file-row .file-actions > * { white-space: nowrap; }
.file-row .file-deadline-status { display: block; margin-top: 5px; color: #67815e; font-size: 10px; }
.file-preview-dialog { width: min(1080px, calc(100vw - 24px)); height: min(860px, calc(100dvh - 24px)); max-width: none; max-height: none; padding: 0; border: 1px solid #dce4d9; border-radius: 10px; background: #fff; color: #263629; box-shadow: 0 20px 60px #0004; }
.file-preview-dialog[open] { display: flex; flex-direction: column; }
.file-preview-dialog::backdrop { background: #0b130cbc; }
.file-preview-head, .file-preview-foot { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 16px 20px; }
.file-preview-head { border-bottom: 1px solid #e4e9e1; }
.file-preview-head h2 { margin: 4px 0 0; font-size: 18px; overflow-wrap: anywhere; }
.file-preview-foot { border-top: 1px solid #e4e9e1; color: #7b8977; font-size: 11px; }
.file-preview-body { display: grid; place-items: center; flex: 1; min-height: 0; padding: 10px; overflow: auto; background: #f5f6f3; color: #6c7869; }
.file-preview-body iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; background: #fff; }
.file-preview-body img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.file-preview-body.is-pdf { display: block; }
.file-pdf-pages { display: grid; justify-items: center; gap: 12px; width: 100%; }
.file-pdf-pages canvas { display: block; max-width: 100%; height: auto; background: #fff; box-shadow: 0 2px 12px #0002; }
.file-deadline-source { margin: 0 0 15px; color: #70806e; font-size: 11px; overflow-wrap: anywhere; }
.file-three-months { margin: 0 0 14px; }
[data-theme="dark"] .file-preview-dialog { background: #1b251e; border-color: #303d32; color: #edf4e9; }
[data-theme="dark"] .file-preview-head, [data-theme="dark"] .file-preview-foot { border-color: #303d32; }
[data-theme="dark"] .file-preview-body { background: #111a13; color: #a0b19d; }
[data-theme="dark"] .file-row .file-deadline-status { color: #a8c49e; }
@media (max-width: 650px) { .file-preview-head, .file-preview-foot { padding: 11px 12px; } .file-preview-foot span { display: none; } .file-preview-body iframe { min-height: 300px; } .file-row .file-actions { width: 100%; margin-left: 0; } }

.archive-toolbar{display:flex;gap:14px;align-items:end;margin:8px 0 22px;flex-wrap:wrap}.archive-toolbar label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#77806d}.archive-toolbar input,.archive-toolbar select{min-height:42px;min-width:220px;border:1px solid #d8dfd2;border-radius:9px;padding:9px 12px;background:#fff;color:#1f2b20;font:inherit}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.archive-actions{display:flex;gap:8px;flex-wrap:wrap}.archive-row .bill-info{min-width:0}@media(max-width:650px){.archive-row{align-items:flex-start;flex-direction:column}.archive-toolbar label,.archive-toolbar input,.archive-toolbar select{width:100%}}


.file-title-line{display:flex!important;align-items:center;gap:7px}.file-title-line strong{min-width:0}.file-edit-pencil{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:6px;border:0;border-radius:6px;background:transparent;color:#6f8566;cursor:pointer}.file-edit-pencil svg{display:block;width:17px;height:17px}.file-edit-pencil:hover{background:#e9f0e4}.file-edit-pencil:focus-visible{outline:2px solid #81a171;outline-offset:2px}[data-theme=dark] .file-edit-pencil{color:#b7c9ac}[data-theme=dark] .file-edit-pencil:hover{background:#304534}