/* Nanolog 页面样式
 *
 * 主题自带的 sass/components/_nanolog.scss 已经处理了时间轴（#nanolog-post / #nanolog-list）；
 * 这里只补它不管的部分：
 *   1) 默认隐藏浮层，靠 .active 显示（发布脚本会 toggle 这个 class）
 *   2) 浮层内部的排版
 *   3) 默认隐藏「New Nanolog」按钮（它带 hidden 属性；不想要前端发布功能就删掉下面最后那条规则）
 */

/* ── 浮层：默认隐藏 ─────────────────────────────────────────── */
#nanolog-modal {
	display: none;
}

#nanolog-modal.active {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	inset: 0;
	z-index: 1000;
	background-color: oklch(0 0 0 / 0.72);
	padding: 1rem;
}

/* ── 浮层内容 ───────────────────────────────────────────────── */
#nanolog-modal-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	box-sizing: border-box;
	box-shadow: var(--shadow, 0 0 0 1px var(--border-medium), 0 0.75rem 2.5rem rgb(0 0 0 / 0.2));
	border: 2px solid var(--surface-border, var(--border-medium));
	background-color: var(--surface-solid, var(--bg-color));
	padding: 1rem;
	width: min(38rem, 100%);
	max-height: 90vh;
	overflow-y: auto;
}

#nanolog-modal-wrapper input[type="password"],
#nanolog-modal-wrapper input[type="text"],
#nanolog-modal-wrapper textarea {
	box-sizing: border-box;
	border: 1px solid var(--border-medium);
	background-color: var(--surface-item, var(--bg-muted-1));
	padding: 0.5rem 0.6rem;
	width: 100%;
	color: var(--fg-color);
	font-family: var(--font-monospace, monospace);
	font-size: 0.875rem;
}

#nanolog-modal-wrapper textarea {
	font-family: inherit;
	line-height: 1.5;
	min-height: 8rem;
	resize: vertical;
}

#nanolog-modal-wrapper .lang-content {
	display: none;
}

#nanolog-modal-wrapper .lang-content.active {
	display: block;
}

/* 语言切换标签 */
.lang-tabs {
	display: flex;
	gap: 0.25rem;
}

.lang-tab {
	border: 1px solid var(--border-medium);
	background-color: var(--surface-item, var(--bg-muted-1));
	padding: 0.25rem 0.75rem;
	cursor: pointer;
	color: var(--fg-muted-1, var(--fg-color));
	font: inherit;
	font-size: 0.85rem;
}

.lang-tab.active {
	background-color: var(--accent-color);
	color: var(--contrast-color);
}

/* 顶部工具条（token 输入、字符计数、按钮） */
#auth-container,
#gemini-container {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	flex-wrap: wrap;
}

#char-count {
	color: var(--fg-muted-1, var(--fg-color));
	font-size: 0.8rem;
	text-align: end;
}

#publish-btn {
	align-self: flex-end;
	border: 1px solid var(--border-medium);
	background-color: var(--accent-color);
	padding: 0.4rem 1.25rem;
	cursor: pointer;
	color: var(--contrast-color);
	font: inherit;
	font-weight: 600;
}

/* 「New Nanolog」浮动按钮：用 id 选择器盖掉模板里的 hidden 属性。
   不需要前端发布功能的话，把这条和上面浮层有关的规则一起删掉即可。 */
#nanolog-button[hidden] {
	display: inline-block !important;
}