.md-auth-preview { color-scheme:light }
body.md-special-page { margin:0; padding:0; min-height:100vh; }
.md-auth-preview, .md-auth-preview * { box-sizing:border-box; }
.md-auth-preview { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; min-height:100vh; padding:32px 15px; overflow:hidden; background:radial-gradient(ellipse at 80% 2%, #ffe0ec 0,transparent 40%),radial-gradient(ellipse at 8% 89%,#efdcfb 0,transparent 44%),linear-gradient(135deg,#fff9fc,#faeff4);color:#68324a;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.md-auth-background-sakura { position:absolute; font-size:min(90vw,650px); opacity:.045; transform:rotate(-18deg); z-index:-1; pointer-events:none; }
.md-auth-layout { width:100%; max-width:470px; display:flex; flex-direction:column; align-items:stretch; gap:13px; }
.md-auth-testing { text-align:center;font-size:11px;letter-spacing:.045em; font-weight:800;color:#78415b; background:#fff9fc; border:1px solid #eed3df; padding:8px 10px;border-radius:16px; }
.md-auth-panel { background:#ffffffed;border:1px solid #f2cedf;box-shadow:0 18px 65px #9d658a30;border-radius:25px;padding:24px 25px 18px; }
.md-auth-head { text-align:center;margin-bottom:18px; }
.md-auth-emblem {font-size:31px;line-height:1.2;margin-bottom:5px}
.md-auth-head h1 { font-size:clamp(25px,5vw,32px);line-height:1.2;color:#a64170;margin:0 0 5px;font-weight:800; }
.md-auth-head p {font-size:13px;color:#906b7d;margin:0;}
.md-auth-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;background:#f9e8f0;border-radius:14px;margin-bottom:20px;}
.md-auth-tabs button {border:0;border-radius:10px;background:transparent;color:#76465d; padding:11px 2px;font-family:inherit;font-size:13px;font-weight:650;line-height:1.1;cursor:pointer;min-height:42px;}
.md-auth-tabs button.active {background:#fff;box-shadow:0 2px 9px #96507124;color:#a23769;}
.md-auth-tabs button:focus-visible,.md-auth-back:focus-visible {outline:3px solid #9a3167;outline-offset:3px}
.md-auth-screen[hidden]{display:none!important}
.md-auth-screen h2 {font-size:21px;line-height:1.25;margin:0 0 5px;text-align:center;color:#803250}
.md-auth-screen>p {text-align:center;margin:0 0 17px;color:#87687a;font-size:14px}
.md-auth-screen label {display:block;font-weight:650;font-size:13px;margin:13px 0 5px;color:#754155}
.md-auth-screen input {font:inherit;width:100%;min-height:43px;padding:10px 13px;border:1px solid #e8c5d2;border-radius:11px;background:#fff8fb;color:#754155;opacity:1}
.md-auth-screen input::placeholder {color:#a88a98;opacity:1}
.md-auth-linkline{text-align:right;color:#ad4d77;font-size:13px;margin:10px 0}
.md-auth-demo-button{padding:12px 16px;background:linear-gradient(100deg,#b54677,#d66f96);color:#fff;border-radius:13px;text-align:center;font-weight:750;margin-top:17px;box-shadow:0 4px 14px #b546773b;}
.md-auth-divider {display:flex;align-items:center;gap:10px;text-align:center;color:#997a88;font-size:12px;margin:18px 0 12px;}
.md-auth-divider:before,.md-auth-divider:after {content:'';height:1px;flex:1;background:#ecd4de;}
.md-auth-providers{display:flex;justify-content:center;align-items:center;gap:10px}
.md-auth-providers>div{border:1px solid #edd6df;border-radius:11px;padding:10px 14px;font-size:14px;font-weight:600;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:10px;min-height:47px;width:100%;max-width:260px;margin-inline:auto}
.md-auth-providers small {font-size:10px;}
.md-auth-hint {margin-top:12px!important;font-size:12px!important}
.md-auth-provider-hint {font-size:12px!important;line-height:1.5;text-align:center;color:#87687a;margin:11px 0 0!important;}
.md-auth-welcome {text-align:center;padding:10px 0 12px;}
.md-auth-flower {display:block;font-size:44px;margin:7px 0 15px;}
.md-auth-welcome h2 {font-size:clamp(22px,4vw,27px);line-height:1.32}
.md-auth-welcome p {font-size:16px;margin-top:15px;}
.md-auth-footer {font-size:12px;color:#80566c;text-align:center;margin-top:20px;line-height:1.65}
.md-auth-footer small{font-size:11px;color:#a27b8f;}
.md-auth-back {align-self:center;text-decoration:none;color:#7f4663;font-weight:650;font-size:13px;padding:7px 10px;}
@media(max-width:460px) {.md-auth-preview{padding:18px 10px}.md-auth-panel{padding:19px 15px;border-radius:20px}.md-auth-tabs button{font-size:12px;padding-inline:1px}.md-auth-providers>div{white-space:normal}}
@media(prefers-reduced-motion:no-preference){.md-auth-panel {animation:md-auth-appear .25s ease-out both;}@keyframes md-auth-appear {from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

/* v0.21: shared, admin-controlled visual variables. No change to auth behavior. */
.md-auth-preview {
  background-color:var(--md-auth-bg,#fff4e8);
  background-image:var(--md-auth-bg-image,none);
  background-position:center center;
  background-size:cover;
  color:var(--md-auth-text-color,#664654);
  font-family:var(--md-auth-font,system-ui,sans-serif);
}
.md-auth-panel {
  background:var(--md-auth-panel-color,rgba(255,250,245,.96));
  border-color:var(--md-auth-border-color,#dfb9b5);
  border-radius:var(--md-auth-radius,25px);
}
.md-auth-head h1 {
  color:var(--md-auth-title-color,#9d4b50);
  font-size:clamp(22px,5vw,var(--md-auth-title-size,30px));
  text-shadow:var(--md-auth-title-shadow,none);
}
.md-auth-screen h2 { color:var(--md-auth-title-color,#9d4b50);text-shadow:var(--md-auth-title-shadow,none); }
.md-auth-head p,.md-auth-screen>p,.md-auth-footer,.md-auth-footer small,
.md-auth-screen label,.md-auth-linkline,.md-auth-divider,.md-auth-provider-hint,
.md-auth-screen .md-auth-hint { color:var(--md-auth-text-color,#664654); }
.md-auth-screen input { background:var(--md-auth-field-color,#fffaf9);color:var(--md-auth-text-color,#664654);border-color:var(--md-auth-border-color,#dfb9b5) }
.md-auth-screen input::placeholder {color:var(--md-auth-text-color,#664654);opacity:.78}
.md-auth-demo-button {background:var(--md-auth-accent-color,#b65c6f);color:var(--md-auth-button-text,#fff);border-radius:clamp(5px, var(--md-auth-radius,25px),18px);box-shadow:0 4px 14px #0002;}
.md-auth-tabs {background:var(--md-auth-field-color,#fffaf9)}
.md-auth-tabs button {color:var(--md-auth-text-color,#664654)}
.md-auth-tabs button.active {color:var(--md-auth-title-color,#9d4b50);}
.md-auth-providers>div {border-color:var(--md-auth-border-color,#dfb9b5)}
.md-auth-back {color:var(--md-auth-text-color,#664654);background:var(--md-auth-panel-color,rgba(255,250,245,.96));border-radius:12px}
.md-auth-testing {border-color:var(--md-auth-border-color,#dfb9b5);background:var(--md-auth-panel-color,rgba(255,250,245,.96));color:var(--md-auth-text-color,#664654)}
.md-auth-preview .md-auth-background-sakura{opacity:.1}
@media (max-width:460px){.md-auth-head h1{font-size:clamp(21px,7vw,var(--md-auth-title-size,30px))}}

.md-auth-background-sakura[hidden],.md-auth-emblem[hidden],.md-auth-flower[hidden]{display:none!important}

/* v0.30.11: compact opt-in shared by the real login and visual preview. */
.md-auth-preview .md-auth-screen label.md-auth-remember-label{
 display:flex;align-items:center;gap:9px;margin:12px 0 0;
 font-size:13px;font-weight:600;line-height:1.35;
 color:var(--md-auth-text-color,#664654);cursor:pointer;
}
.md-auth-preview .md-auth-screen input[type="checkbox"].md-auth-remember-input{
 display:inline-block;flex:0 0 17px;width:17px;height:17px;min-height:17px;
 margin:0;padding:0;border-radius:4px;
 accent-color:var(--md-auth-accent-color,#a75b82);
}
/* v0.24: skutečné testovací formuláře používají stejné globální motivy jako náhled. */
.md-auth-live .md-auth-action{display:block;width:100%;border:0;cursor:pointer;text-decoration:none;font:inherit;text-align:center;}
.md-auth-live button.md-auth-action:disabled{opacity:.55;cursor:wait}
.md-auth-live button.md-auth-quiet{background:transparent;color:var(--md-auth-title-color,#9d4b50);border:0;padding:10px;font-size:13px;font-weight:700;cursor:pointer}
.md-auth-live .md-auth-honey{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden;}
.md-auth-live #md-auth-alert{padding:12px 13px;border:1px solid #80b197;border-radius:10px;margin-bottom:12px;background:#edfdf1;color:#154b30;font-weight:600;font-size:13px;overflow-wrap:anywhere}
.md-auth-live #md-auth-alert.error{background:#fff0f0;border-color:#d99898;color:#832222}
.md-auth-live #md-auth-alert[hidden],.md-auth-live .md-auth-tabs[hidden]{display:none!important}
.md-auth-live .md-auth-action:focus-visible{outline:3px solid var(--md-auth-accent-color,#a75b82);outline-offset:3px}
.md-auth-live input:focus-visible{outline:2px solid var(--md-auth-accent-color,#a75b82);outline-offset:2px}
.md-auth-live .md-auth-providers>div{opacity:.65}

/* v0.24.1: discreet accessible show/hide icon inside password fields. */
.md-auth-preview .md-auth-password-field {
  position:relative;
  display:block;
  width:100%;
}
.md-auth-preview .md-auth-screen .md-auth-password-field input {
  display:block;
  width:100%;
  padding-right:54px;
}
.md-auth-preview .md-auth-password-toggle {
  position:absolute;
  top:50%;
  right:5px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  min-height:40px;
  padding:8px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--md-auth-text-color,#664654);
  cursor:pointer;
  opacity:.8;
  z-index:1;
  -webkit-tap-highlight-color:transparent;
}
.md-auth-preview .md-auth-password-toggle svg {
  display:block;
  width:21px;
  height:21px;
  flex:none;
  pointer-events:none;
}
.md-auth-preview .md-auth-password-toggle:hover:not(:disabled),
.md-auth-preview .md-auth-password-toggle[aria-pressed="true"] {
  background:rgba(110,90,105,.11);
  opacity:1;
}
.md-auth-preview .md-auth-password-toggle:focus-visible {
  outline:2px solid var(--md-auth-accent-color,#b65c6f);
  outline-offset:1px;
  opacity:1;
}
.md-auth-preview .md-auth-password-toggle:disabled {
  opacity:.5;
  cursor:default;
}

/* Google connection: centered button + official icon inside the existing auth design. */
.md-auth-live .md-auth-providers .md-google-form { margin:0; min-width:0; width:100%; max-width:260px; }
.md-auth-live .md-auth-providers .md-google-form .md-google-button,
.md-auth-live .md-auth-providers .md-google-disabled,
.md-auth-preview .md-google-preview {
    width:100%; min-height:47px; border:1px solid var(--md-auth-border-color,#edd6df);
    border-radius:11px; padding:10px 14px; font-size:14px; font-weight:600; line-height:1.4; font-family:inherit;
    background:var(--md-auth-field-color,#fffaf9); color:var(--md-auth-text-color,#664654);
    display:flex; align-items:center; justify-content:center; gap:10px; text-align:center;
}
.md-auth-live .md-auth-providers .md-google-form .md-google-button { cursor:pointer; }
.md-auth-live .md-auth-providers .md-google-disabled { opacity:.65;cursor:default;flex-wrap:wrap; }
.md-auth-live .md-auth-providers .md-google-disabled small { font-size:10px; }
.md-google-icon { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; }
.md-google-icon svg { display:block; width:18px; height:18px; }
.md-google-label { display:inline-block; }
.md-auth-live .md-auth-providers .md-google-form .md-google-button:hover { filter:brightness(.97); }
.md-auth-live .md-auth-providers .md-google-form .md-google-button:focus-visible,
.md-auth-live .md-google-logged-panel button:focus-visible { outline:3px solid var(--md-auth-accent-color,#b65c6f);outline-offset:2px; }
.md-auth-live .md-google-logged-panel { margin:16px 0 6px;padding:12px;border:1px solid var(--md-auth-border-color,#edd6df);border-radius:12px;text-align:center; }
.md-auth-live .md-google-logged-panel p { margin:2px 0 9px;font-size:12px;line-height:1.5; }
.md-auth-live .md-google-logged-panel .md-google-form {margin:0; max-width:none;}
.md-auth-live .md-google-logged-panel .md-google-button {cursor:pointer;padding:10px 16px;border:0;border-radius:11px;background:var(--md-auth-accent-color,#b65c6f);color:#fff;font-weight:700;width:100%;}
.md-auth-live .md-google-unlink { margin:0; }
@media (max-width:460px){
  .md-auth-providers>div,
  .md-auth-live .md-auth-providers .md-google-form { max-width:100%; }
}