/* ----------------------------------------------------------------
   共通
   ---------------------------------------------------------------- */
button .fix-size {
	width: 120px;
}

/*-- Header --*/
/*-- SideMenu --*/
#sideMenu.navbar-vertical-fixed {
	width: 19rem;
}

.navbar-vertical-aside-closed-mode #sideMenu {
	width: 5.75rem;
}

#sideMenu .navbar-vertical-content {
	overflow-y: scroll;
}

.navbar-vertical-aside #navbarVerticalMenu.nav.nav-pills {
	padding-right: 0;
}

@media (min-width: 1200px) {
	.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode #sideMenu.navbar-vertical-aside {
		width: 5.75rem;
	}

	/*メインエリア*/
	.navbar-vertical-aside-show-xl main.main {
		padding-left: 19rem;
	}
}

/*Sort Table*/
.sort-mini-icon {
	margin-right: 6px;
	font-size: .8rem;
}

/*DataTable*/
.dataTables_scrollBody thead {
	visibility: collapse;
}

.dataTables_scroll table tr td:not(:first-child),
.dataTables_scroll table tr th:not(:first-child) {
	padding-left: 0;
}

/* フィルター */
.clear-button {
	cursor: pointer;
	transition: .2s;
}

div.modal-header {
	padding-bottom: 10px;
}

.modal-body {
	border-top: 0.0625rem solid rgba(231, 234, 243, .7);
}

/*DataTable*/
[id^="dtEntriesWrapBy"] .item::before {
	content: "表示件数 :";
}

/*calender style*/
.daterangepicker th {
	height: 38.5px !important;
}

.daterangepicker .month {
	transform: scale(-1, 1);
}

.daterangepicker .month>select {
	transform: scale(-1, 1);
	border: none;
	border-bottom: 2px solid #cccccc;
	font-size: 0.9rem;
	width: 45%;
	padding-left: 0.4rem;
}

@media screen and (min-width: 576px) {
	.entries-select-wrap-width {
		width: 165px;
	}
}

#detail_condition_input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.text-clear-button i.bi-x {
	cursor: pointer;
}

/* -- Client_detail.html --*/
.fixed-form {
	position: fixed;
	background: #fff;
	z-index: 20;
	padding-top: 2.25rem;
	padding-right: 1rem;
	width: 99%;
	transition: .2s;
}

.readonly-text-p {
	min-height: 21px;
}

#navbarSettings {
	width: 100%;
}

@media screen and (min-width: 992px) {
	.fixed-form {
		width: 75%;
	}
}

@media screen and (min-width: 1200px) {
	.fixed-form {
		width: calc((100% - 19rem)*0.75);
	}

	.navbar-vertical-aside-mini-mode .fixed-form {
		width: calc((100% - 5.75rem)*0.75);
	}
}

/* ----------------------------------------------------------------
   最新のDatatableとテーマを調整するCSS
   ---------------------------------------------------------------- */
/* ソートのアイコン */
.datatable-custom .sorting[aria-sort="ascending"]::after {
	background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23377dff'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
	content: "";
}

.datatable-custom .sorting[aria-sort="descending"]::after {
	background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23377dff'/%3E%3C/svg%3E%0A");
	content: "";
}

/*スクロール内の見出し非表示*/
.dt-scroll-body thead tr,
.dt-scroll-body thead tr th,
.dt-scroll-body thead tr th * {
	visibility: hidden;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing {
	display: block;
	height: 0 !important;
}

div.dt-scroll-body thead tr th span {
	display: inline-block;
	height: 0;
}

.dt-scroll-body .datatable-custom .sorting::after,
.dt-scroll-body .datatable-custom .sorting_asc::after,
.dt-scroll-body .datatable-custom .sorting_desc::after {
	height: 0;
	background-size: .7rem 0;
}

/*colreorder*/
table.dataTable tbody tr td.dtcr-moving-first {
	background-color: #f9fafc;
}

/* ----------------------------------------------------------------
   チラつき等対応 カスタマイズクラス
   ---------------------------------------------------------------- */

@media (max-width: 1199px) {
	.aside-hidden-on-small-mode {
		visibility: hidden;
	}
}

.init-loading-list-height {
	visibility: hidden;
	height: 670px;
}

.init-loading-list-height-m {
	visibility: hidden;
	height: 360px;
}

.init-loading-list-title {
	visibility: hidden;
	pointer-events: none;
}

.btn.btn-ghost-secondary.btn-icon.rounded-circle.initial-focus-fix {
	color: #71869d;
	border-color: transparent !important;
	background-color: transparent !important;
}

.nav-pills .show>.nav-link.disabled {
	color: var(--bs-nav-link-disabled-color);
	pointer-events: none;
	cursor: default;
}

.datatables-loading {
	visibility: hidden;
}

.dt-scroll-body thead tr {
	visibility: collapse;
}


/* -- START -- */
/*.form-select.is-invalid.focus::selection {
	border-color:#ed4c78;
	box-shadow:0 0 1rem 0 rgba(237,76,120,.25);
}*/

/* TOM-SELECT */
.ts-wrapper.is-invalid,
.ts-wrapper.is-invalid.single,
.was-validated .invalid.single,
.was-validated :invalid+.ts-wrapper.single {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-position: right 0.75rem center;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	background-repeat: no-repeat;
}

.ts-wrapper.is-valid.single,
.was-validated .valid.single,
.was-validated :valid+.ts-wrapper.single {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-position: right 0.75rem center;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	background-repeat: no-repeat;
}

/* APCustomValidation */
[data-ap-validation-validate-group].has-validation.is-invalid,
[data-ap-validation-validate-group]:not(.has-validation).is-invalid {
	border-color: #ed4c78;
}

[data-ap-validation-validate-group].has-validation.is-invalid.focus,
[data-ap-validation-validate-group]:not(.has-validation).is-invalid.focus {
	border-color: #ed4c78;
	box-shadow: 0 0 1rem 0 rgba(237, 76, 120, .25);
}

/*--------------------- ap-none-success ----------------------*/
.ap-none-success.was-validated .form-control:valid,
.ap-none-success .form-control.is-valid,
.ap-none-success.was-validated .form-select:valid,
.ap-none-success .form-select.is-valid,
.ap-none-success.was-validated .form-check-input:valid,
.ap-none-success .form-check-input.is-valid,
.ap-none-success.was-validated .ts-wrapper:valid,
.ap-none-success .ts-wrapper.is-valid,
.form-control.ap-none-success.is-valid,
.form-select.ap-none-success.is-valid,
.form-check-input.ap-none-success.is-valid,
.ts-wrapper.ap-none-success.is-valid {
	border-color: rgba(231, 234, 243, 0.7) !important;
	box-shadow: none !important;
}

.ap-none-success.was-validated .form-check-input:valid:checked,
.ap-none-success .form-check-input.is-valid:checked,
.form-check-input.ap-none-success.is-valid:checked {
	background-color: inherit !important;
}

.ap-none-success.was-validated .form-check-input:valid~.form-check-label,
.ap-none-success .form-check-input.is-valid~.form-check-label,
.form-check-input.ap-none-success.is-valid~.form-check-label {
	color: inherit !important;
}

.ap-none-success.was-validated .ts-wrapper:valid .ts-control,
.ap-none-success .ts-wrapper.is-valid .ts-control,
.ts-wrapper.ap-none-success.is-valid .ts-control {
	border-color: rgba(231, 234, 243, 0.7) !important;
	box-shadow: none !important;
}

.ap-none-success.was-validated .form-control:valid:focus,
.ap-none-success .form-control.is-valid:focus,
.ap-none-success.was-validated .form-select:valid:focus,
.ap-none-success .form-select.is-valid:focus,
.ap-none-success.was-validated .form-check-input:valid:focus,
.ap-none-success .form-check-input.is-valid:focus,
.ap-none-success.was-validated .ts-wrapper:valid.focus .ts-control,
.ap-none-success .ts-wrapper.is-valid.focus .ts-control,
.form-control.ap-none-success.is-valid:focus,
.form-select.ap-none-success.is-valid:focus,
.form-check-input.ap-none-success.is-valid:focus,
.ts-wrapper.ap-none-success.is-valid.focus .ts-control {
	border-color: rgba(140, 152, 164, 0.25) !important;
	box-shadow: 0 0 1rem 0 rgba(140, 152, 164, 0.25) !important;
	color: #1e2022;
	background-color: #fff;
}

.ap-none-success .ts-wrapper.is-invalid,
.ap-none-success .ts-wrapper.is-invalid.single,
.ap-none-success.was-validated .invalid.single,
.ap-none-success.was-validated :invalid+.ts-wrapper.single {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-position: right 0.75rem center;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	background-repeat: no-repeat;
}

.ap-none-success .ts-wrapper.is-invalid.focus,
.ap-none-success .ts-wrapper.is-invalid.single.focus,
.ap-none-success.was-validated .invalid.single.focus,
.ap-none-success.was-validated :invalid.focus+.ts-wrapper.single {
	border-color: #ed4c78;
	box-shadow: 0 0 1rem 0 rgba(237, 76, 120, .25);
}

.ap-none-success .ts-wrapper.form-control.is-invalid .ts-control,
.ap-none-success .ts-wrapper.form-control.single.input-active.is-invalid .ts-control,
.ap-none-success .ts-wrapper.form-select.is-invalid .ts-control,
.ap-none-success .ts-wrapper.form-select.single.input-active.is-invalid .ts-control {
	border: #ed4c78;
}

.ap-none-success .ts-wrapper.form-control.is-invalid .ts-control,
.ap-none-success .ts-wrapper.form-control.single.input-active.is-invalid .ts-control,
.ap-none-success .ts-wrapper.form-select.is-invalid .ts-control,
.ap-none-success .ts-wrapper.form-select.single.input-active.is-invalid .ts-control {
	border: #ed4c78;
}

.ap-none-success .tom-select-custom .ts-wrapper.form-select.is-invalid .ts-control.focus,
.ap-none-success .tom-select-custom .ts-wrapper.form-select.is-invalid .ts-control:focus,
.ap-none-success .tom-select-custom .ts-wrapper.multi.is-invalid .ts-control.has-items.hs-select-single-multiple .focus,
.ap-none-success .tom-select-custom .ts-wrapper.multi.is-invalid .ts-control.has-items.hs-select-single-multiple:focus {
	border: #ed4c78 !important;
	box-shadow: 0 0 1rem 0 rgba(237, 76, 120, .25);
	outline-color: rgba(237, 76, 120, .5);
}

/* 左メニューの矢印の位置調整 */
.dropdown-toggle::after {
	background-position: center !important;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
	padding: 2rem 0;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next {
	padding: 2rem 0;
}

.nav {
	background-color: var(--bs-white);
}

.js-sticky-block {
	z-index: 50;
	background-color: var(--bs-white);
}

#navbarHorizontal {
	/*height:65px;*/
}

#navbar {
	z-index: 51;
}

#pageHeaderTab {
	border-bottom: .0625rem solid rgba(231, 234, 243, .7);
}


/* お好み */
.navbar-toggler {
	padding: 1rem .5rem !important;
}


/* =============================================================
    MultiFilter 対応.
   ============================================================= */
/* ---------- CSS Variables  ---------- */
#filter-container{
  --rule-left-padding: 56px;  
  --connector-x: 12px;  
  --connector-color: #e3e6ea;  
  --connector-gap: 10px;  
  --rail-left: calc(-1 * var(--rule-left-padding) + var(--connector-x));
  --rail-offset: 16px;  
  --rail-join-row: 0px;  
  --rail-join-group: 1px;  
}
@media (max-width: 768px){
  #filter-container{
    --rule-left-padding: 28px;
    --connector-x: 10px;
    --connector-gap: 8px;
    --rail-left: calc(-1 * var(--rule-left-padding) + var(--connector-x));
    --rail-offset: 16px;
    --rail-join-row: 0px;
    --rail-join-group: 1px;
  }
}

#filter-container .rule{
  position: relative;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: .6rem;
  padding: 12px 12px 12px var(--rule-left-padding);
  margin-bottom: .75rem;
  z-index: auto;  
  overflow: visible;
}

#filter-container .rule-group-header{
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
  margin-bottom: .75rem;
  z-index: auto;  
  flex-wrap:wrap;
}

#filter-container .rule-group-header .radio-btns{
  margin-left: var(--rail-left);
}

#filter-container .rule-group-header .btn,
#filter-container .rule-row .btn{
  height: 32px;
  padding: .25rem .5rem;
  line-height: 1.2;
}

#filter-container .rule-group-header .radio-btns .btn{
  height: 32px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .25rem .5rem;
  line-height: 1;
}
#filter-container .rule-group-header .btn-check + label.btn{
  transition: background-color .12s, border-color .12s, color .12s;
}
#filter-container .rule-group-header .btn-check:checked + label.btn{
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}
#filter-container .rule-items{
  position: relative;
  overflow: visible;
}
#filter-container .rule-items::before{
  content: "";
  position: absolute;
  left: calc(var(--rail-left) + var(--rail-offset));
  top: -12px;
  bottom: 6px;
  width: 2px;
  background: var(--connector-color);
  border-radius: 2px;
  z-index: 0;
}
#filter-container .rule-items > .rule-row{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y) + 8px);
  margin-left: calc(-.5 * var(--bs-gutter-x) + 4px);
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-bottom: 12px;
  z-index: 1;  
}
#filter-container .rule-items > .rule-row::after{
  content: "";
  position: absolute;
  left: 0; right: 4px; top: -4px; bottom: -4px;
  border: 1px solid #e3e3e3;
  border-radius: .5rem;
  background: #fff;
  z-index: 0;  
}
#filter-container .rule-items > .rule-row > *{
  position: relative;
  z-index: 1;  
}
#filter-container .rule-items > .rule-row::before,
#filter-container .rule-items > .rule::before{
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  height: 2px;
  background: var(--connector-color);
  z-index: 0;
}
#filter-container .rule-items > .rule-row::before{
  left: calc(var(--rail-left) + var(--rail-offset) + var(--rail-join-row));
  width: calc(
    var(--rule-left-padding) - var(--connector-x)
    - var(--connector-gap)   - var(--rail-offset) + 8px
  );
}
#filter-container .rule-items > .rule::before{
  left: calc(var(--rail-left) + var(--rail-offset) + var(--rail-join-group));
  width: calc(
    var(--rule-left-padding) - var(--connector-x)
    - var(--connector-gap)   - var(--rail-offset) + 8px
  );
}
#filter-container .rule-row .form-select,
#filter-container .rule-row .form-control,
#filter-container .rule-row .ts-control { height: 38px; }
#filter-container .rule-row .value-container .form-select,
#filter-container .rule-row .value-container .form-control,
#filter-container .rule-row .value-container .ts-control { 
  height: auto !important;
  min-height: 38px; 
}
.range-sep{
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-control { position: relative; }
.ts-control.empty::after{
  content: attr(data-placeholder);
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  pointer-events: none;
}
.ts-control .ts-input{
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
}
.modal #filter-container .ts-dropdown,
.offcanvas #filter-container .ts-dropdown{
  z-index: 1200 !important;
  max-height: 50vh;
  overflow: auto;
  min-width: 100%;
  z-index: 1065;
}
#filter-container .ts-wrapper.is-open .ts-control{
  position: relative;
  z-index: 1064 !important;
}
#filter-container .tom-select-custom .ts-dropdown{
  position: absolute;
  z-index: 1065 !important;
  max-height: 50vh;
  overflow: auto;
  min-width: 100%;
}
#filter-container .clear-button{
  color: #6c757d;
  cursor: pointer;
}
#filter-container .clear-button:hover { 
  color: #dc3545;
}
#filter-container .rule{
  border: 1px solid #e3e3e3;
  border-radius: .6rem;
  padding: 12px 12px 12px var(--rule-left-padding);
  margin-bottom: .75rem;
  background: #fff;
  position: relative;
  overflow: visible;
}
#filter-container .rule-items>.rule-row{
  position: relative;
  display:flex;
  flex-wrap:wrap;
  margin-top: calc(-1 * var(--bs-gutter-y) + 8px);
  margin-left: calc(-.5 * var(--bs-gutter-x) + 4px);
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-bottom: 12px;
}
#filter-container .ts-wrapper.is-open {
  z-index: 1063; position: relative;
}
#filter-container .tom-select-custom{
  position: relative;
  z-index: 1;
}
#filter-container .value-container{
  position: relative;
  z-index: 3;
}
#filter-container .ts-wrapper {
  position: relative;
}
#filter-container .ts-wrapper .ts-dropdown{
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  min-width: 100%;
  max-height: 50vh;
  overflow: auto;
  z-index: 1065;
}
#filter-container .rule-items > .rule-row.ts-open{
  z-index: 1064; 
}
#filter-container .rule-items > .rule-row.ts-open .ts-control{
  position: relative;
  z-index: 1065;
}
#filter-container .rule-items > .rule-row .ts-dropdown{
  z-index: 1066;
}
#filter-container .value-container .ts-wrapper:not(.single) .ts-control{
  height: auto;  
  min-height: 38px;  
  padding-top: 4px;
  padding-bottom: 4px;
  align-items: flex-start;  
  flex-wrap: wrap;  
}
#filter-container .value-container .ts-wrapper:not(.single) .ts-control .item{
  margin-bottom: 4px;
}
#filter-container .ts-wrapper.multi .ts-control{
  height: auto !important;  
  min-height: 38px;  
  display: flex;  
  flex-wrap: wrap;  
  align-items: flex-start;  
  padding-top: 4px;
  padding-bottom: 4px;
}
#filter-container .ts-wrapper.multi .ts-control .item{
  margin: 2px 4px 2px 0;
}
#filter-container .ts-wrapper.multi .ts-control input{
  height: 28px;
  margin: 2px 0;
  flex: 0 1 120px;
}
#filter-container .rule.ts-open-anc {
  z-index: 1064;
}

/* ストレージ使用状況 */
.navbar-vertical-footer {
  background-color: var(--bs-white);
}
.navbar-vertical-footer-offset {
  padding-bottom: 10.5rem !important;
}
.progress {
  height: 20px !important;
  border-radius: 10px !important;
}
.storage-info {
  font-size: 0.7rem;
  text-align: right;
}
/* デフォルト：白文字 */
.progress-bar {
  color: #fff;
}
/* 警告色（黄色）のときだけ黒文字に */
.progress-bar.bg-warning {
  color: #000 !important;
}
/* --  
#pageHeaderTab {
	border-bottom: 0.0625rem solid rgba(231,234,243,0.7)
}
-- */

/* -- メリハリ関連 -- */
.card-bg-color {
	background-color: var(--bs-gray-100) !important;
}

/* -- DataTables ColumnFixed -- */
/* 固定列全体に背景色を明示 */
div.dtfc-left-wrapper,
table.dtfc-fixed-left {
  background-color: #fff;
  z-index: 3;
}

/* 奇数行（table-striped対応） */
.table-striped > tbody > tr:nth-of-type(odd) > td.dtfc-fixed-start.dtfc-fixed-left {
  background-color: var(--bs-table-striped-bg); 
}

/* 偶数行 */
.table-striped>thead>tr>th.dtfc-fixed-start.dtfc-fixed-left,
.table-striped > tbody > tr:nth-of-type(even) > td.dtfc-fixed-start.dtfc-fixed-left {
  background-color: var(--bs-white); /* #f8f9fa; Bootstrapのstriped背景色 */
}

th.vertical-header {
  writing-mode: vertical-rl;
  transform: rotate(0deg); /* 上から下ではなく下から上にしたい時 */
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* stickyBlockEndPointが近い場合対応 */
.stickyBlockEndPoint-short {
	min-height: 500px;
}

/* --- ダッシュボード --- */
.dashboard-num-slot {
  width: 5rem;              /* 数字用の幅。桁数に合わせて調整 */
}

.dashboard-summary-body {
  max-height: 160px;              /* ← 入退去のcard-bodyの高さに合わせて調整 */
  display: flex;
  flex-direction: column;
  align-items: center;       /* 数字を縦中央に */
}

.dashboard-list {
  max-height: 300px;
  overflow-y: auto;
}
.dashboard-list-nippo {
  max-height: 150px;
  overflow-y: auto;
}

/* 少し薄いグレー */
.dashboard-list li:nth-child(odd),
.dashboard-list-nippo li:nth-child(odd) {
  background-color: #f8f9fa; 
}

/* 白 */
.dashboard-list li:nth-child(even),
.dashboard-list-nippo li:nth-child(even) {
  background-color: #ffffff; 
}

/* canvas と同じ高さ */
.dashboard-chart-wrapper {
  height: 140px;   
}
.dashboard-chart {
  height: 100% !important;
}

/* リスト全体：カードヘッダーと左位置を揃えるための微調整(好みで 0～0.5rem ぐらい)  */
.dashboard-detail-list {
  padding-left: 0.25rem;
  padding-bottom: 0.5rem !important;
}

/* 1行（項目＋値） */
.dashboard-detail-row {
  align-items: center;
  min-height: 1.5rem;
}
/* 左側：項目名（ヘッダーと同じくらいの位置に揃える） */
.dashboard-detail-list .detail-label {
  flex: 0 0 60%;           /* 左カラムの幅（%で調整可） */
  text-align: left;        /* 必ず左寄せ */
  white-space: nowrap;     /* 折り返したくない場合 */
  overflow: hidden;
}

/* 右側：値＋単位（もっと右に寄せて間隔を開ける） */
.dashboard-detail-list .detail-value {
  flex: 0 0 35%;           /* 右カラムの幅（残りは行の余白） */
  text-align: right;       /* 右寄せ */
  white-space: nowrap;
}

/* -- TERM  -- */