/**
 * auth_widget.css - kleine, wegklickbare Login-Box (siehe js/auth_widget.js).
 * Kann auf jeder Seite auftauchen (Startseiten-Theme oder Admin-Oliv-Theme),
 * deshalb bewusst eigenstaendig dunkel/neutral gehalten statt eine der
 * beiden Paletten zu uebernehmen - nur der Gold-Akzent (#FFC752) ist beiden
 * Themes gemeinsam und wird hier wiederverwendet.
 */
#rick-auth-box {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    width: 260px;
    background: #1c1c1c;
    border: 2px solid #FFC752;
    border-radius: 6px;
    padding: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,.5);
    font-family: Arial, Helvetica, sans-serif;
    color: #eee;
}
#rick-auth-box h3 { margin: 0 0 8px 0; color: #FFC752; font-size: 16px; }
#rick-auth-hint { margin: 0 0 10px 0; font-size: 12px; color: #ccc; }
#rick-auth-close {
    position: absolute; top: 6px; right: 8px; background: none; border: none;
    color: #ccc; font-size: 18px; cursor: pointer; line-height: 1; padding: 4px;
}
#rick-auth-close:hover { color: #FFC752; }
#rick-auth-box input {
    display: block; width: 100%; box-sizing: border-box; margin: 0 0 8px 0;
    padding: 7px 9px; border-radius: 3px; border: 1px solid #555;
    background: #2c2c2c; color: #eee; font-size: 13px;
}
#rick-auth-box input::placeholder { color: #999; }
#rick-auth-submit {
    width: 100%; padding: 8px; border-radius: 3px; border: none;
    background: #FFC752; color: #2B3A00; font-weight: bold; cursor: pointer; font-size: 13px;
}
#rick-auth-submit:hover { background: #ed8208; color: #fff; }
#rick-auth-submit:disabled { opacity: .6; cursor: not-allowed; }
#rick-auth-error {
    background: rgba(234,110,106,.15); border: 1px solid #b80e00; color: #ff8a80;
    font-size: 12px; padding: 6px 8px; border-radius: 3px; margin-bottom: 8px;
}
/* Dialog-Variante: Seite braucht einen Login (zentriert, Hintergrund abgedunkelt) */
#rick-auth-backdrop { position: fixed; inset: 0; z-index: 99998; background: rgba(0,0,0,.6); }
#rick-auth-box.rick-auth-dialog { right: auto; bottom: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 320px; max-width: calc(100vw - 24px); padding: 22px 22px 18px; }
#rick-auth-box.rick-auth-dialog h3 { font-size: 18px; }
#rick-auth-box.rick-auth-dialog #rick-auth-hint { font-size: 13px; margin-bottom: 14px; }
[data-rick-auth-open] { margin: 0 6px 0 2px; padding: 3px 12px; border: 0; border-radius: 3px; background: #FFC752; color: #2B3A00; font-weight: bold; cursor: pointer; }
[data-rick-auth-open]:hover { background: #ed8208; color: #fff; }
@media (max-width: 480px) {
    #rick-auth-box.rick-auth-dialog { left: 12px; right: 12px; width: auto; transform: translateY(-50%); }
    #rick-auth-box { left: 12px; right: 12px; width: auto; bottom: 12px; }
}