.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:var(--surface3)}.fr-list-row.active{background:var(--accent);color:var(--on-brand)}.fr-list-row.active td{color:var(--on-brand)}.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{display:none}@media(max-width:1024px){.fr-layout{grid-template-columns:1fr}.fr-detail{grid-column:1 / -1}}@media(max-width:768px){.fr-detail{display:none}.fr-detail-back-btn{display:inline-flex;flex-shrink:0}}