/* Scoped to Multi Upload. The existing theme supplies the body.bk switch. */
#itmu-slot {
  --mu-ink:#18304b; --mu-muted:#526981; --mu-line:#d5e0eb; --mu-bg:#fff;
  --mu-soft:#f5f8fc; --mu-blue:#116ba1; --mu-hover:#0a5889; --mu-tint:#edf6fd;
  --mu-border:#99c6e2; --mu-ok:#18724e; --mu-err:#9b382f;
  box-sizing:border-box; position:relative; clear:both; float:none; width:100%;
  color:var(--mu-ink); font:400 14px/1.45 "DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:left; color-scheme:light;
}
body.bk #itmu-slot {
  --mu-ink:#ecf3fb; --mu-muted:#b1c2d5; --mu-line:#384a60; --mu-bg:#182434;
  --mu-soft:#1d2b3d; --mu-blue:#2076aa; --mu-hover:#156492; --mu-tint:#1b3249;
  --mu-border:#466e8c; --mu-ok:#8bdfb7; --mu-err:#ffb3a6; color-scheme:dark;
}
#itmu-slot *, #itmu-slot *::before, #itmu-slot *::after { box-sizing:border-box; }
#itmu-slot [hidden] { display:none !important; }
/* Some template revisions float the limits label and give it a negative margin. */
#body.it-main #div_html5[data-itmu-only] > .upload_input { float:none!important; margin-bottom:0!important; }
#itmu-slot button {
  font:inherit; font-weight:600; letter-spacing:normal; color:var(--mu-ink);
  border:1px solid var(--mu-line); border-radius:8px; background:var(--mu-bg);
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:35px; padding:5px 12px; width:auto; margin:0; float:none;
  box-shadow:none; cursor:pointer; text-transform:none; white-space:nowrap;
}
#itmu-slot button:hover { background:var(--mu-soft); border-color:var(--mu-border); }
#itmu-slot button:focus-visible { outline:3px solid #38a5dc; outline-offset:2px; }
#itmu-slot button:disabled { opacity:.5; cursor:default; }
#itmu-slot svg { flex:0 0 auto; display:block; }
#itmu-slot .mu-limit { margin-bottom:3px; color:var(--mu-ink); font-weight:500; padding-left:8px; }
#itmu-slot .mu-limit:empty { display:none; }
#div_html5[data-itmu-only] > br:first-child, #div_html5[data-itmu-only] > #ff3 > input[type="hidden"] + br {display:none;}
#itmu-slot .mu-view { display:inline-flex; align-items:center; border-radius:9px; padding:3px; background:var(--mu-soft); border:1px solid var(--mu-line); }
#itmu-slot .mu-view button { background:transparent; border:1px solid transparent; color:var(--mu-muted); min-height:30px; padding:4px 13px; }
#itmu-slot button[aria-pressed="true"] { background:var(--mu-bg); border-color:var(--mu-line); color:var(--mu-ink); box-shadow:0 1px 3px #09294613; }
#itmu-slot .mu-notice:not(:empty) { padding:8px 12px; color:var(--mu-ink); border-radius:7px; background:var(--mu-tint); margin-bottom:8px; font-size:13px; }
#itmu-slot .mu-panel { position:relative; border:1px solid var(--mu-line); border-radius:15px; background:var(--mu-bg); overflow:hidden; margin-bottom:9px; }
#itmu-slot h3 { color:var(--mu-ink); margin:0; padding:0; text-align:left; text-transform:none; font-family:inherit; }
#itmu-slot h3 { font-size:15px; font-weight:700; line-height:1.2; }
#itmu-slot .mu-drop { display:flex; flex-wrap:wrap; align-items:center; gap:16px; min-height:91px; margin:8px 20px; padding:8px 16px; border:1px dashed var(--mu-border);
  border-radius:10px; background:linear-gradient(110deg,var(--mu-tint),var(--mu-soft)); }
#itmu-slot .mu-drop.mu-over { outline:3px solid #319dd5; outline-offset:-2px; }
#itmu-slot .mu-drawing { position:relative; width:67px; height:68px; flex:none; }
#itmu-slot .mu-drawing i,#itmu-slot .mu-drawing b { position:absolute; width:41px; height:48px; top:7px; left:5px; border:2px solid #fff9; border-radius:7px; box-shadow:0 3px 7px #17375025; transform:rotate(-17deg); background:#74a9ce; }
#itmu-slot .mu-drawing b { overflow:hidden; left:16px; top:10px; transform:rotate(9deg); background:radial-gradient(circle at 27% 25%,#ffe7b8 0 4px,transparent 4.6px),linear-gradient(140deg,#9bddf5,#69a7cf); }
#itmu-slot .mu-drawing b::after { content:""; position:absolute; bottom:-8px; left:3px; width:43px; height:28px; background:linear-gradient(130deg,#377ca4,#23618a); transform:rotate(-38deg); border-radius:5px; }
#itmu-slot .mu-drawing>span { position:absolute; bottom:2px; right:1px; padding:6px; border-radius:50%; background:var(--mu-blue); color:white; border:2px solid var(--mu-bg); }
#itmu-slot .mu-drop-copy { display:grid; flex:1 1 154px; gap:4px; min-width:0; }
#itmu-slot .mu-drop-copy strong { font-size:16px; color:var(--mu-ink); }
#itmu-slot .mu-drop-copy small,#itmu-slot .mu-meta { color:var(--mu-muted); font-size:12px; display:block; }
#itmu-slot .mu-add { display:grid; gap:2px; justify-items:stretch; }
#itmu-slot .mu-primary { background:var(--mu-blue); color:#fff; border-color:var(--mu-blue); }
#itmu-slot .mu-primary:hover:enabled { background:var(--mu-hover); border-color:var(--mu-hover); }
#itmu-slot .mu-folder { background:transparent; color:var(--mu-muted); border-color:transparent; font-size:12px; }
#itmu-slot .mu-notice:not(:empty) { margin:0 20px 10px; }
#itmu-slot .mu-tools { display:flex; justify-content:space-between; align-items:center; margin:0 20px; padding:0 0 8px; gap:12px; }
#itmu-slot .mu-title { display:flex; align-items:center; gap:7px; }
#itmu-slot .mu-count { color:var(--mu-muted); font-size:11px; background:var(--mu-soft); padding:1px 7px; border:1px solid var(--mu-line); border-radius:15px; }
#itmu-slot .mu-view { padding:2px; }
#itmu-slot .mu-view button { min-height:26px; width:31px; padding:3px; border-radius:6px; }
#itmu-slot .mu-empty { margin:0 20px 7px; color:var(--mu-muted); padding:7px 0; border-top:1px solid var(--mu-line); font-size:13px; }
#itmu-slot .mu-items { list-style:none; display:grid; margin:0 20px 13px; padding:0; max-height:360px; overflow:auto; scrollbar-width:thin; overscroll-behavior:contain; }
#itmu-slot .mu-items:empty { display:none; }
#itmu-slot .mu-item { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 2px; margin:0; border-top:1px solid var(--mu-line); }
#itmu-slot .mu-thumb { display:grid; position:relative; place-items:center; overflow:hidden; width:46px; height:44px; border-radius:6px; border:1px solid var(--mu-line); background:var(--mu-soft); color:var(--mu-muted); font-size:10px; font-weight:700; }
#itmu-slot .mu-thumb img { grid-area:1/1; display:block; width:100%; height:100%; object-fit:contain; }
#itmu-slot .mu-thumb span { position:absolute; }
#itmu-slot .mu-thumb:has(img:not([hidden]))>span { visibility:hidden; }
#itmu-slot .mu-info { min-width:0; }
#itmu-slot .mu-name { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:650; color:var(--mu-ink); }
#itmu-slot .mu-error { display:block; color:var(--mu-err); overflow-wrap:anywhere; font-size:12px; }
#itmu-slot .mu-status { color:var(--mu-muted); white-space:nowrap; font-size:11px; font-weight:600; }
#itmu-slot [data-state="done"] .mu-status { color:var(--mu-ok); }
#itmu-slot [data-state="uncertain"] .mu-status,#itmu-slot [data-state="failed"] .mu-status { color:var(--mu-err); }
#itmu-slot .mu-row-foot,#itmu-slot .mu-row-actions { display:flex; align-items:center; gap:5px; }
#itmu-slot .mu-row-actions button { min-height:28px; min-width:28px; font-size:11px; padding:4px; background:transparent; color:var(--mu-muted); border-color:transparent; }
#itmu-slot .mu-row-actions button:hover { border-color:var(--mu-line); background:var(--mu-soft); }
#itmu-slot .mu-grid { grid-template-columns:repeat(auto-fill,minmax(min(145px,100%),1fr)); gap:8px; }
#itmu-slot .mu-grid .mu-item { display:flex; flex-direction:column; align-items:stretch; gap:6px; border:1px solid var(--mu-line); border-radius:8px; padding:7px; }
#itmu-slot .mu-grid .mu-thumb { width:100%; height:76px; }
#itmu-slot .mu-grid .mu-row-foot { margin-top:auto; flex-wrap:wrap; justify-content:space-between; }
#itmu-slot progress { display:block; width:100%; height:4px; margin:4px 0 0; border:0; border-radius:6px; overflow:hidden; appearance:none; background:var(--mu-line); accent-color:#278dcc; }
#itmu-slot progress::-webkit-progress-bar { background:var(--mu-line); border-radius:6px; }
#itmu-slot progress::-webkit-progress-value { background:linear-gradient(90deg,#1774aa,#49aadd); border-radius:6px; }
#itmu-slot progress::-moz-progress-bar { background:#278dcc; border-radius:6px; }
#itmu-slot .mu-summary { background:var(--mu-soft); padding:12px 20px; border-top:1px solid var(--mu-line); }
#itmu-slot .mu-summary-line,#itmu-slot .mu-details,#itmu-slot .mu-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:5px; }
#itmu-slot .mu-summary-line { font-size:13px; color:var(--mu-ink); }
#itmu-slot .mu-percent { color:var(--mu-muted); font-variant-numeric:tabular-nums; }
#itmu-slot .mu-total { height:6px; margin:6px 0; }
#itmu-slot .mu-details { font-size:12px; color:var(--mu-muted); font-variant-numeric:tabular-nums; }
#itmu-slot .mu-footer { padding:10px 20px; border-top:1px solid var(--mu-line); }
#itmu-slot .mu-secondary { display:flex; gap:4px; flex-wrap:wrap; }
#itmu-slot .mu-secondary button { font-size:12px; padding:4px 8px; }
#itmu-slot .mu-secondary button[data-act="clear"] { background:transparent; border-color:transparent; color:var(--mu-muted); }
#itmu-slot .mu-live { position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
@media (max-width:560px) {
  #itmu-slot .mu-drop,#itmu-slot .mu-tools,#itmu-slot .mu-empty,#itmu-slot .mu-items,#itmu-slot .mu-notice:not(:empty) { margin-left:12px; margin-right:12px; }
  #itmu-slot .mu-drop { gap:9px; padding:12px; }
  #itmu-slot .mu-drop-copy { flex-basis:120px; }
  #itmu-slot .mu-drawing { transform:scale(.83); width:56px; transform-origin:left center; }
  #itmu-slot .mu-add { display:flex; gap:4px; flex-wrap:wrap; }
  #itmu-slot .mu-item { grid-template-columns:40px minmax(0,1fr); gap:3px 8px; }
  #itmu-slot .mu-thumb { width:39px; height:39px; grid-row:span 2; }
  #itmu-slot .mu-row-foot { grid-column:2; justify-content:space-between; }
  #itmu-slot .mu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #itmu-slot .mu-footer,#itmu-slot .mu-summary { padding:10px 12px; }
  #itmu-slot .mu-row-actions button { min-height:32px; min-width:32px; }
}
#itmu-slot .mu-links { margin:0 20px 14px; padding:12px; border:1px solid var(--mu-line); border-radius:8px; background:var(--mu-soft); }
#itmu-slot .mu-link-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
#itmu-slot .mu-links button { font-size:12px; min-height:30px; }
#itmu-slot .mu-links textarea { display:block; width:100%; margin:8px 0; padding:7px; background:var(--mu-bg); color:var(--mu-ink); border:1px solid var(--mu-line); border-radius:5px; resize:vertical; font:12px/1.5 ui-monospace,monospace; }
#itmu-slot .mu-formats { display:flex; flex-wrap:wrap; gap:6px; }

#itmu-slot .mu-format-tabs { display:flex; flex-wrap:wrap; gap:3px; }
#itmu-slot .mu-format-tabs button { padding:4px 8px; }
#itmu-slot .mu-format-tabs button[aria-pressed="true"] { background:var(--mu-blue); color:white; border-color:var(--mu-blue); }
#itmu-slot .mu-link-info:not(:empty) { margin:4px 0; font-size:12px; color:var(--mu-muted); }
#itmu-slot [data-act="reload-links"] { margin:0 0 5px; }
@media (min-width:700px) and (max-height:850px) {
  #itmu-slot .mu-items { max-height:min(225px,29vh); }
}
#itmu-slot .mu-pages {display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:6px;}
#itmu-slot .mu-range {font-size:12px; font-variant-numeric:tabular-nums; color:var(--mu-muted);}
#itmu-slot .mu-links textarea {min-height:64px; max-height:160px; overflow:auto;}
#itmu-slot .mu-manual {font-size:12px; margin-top:8px;}

#itmu-slot .mu-links button[data-act="copy"] { min-width:8.5em; }
#itmu-slot .mu-links button[data-copied="true"] {
  color:var(--mu-ok); border-color:var(--mu-ok); background:var(--mu-bg);
}
@media (prefers-reduced-motion:no-preference) {
  #itmu-slot .mu-links button[data-copied="true"] { animation:itmu-copy-pulse 240ms ease-out; }
}
@keyframes itmu-copy-pulse {
  0%,100% { transform:scale(1); }
  45% { transform:scale(1.045); }
}