/* 1fox8hole7.de – Zugang: PIN-Dialog, Willkommens-Pop-up, Zugangsanfrage */
.acc-dlg { margin: auto; width: min(460px, calc(100% - 2rem)); max-height: calc(100% - 2rem); overflow: auto; color: var(--text);
	background: var(--bg2); border: 1px solid var(--cyan); padding: 1.4rem; box-shadow: 0 0 40px rgba(0, 240, 255, .25); font-family: var(--mono); }
.acc-dlg::backdrop { background: rgba(0, 0, 0, .72); backdrop-filter: blur(3px); }
.acc-form { display: flex; flex-direction: column; gap: .75rem; }
.acc-form h2 { margin: 0; font-size: 1.05rem; letter-spacing: .12em; color: var(--cyan); text-transform: uppercase; }
.acc-sub { margin: 0; color: var(--muted); font-size: .85rem; line-height: 1.5; }
.acc-form label { display: flex; flex-direction: column; gap: .3rem; font-size: .72rem; letter-spacing: .12em; color: var(--muted); text-transform: uppercase; }
.acc-form input, .acc-form textarea { font: inherit; font-size: .95rem; color: var(--text); background: rgba(0, 0, 0, .35); border: 1px solid rgba(0, 240, 255, .35);
	padding: .55rem .65rem; text-transform: none; letter-spacing: normal; }
.acc-form input:focus, .acc-form textarea:focus { outline: none; border-color: var(--cyan); box-shadow: 0 0 10px rgba(0, 240, 255, .35); }
.acc-form textarea { resize: vertical; min-height: 4.5rem; }
.acc-pin { font-size: 2rem !important; letter-spacing: .6em !important; text-align: center; padding: .6rem 0 .6rem .6em !important; width: 100%; }
.acc-pin.small { font-size: 1.3rem !important; letter-spacing: .5em !important; }
.acc-count { align-self: flex-end; color: var(--muted); font-size: .7rem; letter-spacing: .05em; text-transform: none; }
.acc-msg { margin: 0; min-height: 1.2em; font-size: .85rem; color: var(--muted); }
.acc-msg.err { color: var(--red); } .acc-msg.ok { color: var(--green); }
.acc-actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; margin-top: .3rem; }
.acc-actions.col { flex-direction: column; align-items: stretch; }
.acc-actions.col .navbtn { text-align: center; padding: .7rem; }
.acc-actions button.navbtn { font: inherit; font-size: .75rem; letter-spacing: .15em; cursor: pointer; }
.navbtn.ghost { background: transparent; }
button.navbtn { font: inherit; font-size: .75rem; letter-spacing: .15em; cursor: pointer; background: transparent; }
.acc-link { color: var(--muted); font-size: .78rem; text-align: center; }
.acc-link:hover { color: var(--cyan); }
.acc-hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.acc-badge { display: inline-block; margin-left: .4rem; min-width: 1.3em; padding: 0 .3em; text-align: center; background: var(--magenta); color: #fff;
	border-radius: 1em; font-size: .7rem; letter-spacing: 0; }
.acc-tag { color: var(--yellow); letter-spacing: .1em; }
.acc-actions .navbtn:not(.ghost) { background: var(--cyan); color: var(--bg); }
.acc-actions .navbtn:not(.ghost):hover { filter: brightness(1.15); }
.acc-actions a.navbtn, .acc-actions button.navbtn { font-size: .75rem; letter-spacing: .15em; font-family: var(--mono); }

/* verleih-webhook-20261005: Hinweis nach Zugangsanfrage */
.acc-warn { display: grid; gap: .5rem; margin: .9rem 0; padding: .9rem 1rem; border: 2px solid #ffb000; background: rgba(255, 176, 0, .12); color: #ffd36b; font-size: 1.05rem; line-height: 1.4; }
.acc-warn strong { font-size: 1.15rem; color: #ffb000; letter-spacing: .02em; }
.acc-warn .navbtn { justify-self: start; }
.acc-step { border: 1px solid rgba(255, 255, 255, .15); padding: .7rem .9rem; margin: 0 0 .6rem; display: grid; gap: .5rem; }
.acc-step legend { padding: 0 .4rem; font-weight: 700; }
.acc-step2 { display: grid; gap: inherit; }
.acc-step2[hidden] { display: none; }