/* ============================================================
   Shizuku unified auth portal — girly · floral · dark
   Base palette from library.shizuku.rest (dark #0d0d10 / text #e8e8ea),
   accents swapped to rose -> lavender with a soft floral ambiance.
   Loaded after caddy-security's "basic" theme, so these win.
   ============================================================ */
:root{
  --bg:#0d0d10;
  --card-top:#1b1523;
  --card-bot:#141019;
  --card-border:#3a2b42;
  --text:#ececf0;
  --muted:#b7adc4;
  --rose:#ec7fa9;
  --rose-soft:#f6a9c6;
  --lav:#b98ade;
  --grad:linear-gradient(135deg,#ec7fa9 0%,#c78ad9 55%,#b98ade 100%);
}

/* ---- page: dark base + twin pink/lavender glows + subtle floral texture ---- */
html,body{ background:var(--bg) !important; color:var(--text) !important; }
body{
  background-color:var(--bg) !important;
  background-image:
    radial-gradient(60% 48% at 12% -5%, rgba(236,127,169,.16), transparent 72%),
    radial-gradient(55% 55% at 105% 108%, rgba(185,138,222,.15), transparent 72%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='%23ec7fa9' fill-opacity='0.05'%3E%3Ccircle cx='38' cy='26' r='5'/%3E%3Ccircle cx='49' cy='34' r='5'/%3E%3Ccircle cx='45' cy='47' r='5'/%3E%3Ccircle cx='31' cy='47' r='5'/%3E%3Ccircle cx='27' cy='34' r='5'/%3E%3Ccircle cx='38' cy='37' r='2.5' fill='%23f6a9c6'/%3E%3C/g%3E%3Cg fill='%23b98ade' fill-opacity='0.045'%3E%3Ccircle cx='110' cy='104' r='5'/%3E%3Ccircle cx='121' cy='112' r='5'/%3E%3Ccircle cx='117' cy='125' r='5'/%3E%3Ccircle cx='103' cy='125' r='5'/%3E%3Ccircle cx='99' cy='112' r='5'/%3E%3Ccircle cx='110' cy='115' r='2.5' fill='%23d9b8f0'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* ---- the login card ---- */
.app-container{
  background:linear-gradient(180deg,var(--card-top),var(--card-bot)) !important;
  border:1px solid var(--card-border) !important;
  border-radius:22px !important;
  color:var(--text) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.6),
    0 0 0 1px rgba(236,127,169,.06),
    0 10px 46px rgba(236,127,169,.12) !important;
}

/* ---- header: hide default logo, bloom a flower + gradient title ---- */
.logo-box{ text-align:center !important; }
.logo-img{ display:none !important; }
.logo-box::before{
  content:"\2740";                 /* ❀ floral heart bullet */
  display:block; font-size:46px; line-height:1; margin-bottom:6px;
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 12px rgba(236,127,169,.45));
}
.logo-txt{ color:var(--text) !important; font-weight:700 !important; letter-spacing:.2px !important; }

/* ---- text / labels / helper copy ---- */
label,.app-inp-lbl,p,span,small{ color:var(--muted) !important; }
h1,h2,h3,.logo-txt{ color:var(--text) !important; }

/* ---- inputs ---- */
.app-inp-txt{
  background:#100c15 !important;
  color:var(--text) !important;
  border:1px solid #3a2b42 !important;
  border-radius:13px !important;
}
.app-inp-txt::placeholder{ color:#847a90 !important; }
.app-inp-txt:focus{
  border-color:var(--rose) !important;
  box-shadow:0 0 0 3px rgba(236,127,169,.22) !important;
  outline:none !important;
}
/* input leading icons (line-awesome) */
.app-inp-lft,.las,.la,[class^="la-"],[class*=" la-"]{ color:var(--rose) !important; }

/* ---- primary button: rose -> lavender gradient ---- */
.app-btn-pri{
  background:var(--grad) !important;
  border:none !important;
  color:#2a0f1c !important;
  border-radius:13px !important;
  font-weight:700 !important;
  box-shadow:0 10px 26px rgba(236,127,169,.32) !important;
  transition:transform .12s ease, box-shadow .2s ease, filter .2s ease !important;
}
.app-btn-pri:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 14px 32px rgba(236,127,169,.45) !important;
}

/* ---- links (register / forgot / support) ---- */
a{ color:var(--rose-soft) !important; text-decoration:none !important; }
a:hover{ color:var(--lav) !important; }

/* tidy any leftover light-theme surfaces */
.bg-white,.app-content{ background:transparent !important; }