.sheetwrap{position:fixed;inset:0;background:rgba(15,38,82,.5);
  backdrop-filter:blur(4px);z-index:70;display:none;
  align-items:center;justify-content:center;padding:var(--pad)}
.sheetwrap.on{display:flex;animation:fadeIn .22s ease}
.sheet{width:min(620px,100%);max-height:92vh;display:flex;flex-direction:column;
  background:var(--card);border-radius:var(--radius);box-shadow:var(--shadowUp);
  animation:pop .34s cubic-bezier(.22,.9,.3,1) both;overflow:hidden}
.sheet__head{display:flex;align-items:center;gap:12px;
  padding:18px clamp(18px,2.4vw,24px);border-bottom:1px solid var(--line)}
.sheet__head h2{font-size:var(--fs-md);font-weight:700}
.sheet__x{margin-left:auto;font-size:26px;line-height:1;color:var(--mute);
  width:40px;height:40px;border-radius:10px}
.sheet__x:hover{background:#F1F5FB;color:var(--ink)}
.sheet__x:disabled{opacity:.4;cursor:not-allowed}
.sheet__body{padding:clamp(18px,2.4vw,24px);overflow-y:auto}
.sheet__foot{display:flex;gap:10px;justify-content:flex-end;
  padding:16px clamp(18px,2.4vw,24px);border-top:1px solid var(--line);
  background:#F8FAFF}

.sheet--slim{width:min(460px,100%)}
.rename__old{background:#F8FAFF;border:1px solid var(--line);border-radius:14px;
  padding:14px 16px;margin-bottom:16px}
.rename__old span{display:block;font-size:var(--fs-xs);color:var(--mute);
  font-weight:600}
.rename__old b{display:block;font-family:var(--data);font-size:var(--fs-md);
  margin:3px 0}
.rename__old em{font-style:normal;font-size:var(--fs-xs);color:var(--mute)}

.drop--wide{margin-bottom:14px}
.drop--wide b{font-size:var(--fs-md)}
.drop--wide span{line-height:1.5}

.plan{display:flex;flex-direction:column;gap:5px;max-height:280px;
  overflow-y:auto;margin-bottom:12px}
.plan:empty{display:none}
.plan__sum{display:flex;gap:16px;flex-wrap:wrap;padding:11px 13px;
  background:var(--blueLite);border:1px solid #BFD8FA;border-radius:12px;
  font-size:var(--fs-xs);color:var(--ink2);margin-bottom:6px;
  position:sticky;top:0;z-index:1}
.plan__sum b{font-family:var(--data);font-size:var(--fs-sm);color:var(--ink)}
.plan__warn b{color:var(--orange)}
.plan__mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 13px;margin-bottom:10px;border-radius:12px;
  background:#FFFBEB;border:1px solid #FDE68A;font-size:var(--fs-sm)}
.plan__mode b{font-family:var(--data);color:#92400E}
.plan__opts{margin-left:auto;display:flex;gap:6px;background:#FEF3C7;
  border-radius:11px;padding:4px}
.mode{padding:8px 13px;border-radius:9px;font-size:var(--fs-xs);
  font-weight:700;color:#92400E;min-height:34px;
  transition:background .18s,color .18s,box-shadow .18s}
.mode:hover:not(.on){background:#FDE68A}
.mode.on{background:#fff;color:var(--orange);box-shadow:var(--shadow)}
.plan__dot{width:16px;height:16px;border-radius:50%;flex:none;
  background:#DCFCE7;border:1px solid #86EFAC}
.plan__row--off{opacity:.45}
.plan__row--off u{text-decoration:line-through}
.plan__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:9px 13px;border:1px solid var(--line);border-radius:11px;
  background:#F8FAFF;font-size:var(--fs-xs)}
.plan__row--warn{background:#FFFBEB;border-color:#FDE68A}
.plan__row b{font-family:var(--data);font-size:var(--fs-sm);flex:1;
  min-width:120px;word-break:break-all}
.plan__row em{font-style:normal;font-family:var(--data);color:var(--mute)}
.plan__row u{text-decoration:none;font-size:var(--fs-xs);font-weight:700;
  color:#92400E;background:#FEF3C7;padding:3px 9px;border-radius:20px}
.plan__more{text-align:center;font-size:var(--fs-xs);color:var(--mute);
  padding:8px}
.plan__skip{display:flex;flex-direction:column;gap:4px;padding:11px 13px;
  border-radius:12px;background:#FEF2F2;border:1px solid #FECACA;
  font-size:var(--fs-xs);color:#991B1B;margin-top:6px}
.plan__skip b{font-size:var(--fs-sm)}
.plan__skip span{word-break:break-all}

.msg--ok{background:#ECFDF5;border-color:#A7F3D0;color:#047857}

.drops{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:12px;margin-top:6px}
.split{display:flex;align-items:center;gap:12px;margin:18px 0 14px;
  font-size:var(--fs-xs);color:var(--mute)}
.split::before,.split::after{content:"";flex:1;height:1px;
  background:var(--line)}
.split span{white-space:nowrap}

.drop{display:flex;flex-direction:column;gap:6px;cursor:pointer;
  border:2px dashed var(--line);border-radius:14px;padding:16px;
  background:#F8FAFF;transition:border-color .18s,background .18s,transform .18s}
.drop:hover{border-color:var(--blue);transform:translateY(-2px)}
.drop--over{border-color:var(--blue);background:var(--blueLite)}
.drop b{font-size:var(--fs-sm);font-weight:700}
.drop span{font-size:var(--fs-xs);color:var(--mute);word-break:break-all}
.drop__bar{height:6px;background:#E4EDFA;border-radius:4px;overflow:hidden;
  margin-top:4px}
.drop__bar i{display:block;height:100%;width:0;border-radius:4px;
  background:linear-gradient(90deg,#34D399,var(--green));
  transition:width .25s ease}

.dl--danger{background:linear-gradient(120deg,#F87171,var(--red));
  box-shadow:0 8px 18px rgba(239,68,68,.3)}
.dl--danger:hover:not(:disabled){box-shadow:0 12px 24px rgba(239,68,68,.38)}
.msg--warn{background:#FFFBEB;border-color:#FDE68A;color:#92400E}

@media(max-width:620px){
  .sheet__foot{flex-direction:column-reverse}
  .sheet__foot .ghost,.sheet__foot .dl{width:100%}
}