/* JiaoQuan Cloudreve skin v1. Native application controls remain intact. */
:root{--jq-canvas:#f5f5f7;--jq-surface:#fff;--jq-glass:rgba(250,250,252,.92);--jq-ink:#1d1d1f;--jq-muted:#6e6e73;--jq-line:rgba(60,60,67,.13);--jq-blue:#0071e3;--jq-soft:#e8f2ff;--jq-hover:rgba(0,113,227,.055);--jq-footer-height:84px;--jq-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
html[data-jq-theme=dark]{--jq-canvas:#161617;--jq-surface:#222224;--jq-glass:rgba(28,28,30,.94);--jq-ink:#f5f5f7;--jq-muted:#a1a1a6;--jq-line:rgba(235,235,245,.14);--jq-blue:#64adff;--jq-soft:#173553;--jq-hover:rgba(100,173,255,.09)}
body{font-family:var(--jq-font)!important;background:var(--jq-canvas)!important;color:var(--jq-ink);-webkit-font-smoothing:antialiased}
#root .MuiTypography-root,#root .MuiButtonBase-root,#root .MuiInputBase-root,#root .MuiTab-root,#root .MuiTableCell-root{font-family:var(--jq-font)!important;letter-spacing:0}
#root h1,#root h2,#root h3,#root h4{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif!important;letter-spacing:-.035em;font-weight:650}
#root .MuiButton-root{text-transform:none;transition:background-color .16s ease,box-shadow .16s ease}
#root .MuiButton-root:not(.MuiButtonGroup-grouped){border-radius:11px}
#root .MuiButton-containedPrimary{background:#0071e3;color:#fff;box-shadow:0 2px 5px #0071e318}
#root .MuiButton-containedPrimary:hover{background:#0077ed;box-shadow:0 3px 10px #0071e326}
#root .MuiButton-root.Mui-disabled{box-shadow:none;opacity:.5}
#root .MuiOutlinedInput-root{border-radius:12px}
#root .MuiOutlinedInput-notchedOutline{border-color:var(--jq-line)}
#root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--jq-blue)}
#root .MuiIconButton-root{border-radius:10px}
#root .MuiButtonBase-root:focus-visible,#jq-legal a:focus-visible{outline:3px solid var(--jq-blue)!important;outline-offset:3px}
#root .MuiDialog-paper{border-radius:20px;box-shadow:0 20px 80px #0003}
#root .MuiMenu-paper,#root .MuiPopover-paper{border-radius:13px;box-shadow:0 10px 35px #0002;border:1px solid var(--jq-line)}
#root .MuiMenuItem-root{min-height:38px;border-radius:7px;margin:2px 5px}
#root .MuiDivider-root{border-color:var(--jq-line)}
#root .MuiAppBar-root{background:var(--jq-glass)!important;color:var(--jq-ink)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:none!important;border-bottom:1px solid var(--jq-line)}
#root .MuiDrawer-paper{background:var(--jq-glass)!important;border-right:1px solid var(--jq-line);height:calc(100dvh - var(--jq-footer-height))!important;padding-bottom:12px;box-sizing:border-box}
#root .MuiDrawer-paper .MuiListItemButton-root{border-radius:9px;margin:3px 10px;min-height:38px}
#root .MuiDrawer-paper .MuiListItemText-primary{font-size:13px;font-weight:500}
#root .MuiTreeItem-content{border-radius:9px!important;min-height:34px;color:var(--jq-ink)}
#root .MuiTreeItem-content.Mui-selected,#root .MuiListItemButton-root.Mui-selected{background:var(--jq-soft)!important;color:var(--jq-blue)!important}
#root .MuiTreeItem-content:hover,#root .MuiListItemButton-root:hover{background:var(--jq-hover)}
#root .MuiDrawer-paper .MuiTreeItem-label{font-size:13px}
#root .MuiDrawer-paper .MuiLinearProgress-root{height:4px;border-radius:9px}
#root img[alt=Logo]{object-fit:contain;max-width:176px}
html[data-jq-layout=app] #root>div:has(>main){height:calc(100dvh - var(--jq-footer-height))!important;min-height:0!important}
html[data-jq-layout=app] #root main{height:calc(100dvh - var(--jq-footer-height))!important;min-height:0!important;background:var(--jq-canvas)}
html[data-jq-page=files] #root main>.MuiStack-root{margin:12px 12px 12px 16px;min-height:0}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root{gap:10px;margin-bottom:12px}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiBox-root{background:var(--jq-surface);border:1px solid var(--jq-line);border-radius:18px;box-shadow:0 3px 18px #00000003}
html[data-jq-page=files] #root main .MuiButton-outlined{border-color:var(--jq-line);background:var(--jq-surface);color:var(--jq-muted)}
html[data-jq-page=files] #root main .MuiButton-outlined:hover{color:var(--jq-blue);background:var(--jq-hover)}
html[data-jq-page=files] #root main button[data-rect-id]{border-radius:12px;transition:background-color .15s ease,box-shadow .15s ease;outline-offset:2px}
html[data-jq-page=files] #root main button[data-rect-id]:hover{box-shadow:inset 0 0 0 1px var(--jq-line);background:var(--jq-hover)}
html[data-jq-page=files] #root main button[data-rect-id] .MuiSvgIcon-colorAction{color:#489bed}
html[data-jq-page=files] #root main button[data-rect-id] p{font-size:13px;font-weight:500}
#root .MuiTableCell-root{border-bottom-color:var(--jq-line)}
#root .MuiTableCell-head{font-size:12px;font-weight:600;color:var(--jq-muted);background:var(--jq-canvas)}
html[data-jq-layout=session] body{padding-bottom:var(--jq-footer-height);box-sizing:border-box}
html[data-jq-layout=session] #root{min-height:calc(100dvh - var(--jq-footer-height))}
html[data-jq-layout=session] .jq-session-shell{min-height:calc(100dvh - var(--jq-footer-height))!important;height:auto!important;background:var(--jq-canvas)!important}
html[data-jq-layout=session] .jq-login-panel{border:1px solid var(--jq-line)!important;border-radius:24px!important;background:var(--jq-surface)!important;box-shadow:0 14px 60px #00000007;padding:36px!important}
html[data-jq-layout=session] .jq-login-panel .MuiButton-contained{min-height:44px}
#jq-legal{position:fixed;inset:auto 0 0;z-index:1050;box-sizing:border-box;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:var(--jq-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--jq-line);color:var(--jq-muted);font:11px/1.65 var(--jq-font);text-align:center;letter-spacing:.01em}
#jq-legal p{margin:0}
#jq-legal .jq-copyright{color:var(--jq-muted)}
#jq-legal .jq-registrations{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:1px 0}
#jq-legal a{color:inherit;text-decoration:none;text-underline-offset:3px}
#jq-legal a:hover{color:var(--jq-blue);text-decoration:underline}
#jq-legal .jq-company-en{white-space:nowrap}
@media(max-width:700px){
#jq-legal{font-size:10px;padding:9px 12px max(9px,env(safe-area-inset-bottom));line-height:1.6}
#jq-legal .jq-company-en{display:block;white-space:normal}
#jq-legal .jq-company-divider{display:none}
#jq-legal .jq-registrations{gap:3px 12px}
html[data-jq-page=files] #root main>.MuiStack-root{margin:6px 8px 8px}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root{gap:4px;margin-bottom:8px}
html[data-jq-layout=session] .jq-login-panel{padding:24px!important;border-radius:20px!important}
}
@media(prefers-reduced-motion:reduce){#root .MuiButton-root,#root main button[data-rect-id]{transition:none!important}}

/* Toolbar groups share one frame; individual buttons never draw competing borders. */
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined{
  padding:3px;gap:2px;border:1px solid var(--jq-line);border-radius:12px;
  background:var(--jq-surface);box-shadow:0 1px 2px #00000003;align-items:center;
}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined>.MuiButton-root{
  margin:0;border:0!important;border-radius:8px!important;min-width:40px;min-height:32px;
  padding:6px 12px;background:transparent;color:var(--jq-muted);box-shadow:none;line-height:20px;
}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined>.MuiButton-root:hover{
  background:var(--jq-hover);color:var(--jq-blue);
}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined>.MuiButton-root:active{
  background:var(--jq-soft);color:var(--jq-blue);
}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined>.MuiButton-root:focus-visible{
  outline:2px solid var(--jq-blue)!important;outline-offset:-2px;
}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined>.MuiButton-root.Mui-disabled{
  color:var(--jq-muted);opacity:.4;background:transparent;
}
@media(max-width:700px){
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined{padding:2px;gap:0}
html[data-jq-page=files] #root main>.MuiStack-root>.MuiStack-root .MuiButtonGroup-outlined>.MuiButton-root{min-width:40px;min-height:38px;padding:6px 10px}
}