.doc-file-row{border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:14px;margin-bottom:10px;padding:13px 16px;transition:border-color .14s,box-shadow .14s;display:flex}.doc-file-row:hover{border-color:var(--brand-400);box-shadow:var(--shadow-sm)}.doc-file-row .dfi{background:var(--brand-bg);width:42px;height:42px;color:var(--green);border-radius:10px;flex:none;place-items:center;display:grid}.doc-file-row .dfi.amber{background:var(--amber-bg);color:var(--amber)}.doc-file-row .dfi.red{background:var(--red-bg);color:var(--red)}.doc-file-row .dfi.muted{background:var(--surface-2);color:var(--ink-3)}.doc-file-row .dfn{color:var(--ink);font-size:14px;font-weight:700}.doc-file-row .dfs{color:var(--ink-3);margin-top:1px;font-size:12.5px}.doc-file-row .dfs.alert{color:var(--red)}.doc-file-row .dfs.warn{color:#875814;color:lab(41.7942% 16.1068 44.1011)}.doc-file-row .dfa{gap:4px;margin-left:auto;display:flex}.doc-file-row .act{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border-radius:9px;place-items:center;transition:background .14s,color .14s,border-color .14s;display:grid}.doc-file-row .act:hover{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-400)}@media (max-width:700px){.doc-file-row{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px 12px;padding:12px;display:grid}.doc-file-row>div:not(.dfa){min-width:0}.doc-file-row .dfi{border-radius:9px;width:36px;height:36px}.doc-file-row .dfn{overflow-wrap:anywhere;word-break:break-word;width:100%}.doc-file-row .doc-file-title{flex-direction:column;width:100%;align-items:flex-start!important;gap:4px!important}.doc-file-row .dfs{overflow-wrap:anywhere}.doc-file-row .dfa{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:6px;width:100%;margin-left:0}.doc-file-row .act{border-radius:8px;width:32px;height:32px}}