1/* status bar */
2.sbl-status-bar {
3	cursor: default;
4	opacity: 0.8;
5}
6
7.sbl-status-bar.sbl-clickable {
8	cursor: pointer;
9}
10
11.sbl-status-bar.sbl-clickable:hover {
12	opacity: 1;
13}
14
15/* version view */
16.sbl-version-view {
17	padding: 8px 12px;
18}
19
20.sbl-version-empty,
21.sbl-version-hint {
22	color: var(--text-muted);
23	font-size: var(--font-ui-small);
24}
25
26.sbl-version-loading {
27	color: var(--text-muted);
28	font-style: italic;
29}
30
31.sbl-version-error {
32	color: var(--text-error);
33	font-size: var(--font-ui-small);
34}
35
36.sbl-version-filename {
37	margin: 0 0 8px 0;
38	font-size: var(--font-ui-medium);
39	font-weight: 600;
40}
41
42.sbl-version-list {
43	display: flex;
44	flex-direction: column;
45	gap: 4px;
46}
47
48.sbl-version-item {
49	padding: 6px 8px;
50	border-radius: 4px;
51	border: 1px solid var(--background-modifier-border);
52}
53
54.sbl-version-item:hover {
55	background: var(--background-modifier-hover);
56}
57
58.sbl-version-header {
59	display: flex;
60	align-items: center;
61	gap: 8px;
62}
63
64.sbl-version-number {
65	font-weight: 600;
66	font-size: var(--font-ui-small);
67	color: var(--text-accent);
68}
69
70.sbl-version-author {
71	font-size: var(--font-ui-small);
72	color: var(--text-muted);
73}
74
75.sbl-version-time {
76	font-size: var(--font-ui-smaller);
77	color: var(--text-faint);
78	margin-top: 2px;
79}
80
81.sbl-version-message {
82	font-size: var(--font-ui-small);
83	color: var(--text-normal);
84	margin-top: 4px;
85}
86
87.sbl-version-web-link {
88	font-size: var(--font-ui-smaller);
89	margin-top: 4px;
90	display: inline-block;
91}
92
93/* welcome modal */
94.sbl-welcome-modal {
95	max-width: 480px;
96}
97
98.sbl-welcome-steps {
99	margin: 16px 0;
100}
101
102.sbl-welcome-step {
103	margin-bottom: 12px;
104}
105
106.sbl-welcome-step p {
107	margin: 4px 0 0 0;
108	color: var(--text-muted);
109	font-size: var(--font-ui-small);
110}
111
112.sbl-welcome-links {
113	margin: 16px 0;
114}
115
116.sbl-welcome-links a {
117	font-size: var(--font-ui-small);
118}
119
120.sbl-welcome-footer {
121	text-align: right;
122	margin-top: 16px;
123}
124
125/* settings */
126.sbl-settings-header p {
127	margin-top: 4px;
128}
129
130.sbl-settings-links {
131	margin-top: 24px;
132	font-size: var(--font-ui-small);
133	color: var(--text-muted);
134}