/* FNS V380 — direct import backup pelanggan billing lama */
.fns380-import-note{
  margin-top:14px!important;
  padding:14px 16px!important;
  border:1px solid rgba(21,140,255,.24)!important;
  border-left:4px solid #168cff!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(22,140,255,.08),rgba(95,74,255,.08),rgba(10,196,180,.07))!important;
  line-height:1.6!important;
}
.fns380-legacy-card{
  margin-top:16px!important;
  overflow:hidden!important;
  border:1px solid rgba(22,140,255,.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,249,255,.94),rgba(246,242,255,.94))!important;
  box-shadow:0 18px 44px rgba(40,76,130,.12)!important;
}
.fns380-legacy-card .card-head{align-items:flex-start!important;gap:12px!important}
.fns380-legacy-card .card-head h3{margin:0 0 4px!important}
.fns380-legacy-card .card-head p{margin:0!important;color:#58708a!important}
.fns380-legacy-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
.fns380-legacy-grid label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important}
.fns380-legacy-grid label span{font-size:10px!important;font-weight:850!important;color:#496782!important;letter-spacing:.02em!important}
.fns380-legacy-grid input{
  min-width:0!important;
  height:39px!important;
  padding:8px 10px!important;
  border:1px solid rgba(22,140,255,.2)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.86)!important;
  color:#142f4c!important;
  font-size:11px!important;
  font-weight:750!important;
}
.fns380-raw-details{
  margin-top:14px!important;
  border:1px solid rgba(22,140,255,.18)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.62)!important;
  overflow:hidden!important;
}
.fns380-raw-details>summary{
  cursor:pointer!important;
  padding:12px 14px!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#145b9c!important;
  list-style:none!important;
}
.fns380-raw-details>summary::-webkit-details-marker{display:none!important}
.fns380-raw-details>summary:after{content:'+';float:right;font-size:17px;line-height:1}
.fns380-raw-details[open]>summary:after{content:'−'}
.fns380-raw-table-wrap{max-height:420px!important;overflow:auto!important;border-top:1px solid rgba(22,140,255,.16)!important}
.fns380-raw-table-wrap table{width:100%!important;border-collapse:collapse!important}
.fns380-raw-table-wrap th,.fns380-raw-table-wrap td{padding:8px 11px!important;border-bottom:1px solid rgba(22,140,255,.1)!important;text-align:left!important;vertical-align:top!important;font-size:10px!important}
.fns380-raw-table-wrap th{position:sticky!important;top:0!important;z-index:2!important;background:#eaf5ff!important;color:#154d7e!important}
.fns380-raw-table-wrap td:first-child{width:30%!important;font-weight:850!important;color:#244f73!important}
body.dark .fns380-legacy-card,body[data-theme="dark"] .fns380-legacy-card{
  border-color:rgba(38,174,255,.24)!important;
  background:linear-gradient(145deg,rgba(7,31,55,.98),rgba(15,35,69,.98),rgba(35,25,79,.96))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.28)!important;
}
body.dark .fns380-legacy-card .card-head p,body[data-theme="dark"] .fns380-legacy-card .card-head p{color:#9fb7ce!important}
body.dark .fns380-legacy-grid label span,body[data-theme="dark"] .fns380-legacy-grid label span{color:#a7c2dc!important}
body.dark .fns380-legacy-grid input,body[data-theme="dark"] .fns380-legacy-grid input{border-color:rgba(66,183,255,.22)!important;background:rgba(8,28,51,.86)!important;color:#edf7ff!important}
body.dark .fns380-raw-details,body[data-theme="dark"] .fns380-raw-details{border-color:rgba(66,183,255,.2)!important;background:rgba(5,24,44,.68)!important}
body.dark .fns380-raw-details>summary,body[data-theme="dark"] .fns380-raw-details>summary{color:#74c9ff!important}
body.dark .fns380-raw-table-wrap th,body[data-theme="dark"] .fns380-raw-table-wrap th{background:#0b3152!important;color:#dff4ff!important}
body.dark .fns380-raw-table-wrap td,body[data-theme="dark"] .fns380-raw-table-wrap td{border-color:rgba(66,183,255,.12)!important;color:#d4e7f7!important}
body.dark .fns380-raw-table-wrap td:first-child,body[data-theme="dark"] .fns380-raw-table-wrap td:first-child{color:#8bd4ff!important}
@media(max-width:1180px){.fns380-legacy-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.fns380-legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.fns380-legacy-grid{grid-template-columns:1fr!important}.fns380-legacy-card{padding:12px!important}.fns380-raw-table-wrap td:first-child{width:42%!important}}