.shell{width:100%;min-width:0;max-width:1320px;margin:0 auto;
  padding:var(--pad) var(--pad) 64px;transition:max-width .28s
  cubic-bezier(.22,.9,.3,1)}
.stage--wide .shell{max-width:min(1860px,98vw)}
.stage--wide .wrap{overflow-x:auto}
.stage--wide .wrap>table{min-width:1240px}
.stage--wide .wrap>table .resi{white-space:nowrap}

.top{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;
  background:rgba(255,255,255,.94);border:1px solid var(--line);
  border-radius:var(--radius);padding:14px clamp(14px,2vw,22px);
  box-shadow:var(--shadow);margin-bottom:var(--gap)}
.top__end{margin-left:auto;display:flex;align-items:center;gap:10px;
  flex-wrap:wrap}
.top__title{min-width:0}
.top__title b{display:block;font-size:var(--fs-md);font-weight:800;
  letter-spacing:-.01em;white-space:nowrap}
.top__title span{display:block;font-size:var(--fs-xs);color:var(--mute)}

.live{display:flex;align-items:center;gap:9px;font-size:var(--fs-xs);
  font-weight:600;color:var(--ink2);background:#ECFDF5;
  border:1px solid #A7F3D0;border-radius:20px;padding:8px 14px;
  min-height:38px;white-space:nowrap;transition:background .2s,border-color .2s}
.live:hover{border-color:var(--green)}
.live i{width:9px;height:9px;border-radius:50%;background:var(--green);
  flex:none;animation:pulse 2.2s ease-in-out infinite}
.live--busy{background:var(--blueLite);border-color:#BFD8FA}
.live--busy i{background:var(--blue);animation:spin .8s linear infinite;
  border-radius:2px}
.live--off{background:#FEF2F2;border-color:#FECACA;color:#B91C1C}
.live--off i{background:var(--red);animation:none}

.fresh{display:none;align-items:center;gap:8px;font-size:var(--fs-xs);
  font-weight:700;color:#92400E;background:#FEF3C7;border:1px solid #FDE68A;
  border-radius:20px;padding:8px 14px;min-height:38px;white-space:nowrap;
  animation:fadeUp .3s ease}
.fresh.on{display:flex}
.fresh:hover{background:#FDE68A}
.fresh::before{content:"";width:8px;height:8px;border-radius:50%;
  background:var(--orange);animation:pulse 2s ease-in-out infinite}

.busy{display:none;align-items:center;gap:9px;font-size:var(--fs-xs);
  color:var(--ink2);background:var(--blueLite);border:1px solid #BFD8FA;
  border-radius:20px;padding:8px 14px;min-height:38px;white-space:nowrap}
.busy.on{display:flex}
.busy i{width:12px;height:12px;border-radius:50%;flex:none;
  border:2px solid #BFD8FA;border-top-color:var(--blue);
  animation:spin .7s linear infinite}
.busy b{font-family:var(--data);font-weight:600}

.view[hidden]{display:none}
.view{animation:swipe .42s cubic-bezier(.22,.9,.3,1)}
@keyframes swipe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.chip{width:11px;height:11px;border-radius:3px;display:inline-block;flex:none}
.chip--foto{background:var(--blue)}
.chip--video{background:var(--green)}
.chip--ok{background:var(--green)}
.chip--nv{background:var(--red)}
.chip--nf{background:var(--orange)}

.chart__head{display:flex;gap:var(--gap);flex-wrap:wrap;align-items:center;
  margin-bottom:16px}
.chart__head .keys{margin:0}
.chart__sum{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap;
  font-family:var(--data);font-size:var(--fs-xs);color:var(--ink2)}
.chart__warn{color:var(--red);font-weight:600}
.chart{position:relative}
.chart__svg{display:block;width:100%;height:auto;overflow:visible;
  min-height:210px;max-height:min(58vh,430px)}
.chart__grid{stroke:#E7EFFC;stroke-width:1}
.chart__scale,.chart__tick{font-family:var(--data);font-size:11px;fill:var(--mute)}
.chart__hit{fill:transparent;transition:fill .2s}
.chart__hit.on{fill:rgba(37,99,235,.06)}

.chart__bar,.chart__seg{transform:scaleY(0);
  transition:transform .75s cubic-bezier(.22,.9,.3,1)}
.chart--live .chart__bar,.chart--live .chart__seg{transform:scaleY(1)}
.chart__bar--foto{fill:var(--blue)}
.chart__bar--video{fill:var(--green)}
.chart__seg--ok{fill:var(--green)}
.chart__seg--nv{fill:var(--red)}
.chart__seg--nf{fill:var(--orange)}

.chart__line{fill:none;stroke-width:2.6;stroke-linecap:round;
  stroke-linejoin:round;stroke-dasharray:2400;stroke-dashoffset:2400;
  transition:stroke-dashoffset 1.3s cubic-bezier(.3,.8,.4,1)}
.chart--live .chart__line{stroke-dashoffset:0}
.chart__line--foto{stroke:var(--blue)}
.chart__line--video{stroke:var(--green)}
.chart__fill{opacity:0;transition:opacity .8s ease .35s}
.chart--live .chart__fill{opacity:.14}
.chart__fill--foto{fill:var(--blue)}
.chart__fill--video{fill:var(--green)}
.chart__dot{opacity:0;transition:opacity .25s,r .2s}
.chart--live .chart__dot{opacity:.9}
.chart__dot--foto{fill:var(--blue)}
.chart__dot--video{fill:var(--green)}
.chart__dot.on{r:5.4}

.chart__tip{position:absolute;top:6px;display:none;min-width:152px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--shadowUp);padding:11px 13px;font-size:var(--fs-xs);
  pointer-events:none;transform:translateX(-50%);
  transition:left .18s cubic-bezier(.22,.9,.3,1)}
.chart__tip.on{display:grid;gap:5px;animation:pop .2s ease both}
.chart__tip b{font-family:var(--data);font-size:var(--fs-sm)}
.chart__tip span{display:flex;align-items:center;gap:8px;color:var(--ink2)}
.chart__tip em{margin-left:auto;font-style:normal;font-family:var(--data);
  font-weight:600;color:var(--ink)}

.roster{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.roster__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  font-size:var(--fs-md);font-weight:700;margin-bottom:14px}
.roster__head em{font-style:normal;font-family:var(--data);
  font-size:var(--fs-xs);color:var(--mute);font-weight:500}
.roster__empty{font-size:var(--fs-sm);color:var(--mute);padding:8px 0 4px}
.roster__grid{display:grid;gap:8px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.roster__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 13px;border:1px solid var(--line);border-radius:12px;
  background:#F8FAFF;transition:border-color .18s,transform .18s}
.roster__row:hover{border-color:var(--blue);transform:translateY(-1px)}
.roster__row b{font-family:var(--data);font-size:var(--fs-sm);font-weight:600}
.roster__row span{font-size:var(--fs-xs);color:var(--mute)}
.roster__row em{margin-left:auto;font-style:normal;font-family:var(--data);
  font-size:var(--fs-xs);color:var(--ink2)}
.roster__row i{font-style:normal}
.roster__more{margin-top:12px;font-size:var(--fs-xs);color:var(--mute);
  text-align:center}

.kpis{display:grid;gap:var(--gap);margin-bottom:var(--gap);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.kpis[hidden]{display:none}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow);
  transition:transform .25s cubic-bezier(.34,1.4,.64,1),box-shadow .25s}
.kpi:hover{transform:translateY(-4px) scale(1.015);box-shadow:var(--shadowUp)}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
.kpi::after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;
  background:radial-gradient(120% 80% at 100% 0%,rgba(37,99,235,.09),transparent 62%);
  transition:opacity .3s}
.kpi:hover::after{opacity:1}
.kpi--blue::before{background:linear-gradient(180deg,#60A5FA,var(--blue))}
.kpi--green::before{background:linear-gradient(180deg,#6EE7B7,var(--green))}
.kpi--red::before{background:linear-gradient(180deg,#FCA5A5,var(--red))}
.kpi--orange::before{background:linear-gradient(180deg,#FCD34D,var(--orange))}
.kpi__lab{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--mute)}
.kpi__val{font-family:var(--data);font-size:var(--fs-num);font-weight:600;
  margin-top:8px;line-height:1;letter-spacing:-.02em}
.kpi__sub{font-size:var(--fs-xs);color:var(--mute);margin-top:6px}

.grid2{display:grid;gap:var(--gap);margin-bottom:var(--gap);
  align-items:start;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.card{background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:clamp(18px,2.2vw,24px);
  box-shadow:var(--shadow)}
.card__h{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;
  flex-wrap:wrap}
.card__h h2{font-size:var(--fs-md);font-weight:700}
.card__h p{margin-left:auto;font-size:var(--fs-xs);color:var(--mute)}

.keys{display:flex;gap:18px;flex-wrap:wrap;font-size:var(--fs-xs);
  color:var(--ink2);margin-bottom:16px}
.keys span{display:flex;align-items:center;gap:8px}
.keys i{width:11px;height:11px;border-radius:3px;display:block}

.site+.site{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}
.site__h{display:flex;align-items:baseline;gap:10px;margin-bottom:11px;
  flex-wrap:wrap}
.site__h b{font-size:var(--fs-sm);font-weight:700}
.site__h em{font-style:normal;font-family:var(--data);font-size:var(--fs-xs);
  color:var(--mute)}
.site__h u{margin-left:auto;text-decoration:none;font-family:var(--data);
  font-size:var(--fs-xs);font-weight:500;color:var(--red)}
.site__h u.ok{color:var(--green)}
.bar{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.bar var{font-style:normal;font-size:var(--fs-xs);font-weight:700;
  letter-spacing:.05em;color:var(--mute);width:46px;flex:none}
.track{flex:1;height:18px;background:#EDF3FD;border-radius:9px;
  overflow:hidden;display:flex;min-width:0}
.fill{height:100%;width:0;border-radius:9px;
  transition:width .85s cubic-bezier(.22,.9,.3,1)}
.fill--foto{background:linear-gradient(90deg,#60A5FA,var(--blue))}
.fill--video{background:linear-gradient(90deg,#34D399,var(--green))}
.fill--gap{background:repeating-linear-gradient(115deg,rgba(239,68,68,.5) 0 6px,
  rgba(239,68,68,.14) 6px 12px);border-radius:0 9px 9px 0}
.bar output{font-family:var(--data);font-size:var(--fs-sm);width:58px;
  text-align:right;flex:none}

.donut{display:grid;place-items:center;gap:18px}
.donut__svg{transform:rotate(-90deg);width:min(232px,74%);height:auto}
.donut circle{fill:none;stroke-width:22;
  transition:stroke-dashoffset 1.1s cubic-bezier(.22,.9,.3,1),
    transform .6s cubic-bezier(.22,.9,.3,1)}
.donut__wrap{position:relative;display:grid;place-items:center}
.donut__mid{position:absolute;text-align:center}
.donut__mid b{display:block;font-family:var(--data);
  font-size:clamp(34px,4.2vw,44px);font-weight:600;line-height:1;
  letter-spacing:-.02em}
.donut__mid span{font-size:var(--fs-sm);color:var(--mute)}
.tally{width:100%;display:flex;flex-direction:column;gap:10px}
.tally div{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);
  padding:7px 10px;border-radius:10px;transition:background .2s}
.tally div:hover{background:var(--blueLite)}
.tally i{width:11px;height:11px;border-radius:3px;flex:none}
.tally b{margin-left:auto;font-family:var(--data);font-weight:600}

.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:var(--gap)}
.tab{padding:11px 17px;border-radius:var(--radiusSm);background:#EDF3FD;
  color:var(--ink2);font-size:var(--fs-sm);font-weight:600;display:flex;
  align-items:center;gap:9px;min-height:var(--tap);
  transition:transform .18s,background .18s,color .18s,box-shadow .18s}
.tab:hover{transform:translateY(-2px)}
.tab em{font-style:normal;font-family:var(--data);font-size:var(--fs-xs);
  opacity:.78}
.tab.on{color:#fff}
.tab--all.on{background:linear-gradient(120deg,var(--blue),var(--blue2));
  box-shadow:0 8px 18px rgba(37,99,235,.28)}
.tab--nv.on{background:linear-gradient(120deg,#F87171,var(--red));
  box-shadow:0 8px 18px rgba(239,68,68,.3)}
.tab--nf.on{background:linear-gradient(120deg,#FBBF24,var(--orange));
  box-shadow:0 8px 18px rgba(245,158,11,.3)}
.tab--ok.on{background:linear-gradient(120deg,#34D399,var(--green));
  box-shadow:0 8px 18px rgba(16,185,129,.3)}

.tools{display:grid;gap:11px;align-items:end;margin-bottom:var(--gap);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))}
.tool{display:flex;flex-direction:column;gap:6px;min-width:0}
.tool span{font-size:var(--fs-xs);font-weight:600;color:var(--mute)}
.tools input,.tools select{background:#F8FAFF;border:1.5px solid var(--line);
  border-radius:var(--radiusSm);padding:11px 13px;font-size:var(--fs-sm);
  min-height:var(--tap);width:100%;transition:border-color .18s}
.tools input:focus,.tools select:focus{outline:none;border-color:var(--blue)}
.tools__end{display:flex;gap:9px;grid-column:1/-1}
.tools__end .ghost{flex:1}
.tool--off{opacity:.45;pointer-events:none}

.selbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  background:var(--blueLite);border:1.5px solid #BFD8FA;border-radius:14px;
  padding:12px 16px;margin-bottom:13px;animation:fadeUp .3s ease;
  font-size:var(--fs-sm)}
.selbar b{font-family:var(--data);font-weight:600}
.selbar__end{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}
.selbar__link{font-size:var(--fs-sm);font-weight:600;color:var(--ink2);
  min-height:38px}
.selbar__link:hover{color:var(--red);text-decoration:underline}
.dl{padding:11px 18px;border-radius:var(--radiusSm);font-weight:700;
  font-size:var(--fs-sm);color:#fff;min-height:var(--tap);
  background:linear-gradient(120deg,var(--blue),var(--blue2));
  box-shadow:0 8px 18px rgba(37,99,235,.28);
  transition:transform .18s,box-shadow .18s}
.dl:hover:not(:disabled){transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(37,99,235,.36)}
.dl:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

.wrap{overflow-x:auto;border-radius:14px}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--mute);padding:0 13px 11px;
  border-bottom:2px solid var(--line);white-space:nowrap;cursor:pointer}
th:hover{color:var(--blue)}
th span{display:inline-flex;align-items:center;gap:6px}
.sortmark{width:0;height:0;display:inline-block;
  border-left:4px solid transparent;border-right:4px solid transparent}
.sortmark.up{border-bottom:6px solid var(--blue)}
.sortmark.down{border-top:6px solid var(--blue)}
.sortmark.idle{border-bottom:6px solid var(--line)}
th:hover .sortmark.idle{border-bottom-color:var(--mute)}
td.act{width:44px;text-align:right}
.kebab{font-size:20px;line-height:1;color:var(--mute);width:38px;height:38px;
  border-radius:10px}
.kebab:hover{background:var(--blueLite);color:var(--blue)}

.rowmenu{position:absolute;z-index:80;display:none;width:190px;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--shadowUp);padding:6px;animation:pop .18s ease both}
.rowmenu.on{display:block}
.rowmenu button{display:block;width:100%;text-align:left;padding:11px 13px;
  border-radius:10px;font-size:var(--fs-sm);font-weight:600;color:var(--ink2)}
.rowmenu button:hover{background:var(--blueLite);color:var(--blue)}
.rowmenu button.rowmenu__danger{background:var(--red);color:#fff;
  margin-top:4px}
.rowmenu button.rowmenu__danger:hover{background:#DC2626;color:#fff}
.rowmenu__note{padding:8px 13px 4px;font-size:var(--fs-xs);color:var(--mute);
  border-top:1px solid var(--line);margin-top:4px}
th.pick,td.pick{width:44px;padding-right:0;cursor:default}
td{padding:13px;border-bottom:1px solid #EAF1FB;font-size:var(--fs-sm)}
tbody tr{opacity:0;animation:fadeUp .34s ease forwards}
.wrap--quiet tbody tr{opacity:1;animation:none}
tbody tr:hover{background:var(--blueLite)}
td.resi{font-family:var(--data);font-size:var(--fs-sm);font-weight:500}
td.num{font-family:var(--data);font-size:var(--fs-xs);color:var(--ink2)}
.check{width:20px;height:20px;accent-color:var(--blue);cursor:pointer;
  vertical-align:middle}
.dot{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm)}
.dot i{width:9px;height:9px;border-radius:50%;flex:none;background:var(--green)}
.dot--no i{background:var(--red)}
.dot--no{color:#B91C1C}
.phase{font-size:var(--fs-xs);font-weight:700;padding:5px 11px;
  border-radius:20px;white-space:nowrap;display:inline-block;border:1px solid}
.phase--baru{background:#EFF6FF;color:var(--blue2);border-color:#BFD8FA}
.phase--lama{background:#F5F3FF;color:#6D28D9;border-color:#DDD6FE}

.pill{font-size:var(--fs-xs);font-weight:700;padding:5px 12px;
  border-radius:20px;white-space:nowrap;display:inline-block}
.pill--ok{background:#D1FAE5;color:#047857}
.pill--nv{background:#FEE2E2;color:#B91C1C}
.pill--nf{background:#FEF3C7;color:#92400E}
.pager{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.pager:empty{display:none}
.pager__info{font-size:var(--fs-sm);color:var(--mute);font-family:var(--data)}
.pager__nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin-inline:auto}
.pager__num,.pager__step{border-radius:10px;font-size:var(--fs-sm);
  font-weight:600;color:var(--ink2);background:#EDF3FD;min-height:40px;
  min-width:40px;padding:0 12px;transition:background .16s,color .16s,
  transform .16s}
.pager__num{font-family:var(--data)}
.pager__num:hover:not(.on),.pager__step:hover:not(:disabled){
  background:#DCE9FB;transform:translateY(-1px)}
.pager__num.on{background:linear-gradient(120deg,var(--blue),var(--blue2));
  color:#fff;box-shadow:0 6px 14px rgba(37,99,235,.28)}
.pager__step:disabled{opacity:.4;cursor:not-allowed}
.pager__gap{color:var(--mute);padding:0 2px;font-family:var(--data)}
.pager__size{display:flex;align-items:center;gap:9px;font-size:var(--fs-xs);
  color:var(--mute);font-weight:600}
.pager__size select{background:#F8FAFF;border:1.5px solid var(--line);
  border-radius:10px;padding:9px 11px;font-size:var(--fs-sm);min-height:40px;
  font-family:var(--data)}
.pager__size select:focus{outline:none;border-color:var(--blue)}

.selbar__more{font-size:var(--fs-sm);font-weight:700;color:var(--blue);
  background:#fff;border:1.5px solid #BFD8FA;border-radius:10px;
  padding:8px 13px;min-height:38px;display:inline-flex;align-items:center;
  transition:background .16s}
.selbar__more:hover{background:var(--blueLite)}

@media(max-width:760px){
  .top{gap:11px}
  .top__end{width:100%;justify-content:flex-start}
  .chart__sum{margin-left:0;width:100%}
  td.act{position:absolute;top:44px;right:12px;width:auto}
  .kpi:last-child{grid-column:1/-1}
  .selbar__end{margin-left:0;width:100%}
  .selbar__end .dl{width:100%}

  .wrap{overflow:visible}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table,tbody,tr,td{display:block;width:100%}
  tbody tr{background:#F8FAFF;border:1px solid var(--line);border-radius:14px;
    padding:12px 14px;margin-bottom:11px;position:relative}
  tbody tr:hover{background:var(--blueLite)}
  td{border:none;padding:5px 0;display:flex;align-items:center;gap:12px;
    font-size:var(--fs-base)}
  td::before{content:attr(data-label);flex:none;width:88px;
    font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;
    letter-spacing:.05em;color:var(--mute)}
  td.pick{position:absolute;top:12px;right:12px;width:auto;padding:0}
  td.pick::before{display:none}
  td.resi{font-size:var(--fs-md);font-weight:600;padding-right:34px}
  td:last-child:empty{display:none}

  .pager{flex-direction:column;align-items:stretch;gap:12px}
  .pager__nav{margin:0;justify-content:center}
  .pager__info,.pager__size{justify-content:center;text-align:center}
  .selbar__more{width:100%;justify-content:center}
}

@media(max-width:430px){
  .pager__num{display:none}
  .pager__num.on{display:inline-flex}
  .pager__gap{display:none}
  .pager__step{flex:1}
  .tools__end{flex-direction:column}
  .tab{flex:1 1 100%;justify-content:space-between}
  td::before{width:76px}
}

.more{font-style:normal;font-size:11px;font-weight:700;color:var(--mute);
  background:#F1F5FC;border-radius:20px;padding:2px 7px}
.mark{font-size:11px;font-weight:700;border-radius:20px;padding:3px 10px}
.mark--good{background:#ECFDF5;color:#047857}
.mark--damaged{background:#FEF2F2;color:#B91C1C}

.by{display:inline-block;max-width:120px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

.sheet--wide{max-width:680px}
.det__top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.det__resi{flex:1;font-family:var(--data);font-size:var(--fs-md);
  font-weight:700;word-break:break-all}
.det{display:grid;gap:0;border:1px solid var(--line);border-radius:14px;
  overflow:hidden}
.det__r{display:flex;gap:14px;padding:10px 14px;
  border-bottom:1px solid #EDF3FD;font-size:var(--fs-xs)}
.det__r:last-child{border-bottom:0}
.det__r:nth-child(odd){background:#F8FAFF}
.det__r dt{flex:0 0 132px;color:var(--mute);font-weight:600}
.det__r dd{flex:1;min-width:0;font-weight:600;word-break:break-word}
.det__r dd.mono{font-family:var(--data)}
.det__sub{font-weight:500;color:var(--mute);font-size:11.5px}
.det__h{margin:18px 0 9px;font-size:11px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:var(--mute)}
.det__void{padding:16px;text-align:center;color:var(--mute);
  font-size:var(--fs-xs);border:1px dashed var(--line);border-radius:12px}
.det__note{border:1px solid var(--line);border-radius:12px;padding:12px 14px;
  font-size:var(--fs-xs);line-height:1.65;background:#F8FAFF;
  white-space:pre-wrap;word-break:break-word}
.det 
.rm{background:linear-gradient(120deg,#F87171,#DC2626);color:#fff;
  font-weight:700;border-radius:var(--radiusSm);padding:11px 16px;
  min-height:var(--tap);box-shadow:0 8px 18px rgba(220,38,38,.26)}
.rm:disabled{opacity:.45;box-shadow:none}
.wipe__clients{display:flex;flex-wrap:wrap;gap:7px}
.wipe__clients i{font-style:normal;font-size:var(--fs-xs);font-weight:700;
  background:#EFF6FF;color:var(--blue);border-radius:20px;padding:5px 12px}
.wipe__list{max-height:190px;overflow-y:auto;border:1px solid var(--line);
  border-radius:var(--radiusSm);padding:6px}
.wipe__list div{display:flex;gap:10px;align-items:baseline;padding:6px 9px;
  font-size:var(--fs-xs);border-bottom:1px solid #EDF3FD}
.wipe__list div:last-child{border-bottom:0}
.wipe__list b{font-family:var(--data);font-weight:600}
.wipe__list span{color:var(--mute)}

.plan__note{flex:1 1 100%;color:var(--mute)}
.plan__note b{font-family:var(--data);color:var(--ink)}

.item2{border:1px solid var(--line);border-radius:var(--radiusSm);
  margin-bottom:10px;overflow:hidden}
.item2__h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 14px;background:#F8FAFF;font-size:var(--fs-xs)}
.item2__h b{font-family:var(--data);font-weight:700}
.item2__nama{flex:1;min-width:120px;color:var(--ink2)}
.item2__no{flex:none;width:22px;height:22px;border-radius:11px;
  background:var(--blue);color:#fff;font-size:11px;font-weight:800;
  display:flex;align-items:center;justify-content:center}
.det__file{color:var(--blue);font-weight:700;text-decoration:underline;
  font-family:var(--data);word-break:break-all}
.det__file:hover{color:var(--blue2)}
.item2__h em{font-style:normal;font-family:var(--data);font-weight:600}
.item2__b{padding:4px 0;font-size:var(--fs-xs)}
.item2__b>.dim{display:block;padding:9px 14px}
.det--sub{border:0;border-radius:0}
.det--sub+.det--sub{border-top:2px solid var(--line)}
.det--sub .det__r dt{flex:0 0 132px;font-family:var(--data);font-size:11.5px}
.item2>.det--sub{border-bottom:1px solid var(--line)}
.item2>.det--sub .det__r:nth-child(odd){background:#fff}