:root{ --cs-bg:#07150d; --cs-panel:#0b2015; --cs-accent:#16c784; --cs-text:#d8f5e4; --cs-muted:#7fa892; }
html,body,#root{ background:var(--cs-bg) !important; color:var(--cs-text) !important; }

/* ---- login page: only DIRECT children of the page container, so nothing nested is touched ---- */
div.DgiPd > div.cfEnlH{ display:none !important; }                 /* MinIO marketing column */
img[class*="videoBG" i], img[alt*="videoBG" i], img[src*="video" i], video{ display:none !important; }
div.DgiPd{ display:flex !important; justify-content:center !important; align-items:center !important;
           min-height:100vh !important; width:100% !important; background:var(--cs-bg) !important; }
div.DgiPd > div.jWSWGC{
  width:min(460px,92vw) !important; max-width:none !important; margin:0 auto !important;
  background:var(--cs-panel) !important; border:1px solid rgba(22,199,132,.22) !important;
  border-radius:14px !important; padding:34px 32px !important;
  box-shadow:0 30px 80px -40px rgba(0,0,0,.9) !important;
  display:flex !important; flex-direction:column !important; height:auto !important;
}
div.DgiPd > div.jWSWGC::before{
  content:"CoolSSH Object Storage"; order:-2; display:block;
  font-family:'Space Grotesk',system-ui,sans-serif; font-weight:800; font-size:22px; color:var(--cs-accent); margin-bottom:6px;
}
div.DgiPd > div.jWSWGC::after{
  content:"Sign in with the access key and secret key from your CoolSSH portal to browse and manage the files in your bucket.";
  order:-1; display:block; font-size:12.5px; line-height:1.6; color:var(--cs-muted); margin:0 0 22px;
}
div.DgiPd > div.jWSWGC svg:not(.min-icon){ display:none !important; }   /* MinIO "Object Store" logo */
div.DgiPd > div.jWSWGC div.fXpbNZ, div.DgiPd > div.jWSWGC hr{ display:none !important; }  /* vendor footer links */
div.DgiPd > div.jWSWGC > div.cRyVzM{ padding:0 !important; }

/* ---- form controls ---- */
div.DgiPd input{ background:#0a1a10 !important; color:var(--cs-text) !important; border-color:rgba(22,199,132,.3) !important; }
#do-login{ background:var(--cs-accent) !important; border-color:var(--cs-accent) !important; color:#04120b !important;
           font-weight:700 !important; border-radius:8px !important; }
#do-login:hover{ filter:brightness(1.08); }
a{ color:var(--cs-accent) !important; }

/* ---- inside the console (after login) ---- */
img[alt*="MinIO" i], svg[class*="logo" i]{ display:none !important; }
[class*="logo" i]::after{ content:none !important; }