/* freeshell theme v7 */
:root { --freeshell-color: #00A8C8; }

/* === Login page === */
#body-login { background: #ffffff !important; }

/* Remove any decorative brackets/corners created via pseudo-elements ANYWHERE on the login page */
#body-login *::before,
#body-login *::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

/* Remove borders/backgrounds/shadows from containers */
#body-login #login,
#body-login .login-box,
#body-login .wrapper,
#body-login .v-align {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-image: none !important;
}

/* Logo tile: clean white with your SVG */
#body-login .logo,
#body-login .login-box .logo {
  background: #ffffff !important;
  background-image: url('../img/logo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  height: 90px !important;
  min-height: 90px !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  padding: 10px !important;
}
#body-login .logo img { display: none !important; }

/* Show readable labels above inputs */
#body-login label {
  display: block !important;
  color: #4b5a66 !important;
  font-weight: 600 !important;
  margin: 18px 0 6px !important;
}

/* Input readability */
#body-login input[type="text"],
#body-login input[type="email"],
#body-login input[type="password"] {
  background: #ffffff !important;
  color: #202a33 !important;
}
#body-login ::placeholder { color: #9aa7b3 !important; }

/* Primary button in brand color */
#body-login input[type="submit"],
#body-login button[type="submit"],
#body-login .primary {
  background-color: var(--freeshell-color) !important;
  border-color: var(--freeshell-color) !important;
}

/* === After login header === */
#header, #body-public #header {
  background-color: var(--freeshell-color) !important;
  background-image: none !important;
  border-bottom: 0 !important;
}
#header #owncloud, #header .header-center, #header .branding { display: none !important; }
#header .logo, #header .logo-icon {
  background-image: url('../img/logo-icon.svg') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
#header, #header a, #header .header-right * { color: #ffffff !important; fill: #ffffff !important; }


/* Zoom-crop the background logo to hide any left/right decorative edges */
#body-login .logo,
#body-login .login-box .logo {
  overflow: hidden !important;
  background-size: 120% auto !important; /* zoom in a bit so side ornaments get cropped */
  background-position: center center !important;
  padding: 6px !important;    /* keep small padding */
  height: 100px !important;   /* tiny bit taller so logo stays readable */
}


/* Nuke any body-level decorations that might draw brackets */
#body-login {
  background: #ffffff none !important; /* resets background-image layers */
  border: 0 !important;
  border-image: none !important;
}
#body-login::before,
#body-login::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

/* Over-specific kill switches in case their CSS uses !important later */
html body #body-login #login::before,
html body #body-login #login::after,
html body #body-login .login-box::before,
html body #body-login .login-box::after,
html body #body-login .logo::before,
html body #body-login .logo::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}


/* --- V10: strip ANY background-image inside login scope --- */
#body-login * {
  background-image: none !important;
}

/* Re-apply our logo only to the logo tile */
#body-login .logo,
#body-login .login-box .logo {
  background-color: #ffffff !important;
  background-image: url('../img/logo.svg') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
  height: 90px !important;
  min-height: 90px !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

/* Ensure all pseudo elements are off */
#body-login *::before,
#body-login *::after {
  content: none !important;
  display: none !important;
}


/* === V11: nuclear option === */
/* wipe ALL backgrounds on login page, regardless of which property set them */
#body-login, 
#body-login *,
#body-login *::before,
#body-login *::after {
  background: none !important;
  border-image: none !important;
  box-shadow: none !important;
}

/* Keep page bg white */
#body-login { background-color: #ffffff !important; }

/* Re-apply our logo only on the logo container with ultra-specific selector */
html body #body-login .login-box .logo,
html body #body-login #login .logo,
html body #body-login .logo {
  background: #ffffff url('../img/logo.svg') center center / contain no-repeat !important;
  height: 100px !important;
  min-height: 100px !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px !important;
}
html body #body-login .logo img { display: none !important; }


/* === v12: soft card around the login form === */
:root { --freeshell-color: #00A8C8; }

/* Login card */
#body-login #login,
#body-login .login-box {
  background: #ffffff !important;
  border: 1px solid rgba(0,168,200,0.18) !important; /* brand-tinted */
  border-radius: 16px !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.08) !important;
  padding: 28px 32px !important;
  max-width: 460px !important;
  margin: 16px auto 0 auto !important;
}

/* On small screens, keep it comfy */
@media (max-width: 480px) {
  #body-login #login,
  #body-login .login-box {
    padding: 20px 18px !important;
    border-radius: 14px !important;
  }
}

/* Keep inputs/buttons spacing consistent inside the card */
#body-login form .group { margin-top: 14px !important; }
#body-login input[type="text"],
#body-login input[type="email"],
#body-login input[type="password"] {
  border-radius: 8px !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

/* Button stays on brand */
#body-login input[type="submit"],
#body-login button[type="submit"],
#body-login .primary {
  background-color: var(--freeshell-color) !important;
  border-color: var(--freeshell-color) !important;
  border-radius: 10px !important;
}

/* === v13: crisp login CARD like pad.freeshell.de === */
:root { --freeshell-color: #00A8C8; }

/* Card styles */
#body-login form#login,
#body-login form[name="login"],
#body-login form[class*="login"],
#body-login #login,
#body-login .login-box,
#body-login .login-form,
#body-login .logincontainer,
#body-login .login-container,
#body-login .loginpanel {
  background: #ffffff !important;
  border: 1px solid rgba(0,168,200,0.22) !important;  /* subtle brand tint */
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.10) !important;
  padding: 28px 32px !important;
  max-width: 520px !important;
  margin: 18px auto 0 auto !important;
  box-sizing: border-box !important;
}

/* Input & focus polish */
#body-login input[type="text"],
#body-login input[type="email"],
#body-login input[type="password"] {
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 10px !important;
  height: 44px !important;
  padding: 10px 12px !important;
}
#body-login input[type="text"]:focus,
#body-login input[type="email"]:focus,
#body-login input[type="password"]:focus {
  border-color: rgba(0,168,200,0.6) !important;
  box-shadow: 0 0 0 3px rgba(0,168,200,0.18) !important;
  outline: none !important;
}

/* Button polish */
#body-login input[type="submit"],
#body-login button[type="submit"],
#body-login .primary {
  background-color: var(--freeshell-color) !important;
  border: 0 !important;
  border-radius: 12px !important;
  height: 46px !important;
  font-weight: 700 !important;
}

/* Slightly more breathing room below the logo */
#body-login .logo { margin: 0 auto 8px auto !important; }


/* v14: brand-colored folder icons */
.icon-folder, .icon-folder-shared, .icon-folder-external, .icon-folder-public,
tr[data-type="dir"] .thumbnail, .files-list tr[data-type="dir"] .filename .thumbnail,
.nav-icon-folder {
  background-image: url('../img/filetypes/folder.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}