/* EBC File Browser visual theme, 2026-10-03. */
:root {
  --blue:#1b365b; --dark-blue:#132944;
  --background:#f4f6f9; --surfaceSecondary:#edf2f8;
  --textPrimary:#65758a; --textSecondary:#243449;
  --borderPrimary:#dce3ec; --borderSecondary:#476fa6; --icon-blue:#476fa6;
}
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
input, select, textarea, button { font-family:inherit; accent-color:var(--blue); }
.button { border-radius:8px; font-weight:500; box-shadow:none; min-height:40px; }
.input:not(.input--textarea) { border-radius:8px; }
.button:focus-visible, .action:focus-visible, a:focus-visible { outline:2px solid #476fa6; outline-offset:3px; }
.input:focus { outline:2px solid #476fa62b; outline-offset:1px; border-color:#476fa6; }
.card { border-radius:12px; }
header { box-shadow:none; }
/* The version suffix refreshes an older cached default File Browser logo. */
#login img, header > img, header > a > img { content:url('/static/img/logo.svg?v=ebc-ui-20261003'); object-fit:contain; background:#fff; border-radius:6px; }
#login { background:var(--background); }
#login form { width:calc(100% - 32px); max-width:400px; padding:32px; max-height:calc(100dvh - 32px); overflow:auto; background:var(--surfacePrimary); border:1px solid var(--borderPrimary); border-radius:20px; box-shadow:0 12px 48px #1b365b0a; }
#login img { width:196px!important; height:auto!important; max-height:none!important; max-width:100%; margin:0 auto 20px; }
#login h1 { color:var(--blue); font-size:24px; font-weight:600; margin:0 0 24px; }
#login .input { font-size:16px; min-height:48px; padding:12px; margin-bottom:16px; }
#login .button { font-size:16px; min-height:48px; font-weight:600; }
header > img, header > a > img { width:88px!important; height:48px!important; max-width:none!important; flex-shrink:0; }
:root.dark #login h1 { color:var(--textSecondary); }
@media(max-width:736px) { header > img, header > a > img { width:72px!important; height:40px!important; } }
@media(max-width:360px) { #login h1 { font-size:22px; } #login form { padding:24px; } }