.document-name { display: flex; flex-direction: column; gap: 2px; width: min(300px, 28vw); margin: 0 auto 0 28px; }
.document-name span { color: var(--muted); font-size: 9px; }
.document-name input { width: 100%; padding: 5px 7px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--text); font-size: 14px; font-weight: 600; }
.document-name input:hover { border-color: var(--line); }
.document-name input:focus { outline: 2px solid #d9aa68; border-color: var(--accent); background: #fff; }
@media (max-width: 900px) { .document-name { width: 190px; margin-left: 12px; } }