/* Appland Child: lösenordsgenerator */
.appland .sk-gen { background: var(--al-yta); border: 1px solid var(--al-linje); border-radius: var(--al-radie); box-shadow: var(--al-skugga); padding: 22px; margin: 1.8em 0; }
.appland .sk-gen [hidden] { display: none !important; }
.appland .sk-gen .al-bval__knapp[aria-pressed="true"] { border-color: var(--al-bla); background: var(--al-bla-ljus); color: var(--al-bla-mork); }
.appland .sk-rad { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 12px 0; }
.appland .sk-rad label { display: inline-flex; align-items: center; gap: 6px; font-size: .95rem; }
.appland .sk-rad input[type="range"] { width: 180px; accent-color: var(--al-bla); }
.appland .sk-rad select { min-height: 40px; padding: .3em .6em; border: 1px solid var(--al-linje); border-radius: var(--al-radie-liten); font: inherit; background: #fff; }
.appland .sk-resultat { box-sizing: border-box; width: 100%; max-width: 100%; padding: .75em .9em; margin-top: 8px; border: 1px solid var(--al-linje); border-radius: var(--al-radie-liten); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 1.1rem; background: #fafbfe; color: var(--al-black); }
.appland .sk-matare { height: 8px; border-radius: 99px; background: var(--al-linje); overflow: hidden; margin: 12px 0 6px; }
.appland .sk-matare span { display: block; height: 100%; width: 0; transition: width .25s; background: #d14343; }
.appland .sk-matare.sk-ok span { background: #d99a1e; }
.appland .sk-matare.sk-stark span { background: var(--al-mint); }
.appland .sk-betyg { font-size: .9rem; color: var(--al-black); font-weight: 600; margin: 0 0 12px; }
.appland .sk-knappar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.appland .sk-knappar button { border: 0; cursor: pointer; }
.appland .sk-ny { background: var(--al-bla-ljus) !important; color: var(--al-bla-mork) !important; }
.appland .sk-klart { color: var(--al-mint); font-weight: 650; }
.appland .sk-not { font-size: .85rem; color: #5b6075; margin: 12px 0 0; }