簡単入力｜マネフォ確定申告 - more Simple by KABA

/* ==UserStyle==
@name       簡単入力｜マネフォ確定申告 - more Simple
@version    20250217.01.16
@namespace  https://userstyles.world/user/KABA
@author     KABA
@license    No License
==/UserStyle== */

@-moz-document domain("moneyforward.com") {
/* ベース */
:root {
	--color-main: #3185b0;
}

/* レイアウト */

/*
	NOTE: Highlight style for identification
	outline: solid #f003;
*/

.ca-container {
	min-width: auto; /* 最小幅の解除 */

	display: revert;
	padding-left: 130px;
	> .sidebar-container {
		position: fixed;
		left: 0;
	}
	> .ca-main-container { overflow: revert }
}
}

@-moz-document domain("moneyforward.com") {
/* UI */

/* - カレンダー */
/* : 日付のセンタリング */
.ui-datepicker {
	td {
		span,
		a { text-align: center }
	}
}
/* - 仕分けテーブル */
.act-list {
	> div {
		transition: .2s;

		&:hover { background: #e7f1fd66 }
	}
}
}

@-moz-document domain("moneyforward.com") {
/* 自動仕訳 */

/* - 検索ボックスの下揃え */
.ca-list-search { align-items: flex-end }

/* - 詳細内部の Clearfix */
.act-row-bottom-container { display: flow-root }
}

@-moz-document domain("moneyforward.com") {
/* 簡単入力 */
/* : #page-simple-journals -- NOTE: #page-journals は対象ページ不明 */

/* - 金額 LastPass 表示回避 ＋α */
#journal_value {
	margin-right: .4em;
	width: 5.5em !important; /* 100万の位まで表示 */
	text-align: left;
}

/* - 入力欄と見出しを縦に並列化など */
#page-journals,
#page-simple-journals {
	.easy-input {
		> li {
			display: block;
			width: auto;
			min-height: 0;

			+ li {
				margin-top: 1em;
				padding-left: 0;
				border-left: 0;
				margin-left: 0;
			}

			dl {
				display: flex;

				dt {
					margin-right: 1.3em;
					width: 5em;
					overflow: hidden;
					white-space: nowrap;
					color: inherit;
				}
				dd { flex-basis: 22em }
			}

			/* -- 微調整 */
			/* --- 収入・支出 */
			&:nth-child(1) {
				[class*=easy-input-item-type-tab-] {
					display: grid;
					gap: 6px;
				}
				.ca-select-item { margin-bottom: 0 !important }
				.outlay { margin-top: 1.25em }
			}
			/* --- 日付 */
			&:nth-child(2) {
				.l-column-03 { padding-top: 0 !important }
			}
			/* --- 用途と金額 */
			&:nth-child(3) {
				/* .select2-container { visibility: hidden } */
				.l-column-03 { padding-top: 0 !important }
			}
			/* --- その他事項 */
			&:nth-child(4) {
				.text-center { text-align: left }
			}

			/* 日付、金額、摘要のハイライト */
			[type=text],
			textarea {
				outline:
					solid
					2px
					color-mix(in hsl,
						var(--color-main),
						#fff 20%
					)
				;
			}
		}
	}
}

/* - 使わないコンテンツの非表示 */
#page-journals,
#page-simple-journals {
	.easy-input {
		> li {
			p:empty { margin: 0 }

			/* -- 見出し番号 */
			dl dt::before { display: none }

			/* -- 用途と金額 */
			&:nth-child(1) {
				/* --- 補助科目 */
				#s2id_journal_dr_item_id ~ div, /* NOTE: id だが利用カ所が複数ある */
					 #journal_cr_item_id + div { display: none !important }
			}

			/* -- 用途と金額 */
			&:nth-child(3) dd {
				/* --- ラベル、補助科目 */
				.l-column-01 {
					& { display: none !important }
					&.is-hidden + div { display: none !important }
				}
				> div {
					/* -- 取引先情報 */
					&:has(.search-select-wrapper),
					/* -- 説明 */
					&:nth-child(4),
					&:last-child { display: none }
				}
			}

			dl dd {
				/* -- カレンダー */
				.r-column { display: none }
				/* -- 未実現 */
				.l-column-03 #is-unrealized,
				.l-column-03 #is-unrealized ~ * { display: none }
				/* -- ラベル */
				.l-column-02 { display: none }
				/* -- タグ */
				.l-column-02 + div { display: none !important }
			}
		}
	}
}
}