/* FLOREALE_R58_BRAND — isolated presentation; never alters auth or business data. */
:root { --floreale-burgundy:#721333; --floreale-wine:#4c0e25; --floreale-rose:#f8eaf0; --floreale-ink:#312026; }
#floreale-brand-mark {
  font-family:Georgia,'Times New Roman',serif; position:fixed; z-index:200;
  top:14px; right:16px; padding:9px 14px; border-radius:12px;
  background:rgba(255,250,251,.96); border:1px solid #efdce3;
  box-shadow:0 3px 20px rgba(78,15,37,.08); pointer-events:none;
  color:var(--floreale-wine); text-align:center; line-height:1.15;
}
#floreale-brand-mark b {font-size:19px; letter-spacing:.20em; display:block; font-weight:700}
#floreale-brand-mark small {display:block;font-family:Arial,sans-serif; font-size:9px;letter-spacing:.16em;margin-top:5px}
#floreale-login-showcase {display:none; pointer-events:none}
/* Login screen: keep the original accessible login fields and actual auth controls. */
body:has(:is(#dashboard-app,#root,#app) input[type="password"]) {background:#fffbfc !important}
body:has(:is(#dashboard-app,#root,#app) input[type="password"]) #floreale-brand-mark {
  top:85px;left:25px;right:auto;background:#fffbfc; border:0;box-shadow:none;
  padding:18px 12px 18px 4px; min-width:155px; text-align:left;
}
body:has(:is(#dashboard-app,#root,#app) input[type="password"]) #floreale-login-showcase {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:fixed;top:13%;right:4%;width:47%;height:74%; min-height:470px;
  background:linear-gradient(135deg,#fff8f9 0%,#f7e9ee 80%,#ecd2db 100%);
  border-radius:32px; box-shadow:0 12px 52px rgba(78,15,37,.07);
  z-index:40;overflow:hidden;color:var(--floreale-ink);
}
.floreale-hero-bloom {
  position:absolute;top:-145px;left:-90px;font-size:460px;line-height:1;
  color:rgba(113,19,51,.075);transform:rotate(-15deg);
}
.floreale-showcase-content{position:relative;z-index:1;max-width:490px;padding:38px 48px;text-align:right}
.floreale-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:750;color:var(--floreale-burgundy);font-family:Arial,sans-serif}
.floreale-showcase-content h1{font-family:Tahoma,Arial,sans-serif;font-size:clamp(26px,3vw,54px);line-height:1.5;font-weight:800;margin:30px 0 16px;color:#30171f}
.floreale-showcase-content h1 em{font-style:normal;color:var(--floreale-burgundy)}
.floreale-showcase-content p{font:normal 15px/2 Tahoma,Arial,sans-serif;color:#876673;max-width:400px}
.floreale-showcase-features {display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.floreale-showcase-features span{border-radius:50px;padding:9px 15px;background:#fff9fb;border:1px solid #e8ccd5;color:#6b2540;font:600 12px Tahoma,Arial,sans-serif}
body:has(:is(#dashboard-app,#root,#app) input[type="password"]) :is(#dashboard-app,#root,#app) input:not([type="checkbox"]){border-radius:9px;box-shadow:none}
body:has(:is(#dashboard-app,#root,#app) input[type="password"]) :is(#dashboard-app,#root,#app) button[type="submit"]{background:var(--floreale-burgundy);color:white;border-radius:9px}
body:has(:is(#dashboard-app,#root,#app) input[type="password"]) :is(#dashboard-app,#root,#app) a{color:var(--floreale-burgundy)}
/* After login: subtle branded accent only; business controls and layout preserved. */
body:not(:has(:is(#dashboard-app,#root,#app) input[type="password"])) #floreale-brand-mark{top:auto;bottom:14px;right:18px;opacity:.90;z-index:20;padding:6px 9px}
body:not(:has(:is(#dashboard-app,#root,#app) input[type="password"])) #floreale-brand-mark b{font-size:13px}
body:not(:has(:is(#dashboard-app,#root,#app) input[type="password"])) #floreale-brand-mark small{font-size:7px}
:is(#dashboard-app,#root,#app) [role="tab"][aria-selected="true"]{color:var(--floreale-burgundy)}
:is(#dashboard-app,#root,#app) :is(button,a,input,textarea):focus-visible{outline-color:var(--floreale-burgundy)}
@media(max-width:1050px){body:has(:is(#dashboard-app,#root,#app) input[type="password"]) #floreale-login-showcase {right:2%;width:42%}.floreale-showcase-content{padding:26px}}
@media(max-width:850px){body:has(:is(#dashboard-app,#root,#app) input[type="password"]) #floreale-login-showcase {display:none}body:has(:is(#dashboard-app,#root,#app) input[type="password"]) #floreale-brand-mark {top:12px;left:15px;min-width:0;padding:10px;background:#fffbfc}}
@media(prefers-reduced-motion:reduce){#floreale-login-showcase,*:focus-visible{transition:none!important}}