@charset "UTF-8";

#device_battery .tbody-scroll {
    max-height: calc(100vh - 570px);
    min-height: 120px;
}
#device_battery .tbody-scroll table tbody tr {
    cursor: pointer;
}
#device_battery .tbody-scroll table tbody tr:hover {
    background-color: #f8f9fa;
}
#device_battery .battery_th_longText {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#deviceBattery_div_modal .modal-content {
	max-height: calc(100vh - 300px); width: 1000px;
}

#deviceBattery_div_modalInsert .modal-content {
	max-height: calc(100vh - 300px); 
	width: 1000px;
}

.deviceBattery_margin20 {
	margin-bottom: 20px;
}

#deviceBattery_modalInsertInstallName, #deviceBattery_modalInstallName, #deviceBattery_modalBatteryPercent {
	font-weight: 700;
}

.deviceBattery_spn_deviceKey {
	font-size: 19px; 
	margin-left: 10px;
}

#deviceBattery_modalInsertBatteryPercent {
	font-weight: 700;
}

#deviceBattery_ipt_normal, #deviceBattery_ipt_decraded, #deviceBattery_ipt_critical {
	width: 214px;
}

/* 상단 요약: 상태 카드 */
.device-battery-summary {
    margin-bottom: 24px;
}

.device-battery-summary__body {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex-wrap: wrap;
}

/* 상태 카드 (도트 없이 컬러 배경 + 큰 숫자) */
.device-battery-status-card {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 18px;
    border: 0;
    border-radius: 14px;
    background: #fff;
    box-sizing: border-box;
    transition: box-shadow .15s, transform .15s;
}

.device-battery-status-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

.device-battery-status-card__label {
    font-size: 15px;
    color: #1d1d1d;
    font-weight: 600;
}

.device-battery-status-card__value {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    color: #111827;
    line-height: 1;
}

.device-battery-status-card__value strong {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}

.device-battery-status-card__unit {
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
}

/* 카드별 배경 + 숫자 색 (이미지 톤) */
.device-battery-status-card--total {
    background: #ffffff;
}
.device-battery-status-card--total .device-battery-status-card__value strong { color: #111827; }

.device-battery-status-card--good {
    background: #eaf6ec;
}
.device-battery-status-card--good .device-battery-status-card__value strong { color: #228738; }

.device-battery-status-card--normal {
    background: #fef6e0;
}
.device-battery-status-card--normal .device-battery-status-card__value strong { color: #c98910; }

.device-battery-status-card--replace {
    background: #fde8ea;
}
.device-battery-status-card--replace .device-battery-status-card__value strong { color: #e54e57; }




.battery-detail__title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.battery-detail__state {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid #e0efff;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.5;
}
.battery-detail__state--normal {
  color: #228738;
}
.battery-detail__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.battery-detail__card {
  margin-top: 0 !important;
  padding: 24px 32px;
  border-color: #badaff;
  border-radius: 12px;
  box-shadow: 0 0 6px 0 #ede9fe;
}
.battery-detail__card .modal-card__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom-color: #cbd5e1;
}
.battery-detail__card .modal-card__title {
  color: #1e293b;
  font-size: 21px;
  font-weight: 600;
}
.battery-detail__card .modal-card__body {
  padding: 0;
}
.battery-detail__summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.battery-detail__summary-box {
  min-height: 73px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f1f5f9;
  text-align: center;
}
.battery-detail__summary-label {
  color: #475569;
  font-size: 15px;
  line-height: 1.5;
}
.battery-detail__summary-value, .battery-detail__soc {
  color: #1e293b;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
.battery-detail__summary-value small, .battery-detail__soc small {
  font-size: 15px;
  font-weight: 400;
}
.battery-detail__soc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}
.battery-detail__soc--normal {
  color: #228738;
}
.battery-detail__soc--warn {
  color: #ff6d00;
}
.battery-detail__soc--low {
  color: #de3412;
}
.battery-detail__soc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 10px;
  flex-shrink: 0;
}
.battery-detail__soc-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.battery-detail__chart {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  color: rgba(30, 33, 36, 0.5);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
.battery-detail__chart--wide {
  height: 160px;
}
.battery-detail__chart--preview {
  min-height: 155px;
  height: 100%;
}
.battery-detail__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  min-height: 200px;
}
.battery-detail__level-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.battery-detail__level-item {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 26px;
  color: #1e293b;
  font-size: 17px;
  line-height: 1.5;
  justify-content: space-between;
  height: 45px;
}
.battery-detail__level-item strong {
  min-width: 28px;
  font-size: 17px;
  line-height: 1.5;
  margin-right: 10px;
}
.battery-detail__level-item small {
  font-size: 18px;
  font-weight: 400;
}
.battery-detail__level-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 120px;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 900;
}

.deviceBattery_spn {
    font-size: 22px;
}

.battery-detail__level-item--normal .battery-detail__level-label,
.battery-detail__level-item--normal strong,
.battery-detail__level-item--normal small,
.battery-detail__level-item--normal span,
.battery-percent-span--normal {
  color: #228738;
}
.battery-detail__level-item--warn .battery-detail__level-label,
.battery-detail__level-item--warn strong,
.battery-detail__level-item--warn small,
.battery-detail__level-item--warn span,
.battery-percent-span--warn {
  color: #c78500;
}
.battery-detail__level-item--danger .battery-detail__level-label,
.battery-detail__level-item--danger strong,
.battery-detail__level-item--danger small,
.battery-detail__level-item--danger span,
.battery-percent-span--danger {
  color: #ff6d00;
}
.battery-detail__level-item--low .battery-detail__level-label,
.battery-detail__level-item--low strong,
.battery-detail__level-item--low small,
.battery-detail__level-item--low span,
.battery-percent-span--low {
  color: #de3412;
}
.battery-detail__level-item--critical .battery-detail__level-label,
.battery-detail__level-item--critical strong,
.battery-detail__level-item--critical small, 
.battery-detail__level-item--critical span,
.battery-percent-span--critical {
  color: #4a0404;
}

.battery-soc--normal, .battery-detail__level-item--normal img {
    display: inline-flex;
    color: #24933f;
    align-items: center;
    gap: 4px;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8440)'%3e%3cpath%20d='M1%2010C0.716667%2010%200.479167%209.90417%200.2875%209.7125C0.0958333%209.52083%200%209.28333%200%209V1C0%200.716667%200.0958333%200.479167%200.2875%200.2875C0.479167%200.0958333%200.716667%200%201%200H12.45C12.7333%200%2012.9708%200.0958333%2013.1625%200.2875C13.3542%200.479167%2013.45%200.716667%2013.45%201L10.325%204.875C9.825%205.50833%209.74583%206.1875%2010.0875%206.9125C10.4292%207.6375%2011.0083%208%2011.825%208C12.1083%208%2012.3458%208.09583%2012.5375%208.2875C12.7292%208.47917%2012.825%208.71667%2012.825%209C12.825%209.28333%2012.7292%209.52083%2012.5375%209.7125C12.3458%209.90417%2012.1083%2010%2011.825%2010H1ZM15.375%206H13.05C12.8333%206%2012.6792%205.90833%2012.5875%205.725C12.4958%205.54167%2012.5167%205.36667%2012.65%205.2L16.25%200.675C16.3333%200.575%2016.4292%200.516667%2016.5375%200.5C16.6458%200.483333%2016.75%200.491667%2016.85%200.525C16.95%200.558333%2017.0333%200.625%2017.1%200.725C17.1667%200.825%2017.1833%200.941667%2017.15%201.075L16.625%204H18.95C19.1667%204%2019.3208%204.09167%2019.4125%204.275C19.5042%204.45833%2019.4833%204.63333%2019.35%204.8L15.75%209.325C15.6667%209.425%2015.5708%209.48333%2015.4625%209.5C15.3542%209.51667%2015.25%209.50833%2015.15%209.475C15.05%209.44167%2014.9667%209.375%2014.9%209.275C14.8333%209.175%2014.8167%209.05833%2014.85%208.925L15.375%206Z'%20fill='%23228738'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8440'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--warn, .battery-detail__level-item--warn img  {
    display: inline-flex;
    color: #c78500;
    align-items: center;
    gap: 4px;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8447)'%3e%3cpath%20d='M0.531494%2010C0.248161%2010%200.0106608%209.90417%20-0.181006%209.7125C-0.372673%209.52083%20-0.468506%209.28333%20-0.468506%209V1C-0.468506%200.716667%20-0.372673%200.479167%20-0.181006%200.2875C0.0106608%200.0958333%200.248161%200%200.531494%200H11.9815C12.2648%200%2012.5023%200.0958333%2012.694%200.2875C12.8857%200.479167%2012.9815%200.716667%2012.9815%201C12.9815%201.28333%2012.8857%201.52083%2012.694%201.7125C12.5023%201.90417%2012.2648%202%2011.9815%202H9.53149V8H11.3565C11.6398%208%2011.8773%208.09583%2012.069%208.2875C12.2607%208.47917%2012.3565%208.71667%2012.3565%209C12.3565%209.28333%2012.2607%209.52083%2012.069%209.7125C11.8773%209.90417%2011.6398%2010%2011.3565%2010H0.531494ZM14.9065%206H12.5815C12.3648%206%2012.2107%205.90833%2012.119%205.725C12.0273%205.54167%2012.0482%205.36667%2012.1815%205.2L15.7815%200.675C15.8648%200.575%2015.9607%200.516667%2016.069%200.5C16.1773%200.483333%2016.2815%200.491667%2016.3815%200.525C16.4815%200.558333%2016.5648%200.625%2016.6315%200.725C16.6982%200.825%2016.7148%200.941667%2016.6815%201.075L16.1565%204H18.4815C18.6982%204%2018.8523%204.09167%2018.944%204.275C19.0357%204.45833%2019.0148%204.63333%2018.8815%204.8L15.2815%209.325C15.1982%209.425%2015.1023%209.48333%2014.994%209.5C14.8857%209.51667%2014.7815%209.50833%2014.6815%209.475C14.5815%209.44167%2014.4982%209.375%2014.4315%209.275C14.3648%209.175%2014.3482%209.05833%2014.3815%208.925L14.9065%206Z'%20fill='%23C78500'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8447'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--danger, .battery-detail__level-item--danger img  {
    display: inline-flex;
    color: #ff6d00;
    align-items: center;
    gap: 4px;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8454)'%3e%3cpath%20d='M0.531494%2010C0.248161%2010%200.0106608%209.90417%20-0.181006%209.7125C-0.372673%209.52083%20-0.468506%209.28333%20-0.468506%209V1C-0.468506%200.716667%20-0.372673%200.479167%20-0.181006%200.2875C0.0106608%200.0958333%200.248161%200%200.531494%200H11.9815C12.2648%200%2012.5023%200.0958333%2012.694%200.2875C12.8857%200.479167%2012.9815%200.716667%2012.9815%201C12.9815%201.28333%2012.8857%201.52083%2012.694%201.7125C12.5023%201.90417%2012.2648%202%2011.9815%202H6.53149V8H11.3565C11.6398%208%2011.8773%208.09583%2012.069%208.2875C12.2607%208.47917%2012.3565%208.71667%2012.3565%209C12.3565%209.28333%2012.2607%209.52083%2012.069%209.7125C11.8773%209.90417%2011.6398%2010%2011.3565%2010H0.531494ZM14.9065%206H12.5815C12.3648%206%2012.2107%205.90833%2012.119%205.725C12.0273%205.54167%2012.0482%205.36667%2012.1815%205.2L15.7815%200.675C15.8648%200.575%2015.9607%200.516667%2016.069%200.5C16.1773%200.483333%2016.2815%200.491667%2016.3815%200.525C16.4815%200.558333%2016.5648%200.625%2016.6315%200.725C16.6982%200.825%2016.7148%200.941667%2016.6815%201.075L16.1565%204H18.4815C18.6982%204%2018.8523%204.09167%2018.944%204.275C19.0357%204.45833%2019.0148%204.63333%2018.8815%204.8L15.2815%209.325C15.1982%209.425%2015.1023%209.48333%2014.994%209.5C14.8857%209.51667%2014.7815%209.50833%2014.6815%209.475C14.5815%209.44167%2014.4982%209.375%2014.4315%209.275C14.3648%209.175%2014.3482%209.05833%2014.3815%208.925L14.9065%206Z'%20fill='%23FF6D00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8454'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--low, .battery-detail__level-item--low img {
    display: inline-flex;
    color: #de3412;
    align-items: center;
    gap: 4px;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8461)'%3e%3cpath%20d='M0.594482%2010C0.311149%2010%200.0736491%209.90417%20-0.118018%209.7125C-0.309684%209.52083%20-0.405518%209.28333%20-0.405518%209V1C-0.405518%200.716667%20-0.309684%200.479167%20-0.118018%200.2875C0.0736491%200.0958333%200.311149%200%200.594482%200H12.0445C12.3278%200%2012.5653%200.0958333%2012.757%200.2875C12.9486%200.479167%2013.0445%200.716667%2013.0445%201C13.0445%201.28333%2012.9486%201.52083%2012.757%201.7125C12.5653%201.90417%2012.3278%202%2012.0445%202H4.59448V8H11.4195C11.7028%208%2011.9403%208.09583%2012.132%208.2875C12.3236%208.47917%2012.4195%208.71667%2012.4195%209C12.4195%209.28333%2012.3236%209.52083%2012.132%209.7125C11.9403%209.90417%2011.7028%2010%2011.4195%2010H0.594482ZM14.9695%206H12.6445C12.4278%206%2012.2736%205.90833%2012.182%205.725C12.0903%205.54167%2012.1111%205.36667%2012.2445%205.2L15.8445%200.675C15.9278%200.575%2016.0236%200.516667%2016.132%200.5C16.2403%200.483333%2016.3445%200.491667%2016.4445%200.525C16.5445%200.558333%2016.6278%200.625%2016.6945%200.725C16.7611%200.825%2016.7778%200.941667%2016.7445%201.075L16.2195%204H18.5445C18.7611%204%2018.9153%204.09167%2019.007%204.275C19.0986%204.45833%2019.0778%204.63333%2018.9445%204.8L15.3445%209.325C15.2611%209.425%2015.1653%209.48333%2015.057%209.5C14.9486%209.51667%2014.8445%209.50833%2014.7445%209.475C14.6445%209.44167%2014.5611%209.375%2014.4945%209.275C14.4278%209.175%2014.4111%209.05833%2014.4445%208.925L14.9695%206Z'%20fill='%23DE3412'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8461'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--critical, .battery-detail__level-item--critical img {
    display: inline-flex;
    color: #4a0404;
    align-items: center;
    gap: 4px;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8468)'%3e%3cpath%20d='M17.126%2010C17.4093%2010%2017.6468%209.90417%2017.8385%209.7125C18.0301%209.52083%2018.126%209.28333%2018.126%209V7H19.126C19.4093%207%2019.6468%206.90417%2019.8385%206.7125C20.0301%206.52083%2020.126%206.28333%2020.126%206V4C20.126%203.71667%2020.0301%203.47917%2019.8385%203.2875C19.6468%203.09583%2019.4093%203%2019.126%203H18.126V1C18.126%200.716667%2018.0301%200.479167%2017.8385%200.2875C17.6468%200.0958333%2017.4093%200%2017.126%200H1.12598C0.842644%200%200.605145%200.0958333%200.413477%200.2875C0.221809%200.479167%200.125977%200.716667%200.125977%201V9C0.125977%209.28333%200.221809%209.52083%200.413477%209.7125C0.605145%209.90417%200.842644%2010%201.12598%2010H17.126ZM16.126%208H2.12598V2H16.126V8Z'%20fill='%234A0404'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8468'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.battery-soc--normal::before,
.battery-soc--warn::before,
.battery-soc--danger::before,
.battery-soc--low::before,
.battery-soc--critical::before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background-image: var(--battery-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.battery-soc {
  --battery-color: #24933f;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8440)'%3e%3cpath%20d='M1%2010C0.716667%2010%200.479167%209.90417%200.2875%209.7125C0.0958333%209.52083%200%209.28333%200%209V1C0%200.716667%200.0958333%200.479167%200.2875%200.2875C0.479167%200.0958333%200.716667%200%201%200H12.45C12.7333%200%2012.9708%200.0958333%2013.1625%200.2875C13.3542%200.479167%2013.45%200.716667%2013.45%201L10.325%204.875C9.825%205.50833%209.74583%206.1875%2010.0875%206.9125C10.4292%207.6375%2011.0083%208%2011.825%208C12.1083%208%2012.3458%208.09583%2012.5375%208.2875C12.7292%208.47917%2012.825%208.71667%2012.825%209C12.825%209.28333%2012.7292%209.52083%2012.5375%209.7125C12.3458%209.90417%2012.1083%2010%2011.825%2010H1ZM15.375%206H13.05C12.8333%206%2012.6792%205.90833%2012.5875%205.725C12.4958%205.54167%2012.5167%205.36667%2012.65%205.2L16.25%200.675C16.3333%200.575%2016.4292%200.516667%2016.5375%200.5C16.6458%200.483333%2016.75%200.491667%2016.85%200.525C16.95%200.558333%2017.0333%200.625%2017.1%200.725C17.1667%200.825%2017.1833%200.941667%2017.15%201.075L16.625%204H18.95C19.1667%204%2019.3208%204.09167%2019.4125%204.275C19.5042%204.45833%2019.4833%204.63333%2019.35%204.8L15.75%209.325C15.6667%209.425%2015.5708%209.48333%2015.4625%209.5C15.3542%209.51667%2015.25%209.50833%2015.15%209.475C15.05%209.44167%2014.9667%209.375%2014.9%209.275C14.8333%209.175%2014.8167%209.05833%2014.85%208.925L15.375%206Z'%20fill='%23228738'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8440'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--battery-color);
  font-size: 15px;
  line-height: 1.5;
  white-space: nowrap;
}
.battery-soc::before {
  content: "";
  width: 20px;
  height: 10px;
  flex-shrink: 0;
  background: var(--battery-icon) no-repeat center/contain;
}

.battery-detail__level-input {
  width: 100%;
  height: 48px;
  min-width: 0;
  max-width: 154px;
  padding: 0 12px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  color: #1e293b;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
}
.battery-detail__level-input:focus {
  border-color: #047bb6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(4, 123, 182, 0.14);
}
.battery-detail--modify .battery-detail__level-item {
  min-height: 38px;
}



 #device_battery .battery-board__soc-filter {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
}
#device_battery .battery-board__soc-label {
  color: #1e293b;
  font-size: 15px;
  line-height: 1.5;
}
#device_battery .battery-board__soc-range {
  --battery-soc-percent: 50%;
  width: 160px;
  height: 6px;
  margin: 0;
  appearance: none;
  border-radius: 999px;
  background: linear-gradient(90deg, #1c8cf4 0 var(--battery-soc-percent), #e2e8f0 var(--battery-soc-percent) 100%);
  cursor: pointer;
}
#device_battery .battery-board__soc-range::-webkit-slider-runnable-track {
  width: 160px;
  height: 6px;
  border: 1px solid #cdd1d5;
  border-radius: 999px;
  background: transparent;
}
#device_battery .battery-board__soc-range::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  margin-top: -10px;
  appearance: none;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1c8cf4;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.3);
}
#device_battery .battery-board__soc-range::-moz-range-track {
  width: 160px;
  height: 6px;
  border: 1px solid #cdd1d5;
  border-radius: 999px;
  background: #e2e8f0;
}
#device_battery .battery-board__soc-range::-moz-range-progress {
  height: 6px;
  border-radius: 999px;
  background: #1c8cf4;
}
#device_battery .battery-board__soc-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1c8cf4;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.3);
}
#device_battery .battery-board__soc-range:focus-visible {
  outline: 2px solid rgba(28, 140, 244, 0.35);
  outline-offset: 4px;
}
#device_battery .battery-board__soc-value {
  flex: 0 0 42px;
  color: #475569;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
#device_battery .battery-board__soc-value strong {
  color: #1e293b;
  font-size: 17px;
  font-weight: 700;
}

#device_battery .form--tbl__header label {
    width: 260px;
    height: 48px;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    display: flex;
}

.battery-percent-div {
	display: inline-flex;
    gap: 5px;
}

.battery-detail__level-list .battery-detail__soc-icon {
    width: 35px;
    height: 25px;
}

#device_battery.badge--org, #device_battery .al-badge--org {
    --badge-bg: #feeae2;
    --badge-color: #dc7226;
    --badge-dot: #f46b36;
}