@@ -1974,11 +1974,88 @@ input:focus {
19741974 gap : 0.7rem ;
19751975}
19761976
1977+ .recovery-history-group {
1978+ border : 1px solid rgb (var (--ln-border ));
1979+ border-radius : 0.85rem ;
1980+ background : rgb (var (--ln-surface ));
1981+ overflow : hidden;
1982+ }
1983+
1984+ .recovery-history-toggle {
1985+ width : 100% ;
1986+ display : flex;
1987+ align-items : center;
1988+ justify-content : space-between;
1989+ gap : 1rem ;
1990+ padding : 0.9rem ;
1991+ border-bottom : 1px solid rgb (var (--ln-border ));
1992+ cursor : pointer;
1993+ text-align : left;
1994+ }
1995+
1996+ .recovery-history-heading {
1997+ display : flex;
1998+ align-items : center;
1999+ gap : 0.75rem ;
2000+ min-width : 0 ;
2001+ }
2002+
2003+ .recovery-history-count {
2004+ color : rgb (var (--ln-muted ));
2005+ font-family : 'JetBrains Mono' , monospace;
2006+ font-size : 0.72rem ;
2007+ text-transform : uppercase;
2008+ letter-spacing : 0.08em ;
2009+ white-space : nowrap;
2010+ }
2011+
2012+ .recovery-history-chevron {
2013+ color : rgb (var (--ln-muted ));
2014+ transition : transform 0.2s ease, color 0.2s ease;
2015+ flex-shrink : 0 ;
2016+ }
2017+
2018+ .recovery-history-chevron svg {
2019+ width : 1rem ;
2020+ height : 1rem ;
2021+ }
2022+
2023+ .recovery-history-preview {
2024+ position : relative;
2025+ padding : 0.9rem ;
2026+ }
2027+
2028+ .recovery-history-fade {
2029+ display : none;
2030+ }
2031+
2032+ .recovery-history-group .is-collapsed .recovery-history-preview {
2033+ max-height : calc (9rem + 0.7rem );
2034+ overflow : hidden;
2035+ }
2036+
2037+ .recovery-history-group .is-collapsed .recovery-history-fade {
2038+ display : block;
2039+ position : absolute;
2040+ left : 0.9rem ;
2041+ right : 0.9rem ;
2042+ bottom : 0.9rem ;
2043+ height : 2.25rem ;
2044+ background : linear-gradient (180deg , rgb (var (--ln-surface ) / 0 ), rgb (var (--ln-surface )) 82% );
2045+ pointer-events : none;
2046+ }
2047+
2048+ .recovery-history-group : not (.is-collapsed ) .recovery-history-chevron {
2049+ transform : rotate (180deg );
2050+ color : rgb (var (--ln-pink ));
2051+ }
2052+
19772053.recovery-saved-row {
19782054 display : flex;
19792055 align-items : center;
19802056 justify-content : space-between;
19812057 gap : 1rem ;
2058+ min-height : 4.5rem ;
19822059 padding : 0.8rem 0.9rem ;
19832060 border-radius : 0.85rem ;
19842061 border : 1px solid rgb (var (--ln-border ));
0 commit comments