.fr-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.fr-list,.fr-detail{min-height:320px}.fr-list-row{cursor:pointer}.fr-list-row td{transition:background-color .12s ease,color .12s ease;vertical-align:middle}.fr-list-row:hover{background:#11111104}.fr-list-row.active{background:#ffcb2e14}.fr-thumb-attachment{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--rs);cursor:zoom-in;width:fit-content}.fr-thumb-attachment img{width:56px;height:56px;object-fit:cover;border-radius:var(--rs);flex-shrink:0}.fr-thumb-attachment span{font-size:12px;color:var(--text2)}.fr-detail-back-btn,.fr-mobile-list{display:none}@media(max-width:1024px){.fr-layout{grid-template-columns:1fr}.fr-detail{grid-column:1 / -1}}@media(max-width:768px){.fr-detail,.doc-detail-header.fr-desktop-header,.fr-desktop-list-wrap{display:none}.fr-mobile-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}.fr-row{display:flex;align-items:center;gap:12px;min-height:72px;padding:10px 14px;cursor:pointer;background:var(--surface)}.fr-row+.fr-row{border-top:1px solid var(--border)}.fr-row:active{background:var(--surface2)}.fr-row:focus-visible{outline:2px solid var(--accent2);outline-offset:-2px}.fr-row-body{flex:1;min-width:0}.fr-row-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.fr-row-vendor{font-size:16px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-row-amount{font-size:15px;font-weight:600;color:var(--text);flex-shrink:0}.fr-row-subtitle{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:13px;color:var(--text2);white-space:nowrap;overflow:hidden}.fr-row-date{overflow:hidden;text-overflow:ellipsis}.fr-row-chevron{color:var(--text3);flex-shrink:0;display:flex;align-items:center}.fr-mobile-list .hw-empty-state{padding:24px 14px}}