/* Upload skill dialog: the summary under the drop zone (which skill this bundle
   replaces, the next version label, file-count change, warnings).
   Every rule is scoped to .modal.sk-modal, the shared modal that the skill flows
   dress with the skills tokens (skills-ui.css defines --sk-*), so no other dialog
   or tab is touched. Same finish as the rest of the screen: fills instead of
   borders, no gradients, no glow, no uppercase labels; the amber warning box is
   the existing .warnbox. */

.modal.sk-modal .up-card { margin-top:12px; padding:12px 14px; border-radius:12px; background:var(--sk-fill-h); color:var(--sk-t2); font-size:13px; line-height:19px; }
.modal.sk-modal .up-card p { margin:0; }
.modal.sk-modal .up-card p + p { margin-top:6px; }
.modal.sk-modal .up-card .up-lead { color:var(--sk-t1); font-size:14px; line-height:20px; }
.modal.sk-modal .up-card .up-lead.up-ok { color:var(--sk-ok); font-weight:600; }
.modal.sk-modal .up-card .up-fact { color:var(--sk-t1); font-family:var(--sk-mono); font-size:12.5px; font-variant-numeric:tabular-nums; }
.modal.sk-modal .up-card .up-fact.up-few { color:var(--sk-warn); }
.modal.sk-modal .up-card .up-sub { color:var(--sk-t2); font-size:12px; line-height:18px; overflow-wrap:anywhere; }
.modal.sk-modal .up-card .mono { font-family:var(--sk-mono); font-weight:600; color:var(--sk-t1); }
.modal.sk-modal .up-card .skill-slug { font-family:var(--sk-mono); font-size:12px; color:var(--sk-t2); }
.modal.sk-modal .up-card.up-wait { color:var(--sk-t2); }
.modal.sk-modal .up-act { margin-top:10px; }

.modal.sk-modal .up-notes { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.modal.sk-modal .up-notes .warnbox { margin:0; font-size:13px; line-height:19px; font-weight:500; padding:9px 12px; }
.modal.sk-modal .up-err { margin-top:8px; font-size:13px; line-height:19px; padding:9px 12px; }
.modal.sk-modal .warnbox + .up-files, .modal.sk-modal .up-card + .up-files { margin-top:10px; }

.modal.sk-modal .up-files summary { cursor:pointer; padding:4px 0; color:var(--sk-t2); font-size:13px; font-weight:500; list-style:revert; text-decoration:none; }
.modal.sk-modal .up-files summary:hover { color:var(--sk-t1); }
.modal.sk-modal .up-files .filelist { max-height:172px; overflow-y:auto; margin:6px 0 0; }
.modal.sk-modal .up-files .fileitem .path { color:var(--sk-t1); font-size:12px; }
.modal.sk-modal .up-files .fileitem .sz { color:var(--sk-t2); }
.modal.sk-modal .up-none { color:var(--sk-t3); font-size:12px; padding:4px 0; }

@media (max-width: 560px) {
  .modal.sk-modal .up-card .up-lead { font-size:13.5px; }
}
@media (prefers-contrast: more) {
  .modal.sk-modal .up-card { background:transparent; box-shadow:inset 0 0 0 1px var(--sk-line); }
}