:root {
  --achter: #121417;
  --vlak: #1b1e23;
  --vlak2: #23272e;
  --lijn: #2f343c;
  --tekst: #eef1f4;
  --zacht: #9aa3ad;
  --accent: #35c9b4;      /* knoppen en het nummer dat nu speelt */
  --accent-donker: #0f3b36;
  --hierna: #f0b429;      /* het nummer dat hierna komt */
  --gevaar: #ef5b5b;
  --rij: 64px;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; height: 100%; background: var(--achter); color: var(--tekst);
  font: 16px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
body { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  overscroll-behavior: none; -webkit-user-select: none; user-select: none; }
[hidden] { display: none !important; }
a { color: var(--accent); }
.klein { font-size: 13px; color: var(--zacht); }

/* knoppen: groot genoeg voor een vinger */
button { font: inherit; color: inherit; cursor: pointer; }
.knop { min-height: 44px; padding: 0 16px; border-radius: 10px; border: 0; background: var(--accent); color: #062521; font-weight: 600; }
.knop.licht { background: var(--vlak2); color: var(--tekst); font-weight: 500; }
.knop.groot { min-height: 54px; padding: 0 28px; font-size: 18px; }
.knop:active, .rond:active, .rij-knop:active { filter: brightness(1.25); }
.rond { width: 56px; height: 56px; border-radius: 50%; border: 0; background: var(--accent); color: #062521; font-size: 22px; }

/* inloggen */
.login { min-height: 100%; display: grid; place-items: center; padding: 24px; }
.login-kaart { max-width: 440px; text-align: center; }
.login h1 { font-size: 44px; margin: 0 0 8px; letter-spacing: -1px; }
.login p { color: var(--zacht); }

/* indeling zoals een Automix-scherm: boven Speelt nu en Hierna, een bedieningsbalk, onder bibliotheek, nummers en wachtrij */
.app { height: 100%; display: grid; grid-template-columns: 210px minmax(0, 1.25fr) minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr); gap: 10px; padding: 10px; }
.boven { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bediening { grid-column: 1 / -1; display: flex; gap: 10px; align-items: center; background: var(--vlak); border-radius: 14px; padding: 8px 12px; }
.bediening .vul { flex: 1; }
.bibliotheek, .bronnen, .wachtrij { background: var(--vlak); border-radius: 14px; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
@media (orientation: portrait) {
  .app { grid-template-columns: 190px minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) minmax(0, 1fr); }
  .wachtrij { grid-column: 1 / -1; }
}

.deck { background: var(--vlak); border-radius: 14px; padding: 12px 16px 14px; min-width: 0; }
.deck-kop { margin: 0 0 10px; font-size: 18px; font-weight: 700; }
.deck.nu .deck-kop { color: var(--accent); }
.deck.volgt .deck-kop { color: var(--hierna); }
.deck-inhoud { display: flex; gap: 16px; align-items: center; }
.deck.volgt .hoes.groot { opacity: .9; }

.hoes { width: 48px; height: 48px; border-radius: 6px; background: var(--vlak2); object-fit: cover; flex: none; }
.hoes.groot { width: 96px; height: 96px; border-radius: 10px; }
.nu-tekst { flex: 1; min-width: 0; }
.nu-titel { font-size: 22px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nu-artiest { color: var(--zacht); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.voortgang { height: 6px; background: var(--vlak2); border-radius: 3px; margin-top: 10px; overflow: hidden; }
#nu_balk { height: 100%; width: 0; background: var(--accent); }
.tijden { display: flex; justify-content: space-between; font-size: 12px; color: var(--zacht); font-variant-numeric: tabular-nums; margin-top: 3px; }
#hierna_duur { margin-top: 8px; font-size: 14px; }

.kolom-kop { margin: 0; padding: 14px 14px 10px; font-size: 17px; border-bottom: 1px solid var(--lijn); }
.rij.lijst-rij { cursor: pointer; min-height: 46px; gap: 10px; padding: 6px 12px; border-bottom: 0; }
.lijst-rij .titel { font-weight: 500; }
.lijst-rij .lijst-icoon { color: var(--zacht); width: 18px; text-align: center; }
.lijst-rij.actief { background: var(--vlak2); border-radius: 8px; margin: 0 6px; }
.lijst-rij.actief .titel, .lijst-rij.actief .lijst-icoon { color: var(--accent); }

.bron-kop { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--lijn); }
#bron_naam { font-weight: 700; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#bron_info { white-space: nowrap; }
#zoek_veld { flex: 1; min-width: 120px; min-height: 40px; border-radius: 10px; border: 1px solid var(--lijn); background: var(--achter); color: var(--tekst);
  padding: 0 12px; font-size: 16px; -webkit-user-select: text; user-select: text; }

/* nummers als tabel: hoes, titel, artiest, album, tijd, knoppen */
.tabel-kop, .rij.tabel-rij { display: grid; grid-template-columns: 40px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) 46px auto; gap: 10px; align-items: center; }
.tabel-kop { padding: 6px 10px 6px 8px; font-size: 12px; color: var(--zacht); border-bottom: 1px solid var(--lijn); }
.rij.tabel-rij { min-height: 52px; padding: 4px 10px 4px 8px; }
.tabel-rij .hoes { width: 40px; height: 40px; }
.tabel-rij .titel, .tabel-rij .sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tabel-rij .sub { font-size: 15px; }
.rij-knoppen { display: flex; gap: 6px; }
@media (max-width: 1300px) {
  .tabel-kop, .rij.tabel-rij { grid-template-columns: 40px minmax(0, 1.3fr) minmax(0, 1fr) 46px auto; }
  .album { display: none; }
  .app { grid-template-columns: 180px minmax(0, 1fr) minmax(0, 1fr); }
  .bron-kop { flex-wrap: wrap; }
  #bron_naam { flex: 1; }
  #zoek_veld { order: 3; flex-basis: 100%; }
  .wachtrij .rij .hoes { display: none; }
  .wachtrij .rij { gap: 8px; }
  .wachtrij .rij-knop.speel .woord { display: none; }  /* alleen ▶ */
}
@media (orientation: portrait) {  /* staand: na de regel hierboven, anders wint die */
  .app { grid-template-columns: 170px minmax(0, 1fr); }
}


.wachtrij-kop { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--lijn); }
.wachtrij-kop h2 { margin: 0; font-size: 20px; }
.wachtrij-kop .klein { flex: 1; }
.leeg { color: var(--zacht); text-align: center; padding: 40px 24px; }

/* rijen: aanraken selecteert alleen, er gaat nooit iets spelen */
.lijst { list-style: none; margin: 0; padding: 4px 0; overflow-y: auto; flex: 1; -webkit-overflow-scrolling: touch; }
.rij { display: flex; align-items: center; gap: 12px; min-height: var(--rij); padding: 8px 10px 8px 6px; border-bottom: 1px solid var(--lijn); background: var(--vlak); }
.rij.gekozen { background: var(--accent-donker); }
.rij.hierna { box-shadow: inset 4px 0 0 var(--hierna); }
.rij .tekst { flex: 1; min-width: 0; }
.rij .titel { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rij .sub { font-size: 14px; color: var(--zacht); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rij .duur { font-size: 14px; color: var(--zacht); font-variant-numeric: tabular-nums; }
.rij .label-hierna { font-size: 11px; font-weight: 700; color: var(--hierna); text-transform: uppercase; letter-spacing: .05em; }
.rij-knop { min-width: 44px; min-height: 44px; border-radius: 10px; border: 0; background: var(--vlak2); color: var(--tekst); font-size: 14px; font-weight: 600; padding: 0 10px; }
.rij-knop.hierna-knop { color: var(--hierna); }
.rij-knop.speel { color: var(--accent); }
.rij-knop.weg { color: var(--zacht); font-size: 20px; }
.greep { width: 44px; min-height: 52px; display: grid; place-items: center; color: var(--zacht); font-size: 22px; touch-action: none; cursor: grab; flex: none; }

/* slepen */
.rij.sleept { position: relative; z-index: 5; background: var(--vlak2); box-shadow: 0 10px 30px rgba(0,0,0,.5); border-radius: 10px; }
.plek { height: var(--rij); border: 2px dashed var(--accent); border-radius: 10px; margin: 2px 6px; list-style: none; }

.melding { position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom)); transform: translateX(-50%); background: var(--vlak2);
  border: 1px solid var(--lijn); padding: 12px 18px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.4); max-width: 90vw; z-index: 20; }

.venster { border: 0; border-radius: 16px; background: var(--vlak); color: var(--tekst); padding: 20px; width: min(440px, 92vw); }
.venster::backdrop { background: rgba(0,0,0,.6); }
.venster h3 { margin: 0 0 10px; }
.venster-knoppen { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
.vink { display: flex; gap: 10px; align-items: center; min-height: 44px; }
.vink input { width: 22px; height: 22px; accent-color: var(--accent); }
.keuzes { list-style: none; padding: 0; margin: 0; }
.keuzes button { width: 100%; text-align: left; min-height: 52px; margin: 4px 0; border-radius: 10px; border: 1px solid var(--lijn); background: var(--vlak2); color: var(--tekst); padding: 0 14px; }
.keuzes button.actief { border-color: var(--accent); color: var(--accent); }

/* lijsten van een ander: Spotify geeft de nummers niet (development mode) */
.lijst-rij.niet-eigen { opacity: .55; }

/* ---------- stijl zoals djay Pro: systeemletter (SF Pro), tekst 15px, knoppen 17px, koppen 20px, rijen 31px, grijzen met groen ---------- */
:root { --achter:#000; --vlak:#1c1c1e; --vlak2:#2c2c2e; --lijn:#38383a; --tekst:#fff; --zacht:#8e8e93;
  --accent:#30d158; --accent-donker:#2c2c2e; --hierna:#ff9f0a; --rij: 31px; }
html, body { font-size: 15px; background: #000; }
.app { gap: 1px; padding: 0; background: #000; grid-template-rows: auto auto minmax(0, 1fr); }
.boven { gap: 1px; }
.deck, .bediening, .bibliotheek, .bronnen, .wachtrij { border-radius: 0; box-shadow: none; }
.deck { background: #1e1f21; padding: 20px 28px 22px; }
.deck-kop, .deck.nu .deck-kop, .deck.volgt .deck-kop { font-size: 20px; font-weight: 700; color: #fff; margin: 0 0 14px; }
.deck-inhoud { gap: 24px; align-items: flex-start; }
.hoes.groot { width: 116px; height: 116px; border-radius: 10px; border: 1px dashed #5a5a5e; }
.hoes.groot[src] { border: 0; }
/* velden met een klein grijs label erboven, zoals TRACK en ARTIST */
#nu_titel::before, #hierna_titel::before { content: "Nummer"; }
#nu_artiest::before, #hierna_artiest::before { content: "Artiest"; }
#nu_titel::before, #hierna_titel::before, #nu_artiest::before, #hierna_artiest::before {
  display: block; font-size: 12px; font-weight: 600; color: var(--zacht); text-transform: uppercase; letter-spacing: .02em; margin-bottom: 3px; }
.nu-titel { font-size: 17px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid var(--lijn); }
.nu-artiest { font-size: 15px; color: #fff; padding: 10px 0; border-bottom: 1px solid var(--lijn); }
.voortgang { height: 3px; margin-top: 12px; background: #3a3a3c; border-radius: 0; }
.tijden { font-size: 12px; }
#hierna_duur { font-size: 15px; color: #fff; margin-top: 10px; }

.bediening { background: #1e1f21; padding: 12px 28px; gap: 12px; }
.knop, .knop.licht, .rond { min-height: 37px; border-radius: 6px; background: #111; color: #fff; border: 1px solid #3d3d3f;
  font-size: 17px; font-weight: 600; padding: 0 20px; }
.rond { width: 76px; height: 37px; font-size: 18px; }
.knop:active, .rond:active { background: #2c2c2e; }
.bediening #knop_menu { padding: 0 12px; }

.bibliotheek { background: #1c1c1e; }
.kolom-kop { font-size: 15px; font-weight: 700; padding: 12px 16px; border-bottom: 1px solid #000; }
.rij.lijst-rij { min-height: 31px; padding: 4px 10px; margin: 0 8px; border-radius: 6px; font-size: 15px; background: transparent; }
.rij.lijst-rij .titel { font-weight: 400; }
.lijst-rij .lijst-icoon { color: #fff; }
.lijst-rij.actief { background: #48484a; margin: 0 8px; }
.lijst-rij.actief .titel, .lijst-rij.actief .lijst-icoon { color: #fff; }

.bronnen { background: #141416; }
.bron-kop { padding: 8px 16px; border-bottom: 1px solid #000; background: #1c1c1e; }
#bron_naam { font-size: 15px; font-weight: 700; flex: none; }
#bron_info { font-size: 15px; color: var(--zacht); flex: 1; }
#zoek_veld { min-height: 30px; border-radius: 6px; background: #2c2c2e; border: 0; font-size: 15px; max-width: 280px; }
.bron-kop .knop { min-height: 30px; font-size: 15px; padding: 0 12px; }
.tabel-kop { font-size: 15px; color: #fff; padding: 4px 10px 4px 8px; border-bottom: 0; }
.tabel-kop span + span { border-left: 1px solid #3a3a3c; padding-left: 6px; }
.rij.tabel-rij { min-height: 31px; padding: 0 10px 0 8px; border-bottom: 0; background: #141416; font-size: 15px; }
.rij.tabel-rij:nth-child(even) { background: #1c1c1e; }
.tabel-rij .hoes { width: 30px; height: 30px; border-radius: 0; }
.rij.tabel-rij .titel { font-weight: 400; }
.rij.tabel-rij .sub, .rij.tabel-rij .duur { font-size: 15px; color: #fff; }
.tabel-kop, .rij.tabel-rij { grid-template-columns: 30px minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) 50px auto; }
.rij-knop { min-width: 30px; min-height: 26px; border-radius: 6px; background: transparent; border: 1px solid #3a3a3c; font-size: 13px; padding: 0 8px; }

.wachtrij { background: #1c1c1e; }
.wachtrij-kop { padding: 8px 16px; border-bottom: 1px solid #000; }
.wachtrij-kop h2 { font-size: 15px; font-weight: 700; }
.wachtrij-kop .klein { font-size: 15px; }
.wachtrij-kop .knop { min-height: 30px; font-size: 15px; padding: 0 12px; }
.wachtrij .rij { min-height: 47px; padding: 0 12px 0 4px; border-bottom: 0; background: transparent; gap: 12px; }
.wachtrij .rij .hoes { width: 46px; height: 46px; border-radius: 0; }
.wachtrij .rij .titel { font-weight: 400; font-size: 15px; }
.wachtrij .rij .sub { font-size: 15px; color: var(--zacht); }
.wachtrij .rij .duur { font-size: 15px; color: var(--zacht); }
.wachtrij .rij.hierna { box-shadow: inset 3px 0 0 var(--hierna); }
.rij .label-hierna { font-size: 11px; }
.greep { width: 30px; min-height: 46px; font-size: 18px; }
.rij.gekozen { background: #2c2c2e; }

@media (max-width: 1300px) {
  .tabel-kop, .rij.tabel-rij { grid-template-columns: 30px minmax(0, 1.4fr) minmax(0, 1fr) 50px auto; }
  .app { grid-template-columns: 190px minmax(0, 1fr) minmax(0, 1fr); }
  #zoek_veld { max-width: none; }
  .wachtrij .rij .hoes { display: block; width: 40px; height: 40px; }
}
@media (orientation: portrait) {
  .app { grid-template-columns: 170px minmax(0, 1fr); }
}

a.knop { display: inline-flex; align-items: center; text-decoration: none; }
#inst_overloop, #inst_mixduur, #inst_eindemix { min-height: 37px; border-radius: 6px; background: #2c2c2e; color: #fff; border: 1px solid #3d3d3f; font-size: 15px; padding: 0 8px; margin-left: auto; }
.hoes.groot.geen, .hoes.groot.geen[src] { border: 1px dashed #5a5a5e; }

/* ---------- weergave Automix: één groot scherm (boven wat speelt, daaronder hierna en de afspeellijst) ---------- */
.am { --oranje:#ff9f0a; height: 100%; display: flex; flex-direction: column; background: #111113; color: #fff; }
.am button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
.am-kop { background: linear-gradient(180deg, #4a4a4e 0%, #38383b 55%, #2f2f32 100%); padding: 28px 24px 0; flex: none; }
.am-nu { display: flex; gap: 22px; align-items: flex-start; }
.am-hoes { width: 96px; height: 96px; border-radius: 9px; flex: none; object-fit: cover; background: #2c2c2e; box-shadow: 0 10px 30px rgba(0,0,0,.45); }
.am-hoes.geen { border: 1px dashed #6a6a6e; box-shadow: none; }
.am-nu-tekst { flex: 1; min-width: 0; padding-top: 6px; }
.am-artiest { color: #a1a1a6; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-titel-rij { display: flex; align-items: baseline; gap: 16px; }
.am-titel { font-size: 26px; font-weight: 700; letter-spacing: -.01em; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-rest { color: #c7c7cc; font-size: 18px; font-variant-numeric: tabular-nums; }
.am-balk { margin-top: 10px; height: 24px; position: relative; }
.am-spoor, .am-gedaan, .am-mix { position: absolute; top: 10px; height: 4px; border-radius: 2px; }
.am-spoor { left: 0; right: 0; background: #5a5a5e; }
.am-gedaan { left: 0; width: 0; background: linear-gradient(90deg, #ff9f0a, #ff6b0a); }
.am-mix { right: 0; background: repeating-linear-gradient(90deg, #0a84ff 0 4px, transparent 4px 7px); }
.am-kopl { position: absolute; left: 0; top: 2px; width: 3px; height: 20px; background: #ff3b30; border-radius: 2px; }
.am-tijden { display: flex; justify-content: space-between; color: #8e8e93; font-size: 12px; font-variant-numeric: tabular-nums; min-height: 15px; }
.am-bediening { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 10px 0 14px; }
.am-automix { display: flex; align-items: center; gap: 10px; color: var(--oranje) !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: .02em; justify-self: start; }
.am-automix.uit { color: #8e8e93 !important; }
.am-ico { width: 24px; height: 18px; border: 2px solid currentColor; border-radius: 3px; position: relative; }
.am-ico::after { content: ""; position: absolute; left: 7px; top: 2px; border-left: 8px solid currentColor; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.am-pijl { color: #8e8e93; font-size: 15px; }
.am-knoppen-midden { display: flex; gap: 20px; align-items: center; }
.am-rond { border-radius: 50% !important; display: grid; place-items: center; background: #2a2a2d !important; border: 2px solid #5a5a5e !important; }
.am-rond.klein { width: 50px; height: 50px; font-size: 19px !important; }
.am-rond.groot { width: 70px; height: 70px; font-size: 26px !important; background: #232326 !important; border-color: #4a4a4e !important; }
.am-rond.lijst { border-color: var(--oranje) !important; }
.am-rond:active { filter: brightness(1.3); }
.am-rechts { justify-self: end; display: flex; align-items: center; gap: 12px; }
.am-rechts .versie { color: #8e8e93; }
.am-apparaat { text-align: right; line-height: 1.2; }
.am-apparaat span { display: block; color: #8e8e93; font-size: 12px; }
.am-apparaat b { font-size: 14px; }
.am-tandwiel { width: 40px; height: 40px; border-radius: 50% !important; background: #2c2c2e !important; font-size: 16px !important; }
.am-onder { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.am-sectie { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px 6px; }
.am-sectie h3 { margin: 0; font-size: 15px; color: #c7c7cc; }
.am-info { color: #8e8e93; font-weight: 400; font-size: 13px; margin-left: 6px; }
.am-plus { width: 32px; height: 32px; border-radius: 50% !important; background: #2c2c2e !important; color: var(--oranje) !important; font-size: 22px !important; line-height: 1; }
.am-lijst { list-style: none; margin: 0; padding: 0; }
.am .rij.am-rij { display: grid; grid-template-columns: 34px minmax(0, 1.5fr) minmax(0, 1fr) 56px auto auto; gap: 14px; align-items: center;
  min-height: 40px; padding: 2px 16px; border-bottom: 0; background: #151517; font-size: 13px; }
.am .rij.am-rij:nth-child(even) { background: #1c1c1e; }
.am .rij.am-rij .hoes { width: 34px; height: 34px; border-radius: 3px; }
.am-t { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-a { color: #e5e5ea; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-d { color: #e5e5ea; font-variant-numeric: tabular-nums; text-align: right; }
.am-label { display: inline-block; font-size: 11px; font-weight: 700; color: var(--oranje); margin-right: 6px; }
.am-knoppen { display: flex; gap: 6px; }
.am .rij-knop.am-k { min-width: 30px; min-height: 26px; border-radius: 7px; background: #2c2c2e; color: #fff; font-size: 12px; font-weight: 600; padding: 0 8px; }
.am .rij-knop.am-k.hierna { color: var(--oranje); }
.am .rij-knop.am-k.speel { color: #30d158; }
.am .rij-knop.am-k.weg { color: #8e8e93; font-size: 17px; }
.am-greep { width: 26px; min-height: 34px; color: #636366; font-size: 17px; }
.am .rij.am-rij.gekozen { background: #2c2c2e; }
.am .rij.am-rij.gespeeld .am-t, .am .rij.am-rij.gespeeld .am-a, .am .rij.am-rij.gespeeld .am-d { color: #636366; }
.am .rij.am-rij.volgt { box-shadow: inset 3px 0 0 var(--oranje); }
.am-leeg { color: #8e8e93; padding: 12px 16px; font-size: 13px; }
.am-lijst-kop { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px 8px; }
.am-bron-naam { color: var(--oranje) !important; font-size: 16px !important; font-weight: 700 !important; display: flex; gap: 8px; align-items: center; }
.am-ico2 { display: flex; gap: 18px; }
.am-ico2 button { font-size: 17px !important; color: #8e8e93 !important; }
.am-ico2 button.aan { color: var(--oranje) !important; }
.am-voet { flex: none; padding: 10px 0 calc(14px + env(safe-area-inset-bottom)); display: grid; place-items: center; background: #111113; }
.am-kies { width: min(40%, 420px); height: 44px; border-radius: 22px !important; background: #2c2c2e !important; color: var(--oranje) !important; font-weight: 700 !important; font-size: 15px !important; }

/* vensters van Automix */
.am-popover, .am-paneel { border: 0; color: #fff; background: #1c1c1e; box-shadow: 0 30px 80px rgba(0,0,0,.6); font: 15px/1.3 -apple-system, BlinkMacSystemFont, sans-serif; }
.am-popover::backdrop { background: rgba(0,0,0,.25); }
.am-paneel::backdrop { background: rgba(0,0,0,.55); }
.am-popover { width: 360px; border-radius: 22px; padding: 18px; margin: 0; position: fixed; left: 24px; top: 150px; }
.am-popover.am-plusmenu { width: 300px; left: auto; right: 24px; top: 250px; padding: 8px; }
.am-popover h3 { text-align: center; margin: 0 0 14px; font-size: 18px; }
.am-stop { width: 100%; height: 50px; border: 0; border-radius: 25px; background: #ff9f0a; color: #fff; font-weight: 700; font-size: 18px; cursor: pointer; }
.am-stop.uit { background: #2c2c2e; color: #ff9f0a; }
.am-groep-kop { color: #8e8e93; font-weight: 700; font-size: 14px; margin: 14px 4px 6px; }
.am-groep { background: #2c2c2e; border-radius: 14px; }
.am-instel { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; padding: 12px 14px; font-size: 16px;
  border: 0; border-bottom: 1px solid #3a3a3c; background: none; color: #fff; text-align: left; }
.am-groep .am-instel:last-child { border-bottom: 0; }
.am-instel span { color: #8e8e93; }
.am-instel select { background: none; border: 0; color: #8e8e93; font-size: 15px; text-align: right; }
.am-instel input[type=checkbox] { width: 22px; height: 22px; accent-color: #ff9f0a; }
.knop-instel { cursor: pointer; }
.am-plusmenu .am-instel { border-bottom: 0; font-size: 17px; }
.am-paneel { width: min(640px, 92vw); height: min(78vh, 760px); border-radius: 22px; padding: 0; overflow: hidden; }
.am-paneel[open] { display: flex; flex-direction: column; }
.am-bk { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; }
.am-bk h2 { margin: 0; font-size: 19px; }
.am-x { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #2c2c2e; color: #fff; font-size: 20px; cursor: pointer; }
.am-zoekbalk { padding: 0 16px 10px; }
.am-zoekbalk input { width: 100%; min-height: 40px; border-radius: 10px; border: 0; background: #2c2c2e; color: #fff; padding: 0 12px; font-size: 16px; -webkit-user-select: text; user-select: text; }
.am-sub { display: flex; align-items: center; gap: 10px; color: #c7c7cc; font-weight: 600; padding: 4px 16px 8px; font-size: 16px; }
.am-terug { border: 0; background: #2c2c2e; color: #fff; width: 32px; height: 32px; border-radius: 50%; font-size: 18px; cursor: pointer; }
.am-bib-lijst { flex: 1; overflow-y: auto; }
.am-pl { display: flex; align-items: center; gap: 14px; padding: 8px 16px; font-size: 17px; cursor: pointer; }
.am-pl:active, .am-pl.gekozen-lijst { background: #2c2c2e; }
.am-pl.niet-eigen { opacity: .5; }
.am-pl-hoes { width: 48px !important; height: 48px !important; border-radius: 6px !important; }
.am-pl-naam { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-pl-pijl { color: #ff9f0a; }
.am-paneel .rij.am-rij { display: grid; grid-template-columns: 40px minmax(0, 1.5fr) minmax(0, 1fr) 50px auto; gap: 12px; align-items: center;
  min-height: 46px; padding: 3px 16px; background: #1c1c1e; border-bottom: 1px solid #2c2c2e; }
.am-paneel .rij.am-rij .hoes { width: 40px; height: 40px; border-radius: 3px; }
.am-paneel .rij-knop.am-k { min-width: 34px; min-height: 30px; border-radius: 8px; background: #2c2c2e; color: #fff; font-size: 13px; font-weight: 600; padding: 0 9px; border: 0; }
.am-paneel .rij-knop.am-k.hierna { color: #ff9f0a; }

@media (max-width: 1000px), (orientation: portrait) {
  .am-kop { padding: 28px 16px 0; }
  .am-hoes { width: 88px; height: 88px; }
  .am-titel { font-size: 24px; }
  .am-artiest { font-size: 16px; }
  .am-rond.klein { width: 52px; height: 52px; }
  .am-rond.groot { width: 72px; height: 72px; }
  .am-knoppen-midden { gap: 16px; }
  .am-automix { font-size: 17px !important; }
  .am-rechts .versie { display: none; }
  .am .rij.am-rij { grid-template-columns: 40px minmax(0, 1fr) 50px auto auto; }
  .am .rij.am-rij .am-a { display: none; }
}
.kolom-kop { display: flex; align-items: center; justify-content: space-between; }
.vernieuw { background: none; border: 0; color: var(--zacht); font-size: 17px; cursor: pointer; padding: 0 4px; }
.am-vernieuw { margin-left: auto; border: 0; background: #2c2c2e; color: #c7c7cc; border-radius: 14px; padding: 4px 12px; font-size: 13px; cursor: pointer; }

/* ---------- weergave Set: flessengroen, ivoor, geel voor wat speelt, rood alleen voor de afspeelkop ---------- */
.st { --laken:#10291f; --diep:#0b1f17; --rand:#1f3d31; --ivoor:#f3eedf; --mos:#94a89b; --geel:#ffcf3a; --rood:#e8412c;
  height: 100%; display: grid; grid-template-rows: auto auto auto auto minmax(0, 1fr); background: var(--laken); color: var(--ivoor);
  font-family: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif; font-size: 14px; }
.st button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.st-kopregel { display: flex; align-items: center; gap: 18px; padding: 12px 24px 0; color: var(--mos); font-size: 13px; }
.st-merk { color: var(--ivoor); font-weight: 800; font-size: 17px; letter-spacing: -.01em; }
.st-merk b { color: var(--geel); }
.st-automix { color: var(--ivoor) !important; display: flex; align-items: center; font-size: 12px !important; }
.st-automix i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--mos); margin-right: 7px; }
.st-automix i.aan { background: var(--geel); }
.st-vul { flex: 1; }
.st-kopregel { position: relative; }
.st-versie { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); line-height: 30px; color: #5f7a6c; font-size: 13px; font-variant-numeric: tabular-nums; }
.st-apparaat { color: var(--mos) !important; }
.st-tw { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--rand) !important; color: var(--mos) !important; }

.st-set { position: relative; margin: 14px 24px 0; height: 44px; display: flex; gap: 3px; }
.st-set-leeg { color: var(--mos); align-self: center; font-size: 14px; }
.st-blok { min-width: 0; height: 100%; border-radius: 5px; padding: 5px 9px; font-size: 12px; line-height: 1.25; overflow: hidden; position: relative; }
.st-blok .st-bt, .st-blok small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.st-blok small { opacity: .7; font-size: 11px; }
.st-blok.was { background: #17352a; color: #6f8a7c; }
.st-blok.nu { background: #2a4a3b; }
.st-blok.nu .st-bt, .st-blok.nu small { color: var(--ivoor); font-weight: 700; mix-blend-mode: normal; }
.st-gedaan { position: absolute; inset: 0 auto 0 0; width: 0; background: var(--geel); overflow: hidden; }
.st-binnen { padding: 5px 9px; }
.st-gedaan .st-bt, .st-gedaan small { color: var(--diep) !important; }
.st-blok.komt { border: 1.5px solid #2f5544; }
.st-blok.komt.eerst { border-color: var(--geel); }
.st-mixzone { position: absolute; top: -6px; bottom: -6px; width: 22px; background: linear-gradient(90deg, rgba(255,207,58,.55), rgba(255,207,58,0)); border-radius: 4px; pointer-events: none; }
.st-kop { position: absolute; top: -10px; bottom: -10px; width: 2px; margin-left: -1px; background: var(--rood); border-radius: 2px; pointer-events: none; }
.st-kop::before { content: ""; position: absolute; top: -5px; left: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid var(--rood); }
.st-setinfo { display: flex; justify-content: space-between; margin: 8px 24px 0; color: var(--mos); font-size: 12px; font-variant-numeric: tabular-nums; min-height: 17px; }

.st-nu { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 14px 24px; border-bottom: 1px solid var(--rand); }
.st-hoes { width: 84px; height: 84px; border-radius: 9px; object-fit: cover; background: #17352a; }
.st-hoes.geen { border: 1px dashed #3f6455; }
.st-titel { font-size: 30px; font-weight: 800; letter-spacing: -.015em; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-artiest { font-size: 16px; color: var(--mos); margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-rechts { display: flex; align-items: center; gap: 14px; }
.st-rest { font-size: 28px; font-weight: 700; font-variant-numeric: tabular-nums; margin-right: 8px; }
.st-speel { width: 58px; height: 58px; border-radius: 50% !important; background: var(--geel) !important; color: var(--diep) !important; font-size: 22px !important; }
.st-mix { height: 42px; padding: 0 18px !important; border-radius: 21px !important; border: 1.5px solid var(--geel) !important; color: var(--geel) !important; font-weight: 700 !important; font-size: 15px !important; }
.st-speel:active, .st-mix:active { filter: brightness(1.15); }

.st-onder { display: grid; grid-template-columns: 1.05fr 1fr; min-height: 0; }
.st-kol { min-height: 0; display: flex; flex-direction: column; padding-top: 12px; }
.st-links { background: var(--diep); border-left: 1px solid var(--rand); }
/* Hierna rustig: de knoppen verschijnen pas als je een rij aanraakt */
.st .rij.st-r .st-knoppen { display: none; }
.st .rij.st-r.gekozen .st-knoppen { display: flex; }
.st-lijstkop { display: flex; gap: 10px; align-items: center; margin: 0 24px 8px; }
.st-lijstkies { font-size: 15px !important; font-weight: 700 !important; white-space: nowrap; max-width: 55%; overflow: hidden; text-overflow: ellipsis; }
.st-lijstkies em { font-style: normal; color: var(--mos); font-weight: 500; }
.st-zoek { flex: 1; min-width: 0; height: 34px; border-radius: 8px; background: #12301f; border: 1px solid var(--rand); color: var(--ivoor);
  padding: 0 12px; font: inherit; font-size: 14px; -webkit-user-select: text; user-select: text; }
.st-zoek::placeholder { color: var(--mos); }
.st-h2 { margin: 0 24px 8px; font-size: 17px; font-weight: 800; letter-spacing: -.01em; }
.st-h2 span { color: var(--mos); font-size: 13px; font-weight: 500; margin-left: 8px; }
.st-lijst { list-style: none; margin: 0; padding: 0; overflow-y: auto; flex: 1; -webkit-overflow-scrolling: touch; }
.st .rij { display: grid; align-items: center; gap: 12px; padding: 6px 24px; border-bottom: 0; border-top: 1px solid rgba(255,255,255,.04); background: transparent; min-height: 44px; }
.st .rij.st-r { grid-template-columns: 22px minmax(0, 1fr) auto auto 24px; }
.st .rij.st-b { grid-template-columns: minmax(0, 1fr) auto auto; }
.st .rij.gekozen { background: #1a3a2d; }
.st .rij.st-b.volgt { box-shadow: inset 3px 0 0 var(--geel); }
.st-n { font-size: 16px; font-weight: 800; color: var(--mos); font-variant-numeric: tabular-nums; }
.st-r.eerste .st-n { color: var(--geel); }
.st-tekst { min-width: 0; }
.st-t { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-b .st-t { font-size: 15px; }
.st-a { font-size: 13px; color: var(--mos); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-bij { color: #6f8a7c; font-size: 11px; font-weight: 500; margin-left: 8px; }
.st-d { color: var(--mos); font-variant-numeric: tabular-nums; font-size: 13px; }
.st-knoppen { display: flex; gap: 8px; }
.st .rij-knop.st-k { height: 30px; min-width: 30px; padding: 0 10px; border-radius: 7px; border: 1px solid var(--rand); background: transparent; color: var(--ivoor); font-size: 13px; font-weight: 600; }
.st .rij-knop.st-k.geel { color: var(--geel); border-color: #4a5b33; }
.st-greep { width: 24px; min-height: 36px; color: #4d6b5d; font-size: 17px; }
.st-leeg { color: var(--mos); padding: 12px 24px; font-size: 13px; }

@media (max-width: 1000px), (orientation: portrait) {
  .st-kopregel { gap: 14px; padding: 12px 16px 0; flex-wrap: wrap; }
  .st-set, .st-setinfo { margin-left: 16px; margin-right: 16px; }
  .st-nu { padding: 16px; gap: 16px; }
  .st-hoes { width: 64px; height: 64px; }
  .st-titel { font-size: 24px; }
  .st-rest { font-size: 22px; }
  .st-speel { width: 52px; height: 52px; }
  .st .rij { padding: 10px 16px; }
  .st-lijstkop, .st-h2 { margin-left: 16px; margin-right: 16px; }
}
@media (orientation: portrait) {
  .st-onder { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); }
  .st-links { border-left: 0; border-top: 1px solid var(--rand); }
}

/* weergave en versie: Klassiek en Automix onderaan in het midden, Set bovenaan in het midden */
.app { position: relative; }
.kl-versie { position: absolute; bottom: calc(19px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); z-index: 2; font-size: 11px; color: var(--zacht); font-variant-numeric: tabular-nums; pointer-events: none; }
.am-voet { gap: 6px; padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important; }
.am-versie { font-size: 10px; color: #8e8e93; font-variant-numeric: tabular-nums; }

/* Automix: rechtsboven het volgende nummer uit de wachtrij */
.am-volgt { flex: none; width: 250px; margin-top: 4px; padding: 10px 12px; border-radius: 10px; background: rgba(0,0,0,.22); }
.am-volgt-kop { font-size: 12px; font-weight: 700; color: var(--oranje); margin-bottom: 6px; }
.am-volgt-rij { display: flex; gap: 10px; align-items: center; }
.am-volgt-hoes { width: 44px; height: 44px; border-radius: 5px; object-fit: cover; flex: none; background: #2c2c2e; }
.am-volgt-hoes.geen { border: 1px dashed #6a6a6e; }
.am-volgt-tekst { min-width: 0; flex: 1; }
.am-volgt-duur { flex: none; font-size: 14px; font-weight: 600; color: #e5e5ea; font-variant-numeric: tabular-nums; }
.am-volgt-titel { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-volgt-artiest { font-size: 12px; color: #a1a1a6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1000px), (orientation: portrait) { .am-volgt { width: 180px; padding: 8px; } .am-volgt-hoes { width: 36px; height: 36px; } }

/* Automix: aangeraakte rij met oranje rand, erboven een balkje met knoppen */
.am .rij.am-rij.gekozen { background: #1c1c1e; box-shadow: inset 0 0 0 2px var(--oranje, #ff9f0a); border-radius: 6px; }
.am .rij.am-rij { grid-template-columns: 40px minmax(0, 1.5fr) minmax(0, 1fr) 56px auto; cursor: pointer; }
.am-pop { position: fixed; z-index: 40; display: flex; background: #2c2c2e; border-radius: 22px; padding: 4px 6px; box-shadow: 0 8px 24px rgba(0,0,0,.5); }
.am-pop::after { content: ""; position: absolute; left: 50%; bottom: -7px; margin-left: -8px; border: 8px solid transparent; border-bottom: 0; border-top-color: #2c2c2e; }
.am-pop.onder::after { bottom: auto; top: -7px; border-top: 0; border-bottom: 8px solid #2c2c2e; }
.am-pop-k { width: 64px; height: 40px; border: 0; background: none; color: #fff; display: grid; place-items: center; cursor: pointer; border-radius: 18px; }
.am-pop-k + .am-pop-k { border-left: 1px solid #48484a; border-radius: 0; }
.am-pop-k:hover:not(:disabled) { color: #ff9f0a; }
.am-pop-k:disabled { color: #5a5a5e; cursor: default; }
@media (max-width: 1000px), (orientation: portrait) { .am .rij.am-rij { grid-template-columns: 40px minmax(0, 1fr) 50px auto; } }

/* Automix: logo bovenaan in het midden, tegelijk de knop voor de instellingen */
.am-kop { position: relative; }
.am-logo { position: absolute; left: 50%; top: 16px; transform: translateX(-50%); width: 52px; height: 52px; border-radius: 50% !important;
  display: grid; place-items: center; z-index: 2; transition: transform .15s; }
.am-logo:hover { transform: translateX(-50%) rotate(25deg); }
.am-logo:active { transform: translateX(-50%) scale(.94); }
.am-logo:focus-visible { outline: 2px solid #ff9f0a; outline-offset: 2px; }
/* slepen naar Hierna: de wachtrij licht op */
.am-lijst.doel-actief { box-shadow: inset 0 0 0 2px #ff9f0a; border-radius: 6px; }
.am .plek { list-style: none; height: 40px; margin: 2px 16px; border: 2px dashed #ff9f0a; border-radius: 6px; }

/* Automix: infovenster bij lang indrukken */
.am .rij.am-rij { -webkit-touch-callout: none; }
.am-nrinfo { position: fixed; z-index: 45; width: 340px; background: #2c2c2e; color: #fff; border-radius: 18px; padding: 14px;
  box-shadow: 0 16px 48px rgba(0,0,0,.6); font: 15px/1.3 -apple-system, BlinkMacSystemFont, sans-serif; }
.am-nrinfo-kop { display: flex; gap: 12px; align-items: center; margin-bottom: 10px; }
.am-nrinfo-hoes { width: 56px !important; height: 56px !important; border-radius: 6px !important; flex: none; }
.am-nrinfo-tekst { min-width: 0; }
.am-nrinfo-titel { font-weight: 600; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-nrinfo-artiest { color: #a1a1a6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-nrinfo-gegevens { margin-bottom: 12px; }
.am-nrinfo-r { display: flex; justify-content: space-between; gap: 12px; padding: 7px 2px; border-bottom: 1px solid #3a3a3c; font-size: 14px; }
.am-nrinfo-r span:first-child { color: #8e8e93; text-transform: uppercase; font-size: 12px; letter-spacing: .03em; }
.am-nrinfo-r span:last-child { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-nrinfo-menu { background: #3a3a3c; border-radius: 14px; overflow: hidden; margin-bottom: 12px; max-height: 260px; overflow-y: auto; }
.am-nrinfo-item { display: flex; align-items: center; gap: 14px; width: 100%; padding: 13px 16px; border: 0; background: none; color: #fff;
  font: inherit; font-size: 16px; text-align: left; cursor: pointer; }
.am-nrinfo-item + .am-nrinfo-item { border-top: 1px solid #48484a; }
.am-nrinfo-item:hover { background: #48484a; }
.am-nrinfo-item.aan { color: #ff9f0a; }
.am-nrinfo-item.terug { color: #ff9f0a; }
.am-nrinfo-leeg { padding: 14px 16px; color: #a1a1a6; }
.am-nrinfo-speel { width: 100%; height: 50px; border: 0; border-radius: 25px; background: #3a3a3c; color: #fff; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }
.am-nrinfo-speel:hover { background: #48484a; }

/* Automix: venster Toevoegen aan afspeellijst */
.am-lijstkeuze { width: 360px; padding: 10px 0 8px; }
.am-lk-kop { display: flex; align-items: center; gap: 12px; padding: 0 12px 8px; border-bottom: 1px solid #3a3a3c; }
.am-lk-plus { width: 36px; height: 36px; border-radius: 50%; border: 0; background: #3a3a3c; color: #ff9f0a; font-size: 24px; line-height: 1; cursor: pointer; }
.am-lk-titel { color: #a1a1a6; font-size: 14px; }
.am-lk-nieuw { display: flex; gap: 8px; padding: 10px 12px; border-bottom: 1px solid #3a3a3c; }
.am-lk-nieuw[hidden] { display: none; }
.am-lk-nieuw input { flex: 1; min-width: 0; height: 36px; border-radius: 8px; border: 0; background: #1c1c1e; color: #fff; padding: 0 10px; font: inherit;
  -webkit-user-select: text; user-select: text; }
.am-lk-maak { height: 36px; padding: 0 14px; border: 0; border-radius: 8px; background: #ff9f0a; color: #1c1c1e; font-weight: 700; cursor: pointer; }
.am-lk-lijst { max-height: 380px; overflow-y: auto; padding-top: 4px; }
.am-lk-item { display: flex; align-items: center; gap: 14px; width: 100%; padding: 8px 12px; border: 0; background: none; color: #fff; font: inherit;
  font-size: 17px; text-align: left; cursor: pointer; }
.am-lk-item:hover { background: #3a3a3c; }
.am-lk-ico { width: 44px; height: 44px; border-radius: 8px; background: #3a3a3c; display: grid; place-items: center; flex: none; }
.am-lk-naam { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Automix: venster Nieuwe afspeellijst (midden van het scherm) */
.am-nieuwlijst { border: 0; padding: 22px; width: min(420px, 90vw); border-radius: 22px; background: #2c2c2e; color: #fff;
  font: 15px/1.35 -apple-system, BlinkMacSystemFont, sans-serif; box-shadow: 0 20px 60px rgba(0,0,0,.6); }
.am-nieuwlijst::backdrop { background: rgba(0,0,0,.55); }
.am-nieuwlijst h3 { margin: 0 0 4px; font-size: 18px; }
.am-nieuwlijst p { margin: 0 0 16px; color: #a1a1a6; }
.am-nieuwlijst input { width: 100%; box-sizing: border-box; height: 48px; border-radius: 24px; border: 0; background: #48484a; color: #fff;
  padding: 0 18px; font: inherit; font-size: 17px; -webkit-user-select: text; user-select: text; }
.am-nieuwlijst input::placeholder { color: #a1a1a6; }
.am-nl-knoppen { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.am-nl-k { height: 48px; border: 0; border-radius: 24px; background: #48484a; color: #fff; font: inherit; font-size: 17px; font-weight: 600; cursor: pointer; }
.am-nl-k.toevoegen:not(:disabled) { background: #ff9f0a; color: #1c1c1e; }
.am-nl-k:disabled { color: #8e8e93; cursor: default; }

/* Automix: knoppen zoals djay; om de afspeelknop een ring die met het nummer vol loopt */
.am-rond { position: relative; color: #fff !important; }
.am-rond.lijst { color: #fff !important; }
.am-rond.groot { border-color: transparent !important; }
.am-ring { position: absolute; inset: -4px; width: calc(100% + 8px); height: calc(100% + 8px); transform: rotate(-90deg); pointer-events: none; }
.am-ring circle { fill: none; stroke-width: 4; }
.am-ring-spoor { stroke: #4a4a4e; }
.am-ring-voort { stroke: #8e8e93; stroke-linecap: round; stroke-dasharray: 1 1; stroke-dashoffset: 1; transition: stroke-dashoffset .25s linear; }
.am-rond.groot.speelt .am-ring-voort { stroke: #30d158; }
.am-speel-ico { position: relative; }
.am-rond.klein { background: radial-gradient(circle at 50% 35%, #2e2e31, #1c1c1e) !important; border-width: 3px !important; }
.am-rond.klein.lijst { border-color: #ff9f0a !important; }
#am_volgende { border-color: #d1d1d6 !important; }
.am-rond.groot { background: radial-gradient(circle at 50% 35%, #2c2c2f, #18181a) !important; box-shadow: 0 0 0 2px #0b0b0c, inset 0 1px 0 rgba(255,255,255,.06); }

/* Automix: tijdbalk klikbaar en sleepbaar */
.am-balk { cursor: pointer; touch-action: none; }
.am-balk:hover .am-spoor, .am-balk:hover .am-gedaan { height: 6px; top: 9px; }
.am-balk:hover .am-kopl { width: 4px; }

/* Automix: wat nu speelt groter, de artiest in hoofdletters (zoals djay) */
.am-artiest { font-size: 20px; text-transform: uppercase; letter-spacing: .02em; }
.am-titel { font-size: 34px; }
.am-rest { font-size: 22px; }
@media (max-width: 1000px), (orientation: portrait) { .am-artiest { font-size: 16px; } .am-titel { font-size: 26px; } }

/* venster Nummers kiezen (via + bij Up Next): kop in groen, zoals Select Songs in djay */
.am-paneel.kiezen .am-bk { background: #30d158; color: #0b2a14; }
.am-paneel.kiezen .am-bk h2 { color: #0b2a14; }
.am-paneel.kiezen .am-bk .am-x { background: rgba(0,0,0,.18); color: #0b2a14; }
.am-paneel.kiezen .am-zoekbalk { padding-top: 12px; }

/* ---------- venster Nummers kiezen, zoals Select Songs in djay ---------- */
.am-paneel { height: min(84vh, 820px) !important; position: relative; }
.am-paneel .am-bk h2 { flex: 1; text-align: center; }
.am-x-ruimte { width: 44px; }
.am-bib-balk { display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.am-bib-balk h3 { flex: 1; margin: 0; text-align: center; font-size: 18px; }
.am-rondje { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #3a3a3c; color: #fff; display: grid; place-items: center;
  font-size: 22px; cursor: pointer; flex: none; }
.am-rondje-ruimte { width: 44px; flex: none; }
.am-rondje-ruimte[hidden], .am-rondje[hidden] { display: none; }
.am-bib-alles { padding: 2px 16px 8px; }
.am-alles { border: 0; background: none; color: #30d158; font: inherit; font-size: 17px; font-weight: 600; padding: 0; cursor: pointer; }
.am-bib-lijst { padding-bottom: 84px; }
/* rijen met een groot hoesje, titel vet, artiest eronder, rechts duur en oranje + */
.am-kr { display: flex; align-items: center; gap: 14px; padding: 0 14px 0 0; min-height: 72px; border-bottom: 1px solid #2c2c2e; }
.am-kr:nth-child(odd) { background: #1f1f21; }
.am-kr.gespeeld { box-shadow: inset 4px 0 0 #30d158; }
.am-kr-hoes { width: 72px !important; height: 72px !important; border-radius: 0 !important; flex: none; }
.am-kr-tekst { flex: 1; min-width: 0; }
.am-kr-titel { font-weight: 700; font-size: 16px; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.am-kr-artiest { color: #c7c7cc; font-size: 15px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-kr.speelt .am-kr-titel { color: #ff9f0a; }
.am-kr-duur { color: #fff; font-size: 16px; font-variant-numeric: tabular-nums; flex: none; }
.am-kr-plus { width: 36px; height: 36px; border-radius: 50%; border: 0; background: #2c2c2e; color: #ff9f0a; font-size: 26px; line-height: 1;
  cursor: pointer; flex: none; display: grid; place-items: center; }
.am-kr-plus:active { background: #3a3a3c; }
/* zwevende keuzebalk onderaan: Afspeellijsten, History, Opgeslagen */
.am-tabs { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 4px; padding: 6px 10px;
  background: rgba(44,44,46,.92); border-radius: 30px; box-shadow: 0 8px 28px rgba(0,0,0,.55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.am-tabs[hidden] { display: none; }
.am-tabs button { border: 0; background: none; color: #fff; display: grid; justify-items: center; gap: 2px; padding: 4px 16px; font: inherit;
  font-size: 12px; cursor: pointer; border-radius: 22px; }
.am-tabs button.actief { color: #30d158; }

/* kiezen met vinkjes, Klaar (n) in de groene kop */
.am-klaar { height: 44px; padding: 0 20px; border: 0; border-radius: 22px; background: #fff; color: #0b2a14; font: inherit; font-size: 17px;
  font-weight: 700; cursor: pointer; flex: none; }
.am-klaar[hidden], .am-x-ruimte[hidden] { display: none; }
.am-kr-plus.aan { background: #ff9f0a; color: #fff; font-size: 20px; font-weight: 700; }

/* tijdbalk als golfvorm (1.023): grijs, het gespeelde deel groen met een gloed, de mixzone aan het einde blauw */
.am-balk { height: 22px; margin-top: 12px; cursor: pointer; }
.am-balk .am-spoor, .am-balk .am-gedaan, .am-balk .am-mix { display: none; }
.am-golf { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.am-golf i { width: 1px; border-radius: 1px; background: rgba(255,255,255,.2); flex: none; }
.am-golf.mix i { background: #ff9696; }  /* de kleur per streepje zet automix.js: zacht naar fel rood */
.am-golf.groen i { background: #30d158; }
.am-golf.groen { filter: drop-shadow(0 0 4px rgba(48,209,88,.65)); }
.am-balk .am-kopl { top: 0; height: 22px; width: 2px; background: #fff; box-shadow: 0 0 8px rgba(255,255,255,.8); }

/* venster Nummers kiezen (1.026): kleiner en rustiger, met de Bibliotheek als startscherm */
.am-paneel.kiezen { width: min(460px, 92vw); height: min(68vh, 620px) !important; border-radius: 18px; }
.am-paneel.kiezen .am-bk { padding: 8px 10px; }
.am-paneel.kiezen .am-bk h2 { font-size: 16px; }
.am-paneel.kiezen .am-x { width: 34px; height: 34px; font-size: 15px; }
.am-paneel.kiezen .am-klaar { height: 34px; padding: 0 14px; font-size: 15px; }
.am-paneel.kiezen .am-bib-balk { padding: 8px 10px; }
.am-paneel.kiezen .am-bib-balk h3 { font-size: 15px; }
.am-paneel.kiezen .am-rondje { width: 34px; height: 34px; }
.am-paneel.kiezen .am-rondje svg { width: 18px; height: 18px; }
.am-paneel.kiezen .am-rondje-ruimte { width: 34px; }
.am-paneel.kiezen .am-bib-lijst { padding-bottom: 70px; }
.am-paneel.kiezen .am-kr { min-height: 52px; gap: 10px; }
.am-paneel.kiezen .am-kr-hoes { width: 52px !important; height: 52px !important; }
.am-paneel.kiezen .am-kr-titel { font-size: 14px; }
.am-paneel.kiezen .am-kr-artiest { font-size: 13px; }
.am-paneel.kiezen .am-kr-duur { font-size: 13px; }
.am-paneel.kiezen .am-kr-plus { width: 30px; height: 30px; font-size: 22px; }
.am-paneel.kiezen .am-pl { padding: 6px 12px; font-size: 15px; }
.am-paneel.kiezen .am-pl-hoes { width: 40px !important; height: 40px !important; }
.am-paneel.kiezen .am-alles { font-size: 15px; }
.am-paneel.kiezen .am-tabs { bottom: 10px; padding: 4px 6px; }
.am-paneel.kiezen .am-tabs button { padding: 3px 12px; font-size: 11px; }
.am-paneel.kiezen .am-tabs svg { width: 20px; height: 20px; }
.am-bieb { display: flex; align-items: center; gap: 14px; padding: 13px 16px; font-size: 16px; cursor: pointer; }
.am-bieb:hover, .am-bieb:active { background: #2c2c2e; }
.am-bieb-ico { width: 22px; height: 22px; color: #30d158; flex: none; }
.am-bieb-naam { flex: 1; }
.am-bieb-pijl { color: #8e8e93; font-size: 20px; }

/* rode balk bovenin zolang Spotify MixiQ afremt (1.027) */
.rustbalk { position: fixed; top: 0; left: 0; right: 0; z-index: 60; background: #b3261e; color: #fff; font: 600 13px/1.35 -apple-system, BlinkMacSystemFont, sans-serif;
  text-align: center; padding: 6px 16px calc(6px); padding-top: calc(6px + env(safe-area-inset-top)); box-shadow: 0 2px 10px rgba(0,0,0,.4); }
.rustbalk[hidden] { display: none; }
.rust-aan .am-kop { padding-top: 58px; }
.rust-aan .am-logo { top: 40px; }

/* Shuffle en Herhalen bij de Automix-lijst groter (1.031) */
.am-ico2 { gap: 10px; }
.am-ico2 button { width: 44px; height: 44px; border-radius: 50% !important; display: grid; place-items: center; padding: 0; }
.am-ico2 button:hover { background: #2c2c2e !important; }
/* nummers in Up Next en de Automix-lijst 1 px groter (1.031) */
.am .am-onder .rij.am-rij { font-size: 14px; }
/* de greep ≡ om te slepen groter (1.032: 18 px, 1.033: 19 px, 1.035: 20 px) */
.am .am-greep { font-size: 20px; }
/* slepen in Automix zonder oranje ringen (1.034): de lege plek is een rustig donker vlak, geen stippellijn */
.am .plek { border: 0; background: rgba(255,255,255,.04); }
.am-lijst.doel-actief { box-shadow: none; }
.am .rij.am-rij.sleept { box-shadow: 0 10px 30px rgba(0,0,0,.5); }

/* teller van de verzoeken aan Spotify in Instellingen (1.037) */
.teller { margin: 14px 0 4px; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.05); font-size: 13px; line-height: 1.45; }
.teller b { display: block; font-size: 13px; margin-bottom: 2px; }
.teller-soorten { color: #8e8e93; font-size: 12px; }

/* nieuw logo (1.038): de groene Q als vierkant met ronde hoeken op een donkere tegel */
.am-logo { border-radius: 12px !important; width: 50px; height: 50px; }
.am-logo:hover { transform: translateX(-50%) scale(1.05); }
.login-logo { display: block; margin: 0 auto 14px; width: 132px; height: 132px; }

/* nummers die al geweest zijn of in Up Next staan, verbergen in de Automix-lijst (1.042) */
.am .rij.am-rij[hidden] { display: none; }

/* Nummers kiezen: de afgelopen 2 uur gedraaid = grijs met een labeltje (1.042) */
.am-kr.gedraaid .am-kr-titel, .am-kr.gedraaid .am-kr-artiest, .am-kr.gedraaid .am-kr-duur { color: #6e6e73; }
.am-kr.gedraaid .am-kr-hoes { opacity: .45; }
.am-kr-gedraaid { display: inline-block; margin-top: 3px; padding: 1px 7px; border-radius: 8px; background: #2c2c2e; color: #8e8e93; font-size: 11px; font-weight: 600; }

/* labeltje "uit <lijst>" achter de titel in Up Next, 1 px kleiner (1.043) */
.am-label.na { margin: 0 0 0 8px; font-size: 10px; }
/* het labeltje "uit <lijst>" alleen tonen als je op het nummer tikt (1.044) */
.am .rij.am-rij .am-label.na { display: none; }
.am .rij.am-rij.gekozen .am-label.na { display: inline-block; }

/* infolabel als je met de muis op een nummer blijft staan (1.045) */
.am-zweef { position: fixed; z-index: 44; display: flex; gap: 10px; align-items: center; max-width: 360px; padding: 8px 12px 8px 8px; border-radius: 12px;
  background: rgba(44,44,46,.97); box-shadow: 0 10px 30px rgba(0,0,0,.5); pointer-events: none; animation: am-zweef-in .15s ease-out; }
@keyframes am-zweef-in { from { opacity: 0; transform: translateY(-3px); } }
.am-zweef-hoes { width: 48px !important; height: 48px !important; border-radius: 6px !important; flex: none; }
.am-zweef-tekst { min-width: 0; line-height: 1.3; }
.am-zweef-titel { font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-zweef-artiest { color: #c7c7cc; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-zweef-klein { color: #8e8e93; font-size: 12px; }
.am-zweef-klein.oranje { color: var(--oranje, #ff9f0a); }

/* venster Nummers kiezen in het oranje van de site in plaats van groen (1.046) */
.am-paneel.kiezen .am-bk { background: #ff9f0a; color: #2a1800; }
.am-paneel.kiezen .am-bk h2 { color: #2a1800; }
.am-paneel.kiezen .am-bk .am-x { background: rgba(0,0,0,.16); color: #2a1800; }
.am-paneel .am-klaar { color: #2a1800; }
.am-alles { color: #ff9f0a; }
.am-kr.gespeeld { box-shadow: inset 4px 0 0 #ff9f0a; }
.am-tabs button.actief { color: #ff9f0a; }
.am-bieb-ico { color: #ff9f0a; }

/* ---------- extra stijl "Groen" voor Automix (1.048, lichtgroen i.p.v. goud sinds 1.052): boven donker bosgroen, onder saliegroen met hoogtelijnen,
   lichtgroen als accent, alle pop-ups in dezelfde stijl. Aan via Instellingen › Stijl (body.thema-groen). ---------- */
body.thema-groen .am { --oranje: #5f8a78; background: #4b7262 !important; }
body.thema-groen .am-kop { background-color: #22332c !important; background-image: linear-gradient(180deg, #273a32 0%, #1f2f28 100%) !important; box-shadow: 0 6px 20px rgba(0,0,0,.25); position: relative; z-index: 3; }
body.thema-groen .am-rond.groot { background: radial-gradient(circle at 50% 35%, #34493f, #22332c) !important; }
body.thema-groen .am-rond.klein { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.55) !important; }
body.thema-groen .am-rond.klein.lijst { border-color: #5f8a78 !important; color: #5f8a78 !important; background: rgba(95,138,120,.08) !important; }
body.thema-groen .am-volgt { background: rgba(255,255,255,.06) !important; }
body.thema-groen .am-artiest { color: rgba(255,255,255,.72) !important; }
body.thema-groen .am-golf i { background: rgba(255,255,255,.2); }
body.thema-groen .am-golf.groen i { background: #5f8a78; }
body.thema-groen .am-golf.groen { filter: drop-shadow(0 0 4px rgba(95,138,120,.5)); }
body.thema-groen .am-ring-voort { stroke: #5f8a78 !important; }
body.thema-groen .am-tijden { color: rgba(255,255,255,.55) !important; }
body.thema-groen .am-onder { background-color: #4b7262; background-image: var(--topo), linear-gradient(180deg, #4f7867, #466d5d); background-size: 1100px 1100px, auto; background-attachment: local; }
body.thema-groen .am .am-onder .rij.am-rij { background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.08); }
body.thema-groen .am .am-onder .rij.am-rij:nth-child(even) { background: rgba(0,0,0,.07) !important; }
body.thema-groen .am .am-onder .rij.am-rij:hover { background: rgba(0,0,0,.14) !important; }
body.thema-groen .am-onder .am-a, body.thema-groen .am-onder .am-d { color: rgba(255,255,255,.75) !important; }
body.thema-groen .am-sectie h3 { color: #fff !important; }
body.thema-groen .am-info { color: rgba(255,255,255,.6) !important; }
body.thema-groen .am-onder .am-greep { color: rgba(255,255,255,.45) !important; }
body.thema-groen .am-bron-naam { color: #5f8a78 !important; }
body.thema-groen .am-ico2 button { color: rgba(255,255,255,.65) !important; }
body.thema-groen .am-ico2 button.aan { color: #5f8a78 !important; }
body.thema-groen .am-plus { background: rgba(0,0,0,.15) !important; color: #5f8a78 !important; }
body.thema-groen .am-leeg { color: rgba(255,255,255,.65) !important; }
body.thema-groen .am .rij.am-rij.volgt { box-shadow: inset 3px 0 0 #5f8a78 !important; }
body.thema-groen .am .rij.am-rij.gekozen { box-shadow: inset 0 0 0 2px #5f8a78 !important; }
body.thema-groen .am-voet { background: #3f6253 !important; }
body.thema-groen .am-kies { background: rgba(0,0,0,.18) !important; color: #5f8a78 !important; }
body.thema-groen .am-versie { color: rgba(255,255,255,.55) !important; }
body.thema-groen .am-pop { background: #2a3f36 !important; box-shadow: 0 10px 28px rgba(0,0,0,.45) !important; }
body.thema-groen .am-pop::after { border-top-color: #2a3f36 !important; }
body.thema-groen .am-pop.onder::after { border-bottom-color: #2a3f36 !important; }
body.thema-groen .am-pop-k + .am-pop-k { border-left-color: rgba(255,255,255,.12) !important; }
body.thema-groen .am-pop-k:hover:not(:disabled) { color: #5f8a78 !important; }
body.thema-groen .am-zweef { background: rgba(34,51,44,.97) !important; border: 1px solid rgba(255,255,255,.08); }
body.thema-groen .am-zweef-klein.oranje { color: #5f8a78 !important; }
body.thema-groen .am-nrinfo { background: #2a3f36 !important; }
body.thema-groen .am-nrinfo-r { border-bottom-color: rgba(255,255,255,.1) !important; }
body.thema-groen .am-popover, body.thema-groen .am-paneel, body.thema-groen .venster, body.thema-groen .am-nieuwlijst { background: #22332c !important; color: #fff !important; }
body.thema-groen .am-popover::backdrop, body.thema-groen .am-paneel::backdrop, body.thema-groen .venster::backdrop { background: rgba(10,20,16,.55) !important; }
body.thema-groen .am-groep { background: #2f463c !important; }
body.thema-groen .am-instel { border-bottom-color: rgba(255,255,255,.08) !important; }
body.thema-groen .am-instel input[type=checkbox], body.thema-groen .venster input[type=checkbox] { accent-color: #5f8a78 !important; }
body.thema-groen .am-stop { background: #5f8a78 !important; color: #22332c !important; }
body.thema-groen .am-stop.uit { background: #2f463c !important; color: #5f8a78 !important; }
body.thema-groen .am-paneel.kiezen .am-bk { background: #5f8a78 !important; color: #22332c !important; }
body.thema-groen .am-paneel.kiezen .am-bk h2 { color: #22332c !important; }
body.thema-groen .am-paneel.kiezen .am-bk .am-x { background: rgba(0,0,0,.14) !important; color: #22332c !important; }
body.thema-groen .am-paneel .am-klaar { background: #22332c !important; color: #5f8a78 !important; }
body.thema-groen .am-rondje, body.thema-groen .am-x, body.thema-groen .am-terug { background: #2f463c !important; color: #fff !important; }
body.thema-groen .am-zoekbalk input { background: #2f463c !important; }
body.thema-groen .am-alles, body.thema-groen .am-tabs button.actief, body.thema-groen .am-bieb-ico { color: #5f8a78 !important; }
body.thema-groen .am-tabs { background: rgba(47,70,60,.95) !important; }
body.thema-groen .am-kr { border-bottom-color: rgba(255,255,255,.07) !important; }
body.thema-groen .am-kr:nth-child(odd) { background: rgba(255,255,255,.03) !important; }
body.thema-groen .am-kr-plus { background: #2f463c !important; color: #5f8a78 !important; }
body.thema-groen .am-kr-plus.aan { background: #5f8a78 !important; color: #22332c !important; }
body.thema-groen .am-bieb:hover, body.thema-groen .am-pl:active, body.thema-groen .am-pl.gekozen-lijst { background: #2f463c !important; }
body.thema-groen .am-kr-gedraaid { background: #2f463c !important; }
body.thema-groen .teller { background: rgba(255,255,255,.06) !important; }
body.thema-groen .venster .knop, body.thema-groen .venster button.knop { background: #2f463c; color: #fff; }
body.thema-groen .am { --topo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221100%22%20height%3D%221100%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.05%22%20stroke-width%3D%221.1%22%3E%3Cpath%20d%3D%22M480%20620%20L481%20617%20L483%20615%20L485%20613%20L486%20612%20L487%20610%20L487%20608%20L487%20606%20L487%20603%20L488%20600%20L490%20597%20L492%20596%20L495%20595%20L497%20596%20L500%20596%20L503%20597%20L505%20597%20L508%20598%20L510%20600%20L512%20602%20L514%20605%20L515%20607%20L515%20610%20L515%20613%20L515%20615%20L515%20618%20L514%20620%20L513%20623%20L511%20624%20L509%20625%20L507%20626%20L505%20626%20L504%20627%20L502%20629%20L501%20632%20L499%20634%20L496%20637%20L493%20638%20L490%20638%20L487%20637%20L484%20635%20L482%20632%20L481%20629%20L480%20626%20L480%20623%20L480%20620Z%22/%3E%3Cpath%20d%3D%22M469%20623%20L471%20618%20L475%20614%20L478%20612%20L479%20609%20L480%20606%20L479%20602%20L478%20597%20L478%20591%20L480%20586%20L483%20582%20L488%20580%20L492%20579%20L497%20579%20L502%20580%20L507%20581%20L512%20582%20L516%20585%20L520%20588%20L522%20593%20L524%20597%20L525%20602%20L525%20607%20L526%20611%20L527%20615%20L527%20620%20L526%20624%20L524%20628%20L521%20630%20L517%20632%20L514%20634%20L511%20635%20L509%20638%20L507%20642%20L504%20646%20L500%20651%20L495%20654%20L490%20656%20L484%20655%20L479%20652%20L475%20648%20L471%20644%20L469%20639%20L467%20634%20L467%20628%20L469%20623Z%22/%3E%3Cpath%20d%3D%22M457%20626%20L462%20619%20L466%20614%20L469%20610%20L470%20606%20L469%20601%20L467%20594%20L466%20585%20L466%20576%20L470%20569%20L475%20563%20L482%20560%20L490%20558%20L497%20558%20L505%20559%20L512%20561%20L519%20564%20L525%20569%20L530%20576%20L532%20583%20L534%20591%20L535%20597%20L537%20603%20L539%20609%20L541%20615%20L542%20621%20L541%20628%20L538%20634%20L533%20638%20L528%20641%20L523%20644%20L520%20648%20L516%20653%20L513%20659%20L508%20666%20L502%20672%20L494%20675%20L486%20676%20L478%20673%20L471%20669%20L464%20664%20L459%20657%20L455%20650%20L453%20642%20L454%20633%20L457%20626Z%22/%3E%3Cpath%20d%3D%22M452%20627%20L457%20619%20L462%20614%20L464%20609%20L463%20603%20L460%20596%20L456%20586%20L455%20575%20L457%20564%20L462%20555%20L469%20549%20L478%20545%20L487%20543%20L497%20543%20L507%20544%20L516%20547%20L524%20553%20L530%20561%20L534%20570%20L537%20579%20L538%20588%20L540%20595%20L543%20601%20L547%20608%20L550%20615%20L552%20623%20L551%20631%20L547%20638%20L542%20643%20L536%20648%20L531%20653%20L527%20659%20L523%20666%20L518%20675%20L511%20682%20L503%20687%20L493%20689%20L483%20688%20L474%20684%20L466%20679%20L458%20673%20L451%20665%20L447%20657%20L446%20646%20L447%20636%20L452%20627Z%22/%3E%3Cpath%20d%3D%22M433%20631%20L440%20621%20L444%20613%20L444%20605%20L440%20595%20L434%20582%20L429%20566%20L428%20549%20L433%20534%20L441%20521%20L453%20512%20L467%20505%20L482%20502%20L497%20501%20L512%20504%20L526%20511%20L537%20523%20L544%20537%20L549%20552%20L551%20566%20L554%20577%20L558%20586%20L565%20594%20L573%20603%20L579%20614%20L581%20627%20L579%20639%20L574%20650%20L567%20659%20L560%20668%20L553%20677%20L548%20688%20L540%20700%20L531%20711%20L519%20720%20L506%20724%20L491%20724%20L477%20721%20L463%20716%20L450%20709%20L439%20701%20L429%20689%20L423%20676%20L423%20660%20L426%20645%20L433%20631Z%22/%3E%3Cpath%20d%3D%22M428%20633%20L433%20622%20L434%20612%20L430%20602%20L423%20589%20L416%20572%20L412%20554%20L413%20535%20L420%20518%20L431%20504%20L445%20493%20L461%20485%20L479%20481%20L497%20481%20L514%20487%20L529%20498%20L540%20515%20L547%20533%20L551%20550%20L554%20564%20L558%20574%20L566%20582%20L576%20590%20L586%20601%20L594%20614%20L596%20629%20L594%20643%20L588%20656%20L582%20668%20L575%20680%20L568%20694%20L561%20708%20L551%20721%20L538%20731%20L523%20737%20L507%20739%20L490%20737%20L475%20733%20L459%20727%20L445%20721%20L431%20711%20L421%20698%20L416%20682%20L416%20664%20L421%20647%20L428%20633Z%22/%3E%3Cpath%20d%3D%22M434%20631%20L436%20621%20L433%20612%20L427%20601%20L420%20588%20L414%20571%20L412%20554%20L415%20537%20L423%20522%20L434%20509%20L448%20498%20L463%20491%20L480%20487%20L497%20489%20L513%20497%20L526%20511%20L534%20529%20L539%20546%20L542%20560%20L546%20571%20L552%20578%20L562%20584%20L573%20591%20L583%20602%20L590%20614%20L592%20628%20L590%20642%20L586%20655%20L582%20668%20L576%20682%20L570%20695%20L561%20708%20L550%20718%20L536%20725%20L521%20727%20L506%20726%20L491%20723%20L477%20720%20L463%20716%20L450%20711%20L437%20702%20L429%20690%20L425%20675%20L426%20658%20L430%20643%20L434%20631Z%22/%3E%3Cpath%20d%3D%22M399%20640%20L396%20625%20L388%20610%20L376%20591%20L366%20568%20L360%20543%20L361%20517%20L369%20492%20L382%20469%20L399%20450%20L420%20433%20L444%20422%20L470%20418%20L496%20425%20L520%20442%20L537%20467%20L549%20495%20L555%20519%20L560%20538%20L569%20550%20L582%20557%20L599%20565%20L618%20577%20L633%20593%20L643%20613%20L647%20635%20L646%20657%20L642%20680%20L636%20702%20L628%20725%20L617%20747%20L600%20764%20L579%20776%20L555%20780%20L532%20779%20L509%20776%20L488%20772%20L468%20769%20L446%20765%20L426%20758%20L408%20744%20L396%20725%20L391%20701%20L393%20678%20L397%20657%20L399%20640Z%22/%3E%3Cpath%20d%3D%22M1056%20732%20L1053%20731%20L1049%20730%20L1046%20728%20L1044%20725%20L1041%20723%20L1039%20721%20L1037%20719%20L1035%20716%20L1033%20714%20L1033%20711%20L1034%20709%20L1037%20708%20L1041%20708%20L1045%20709%20L1048%20709%20L1051%20709%20L1053%20709%20L1054%20709%20L1056%20708%20L1058%20707%20L1061%20707%20L1064%20707%20L1068%20707%20L1072%20708%20L1076%20709%20L1081%20711%20L1085%20713%20L1088%20716%20L1089%20719%20L1088%20721%20L1086%20723%20L1084%20725%20L1081%20726%20L1080%20727%20L1079%20728%20L1078%20729%20L1077%20731%20L1076%20732%20L1074%20732%20L1071%20733%20L1069%20733%20L1066%20733%20L1063%20733%20L1060%20732%20L1056%20732Z%22/%3E%3Cpath%20d%3D%22M1051%20747%20L1043%20744%20L1037%20740%20L1031%20736%20L1027%20731%20L1023%20727%20L1018%20723%20L1013%20718%20L1009%20714%20L1007%20709%20L1007%20704%20L1011%20701%20L1017%20699%20L1024%20699%20L1030%20699%20L1036%20700%20L1040%20699%20L1043%20698%20L1046%20697%20L1050%20695%20L1055%20694%20L1061%20694%20L1067%20694%20L1075%20694%20L1083%20696%20L1092%20698%20L1101%20702%20L1109%20706%20L1113%20712%20L1114%20718%20L1112%20723%20L1107%20726%20L1102%20729%20L1098%20731%20L1096%20733%20L1094%20736%20L1094%20738%20L1092%20741%20L1089%20743%20L1086%20745%20L1081%20746%20L1076%20747%20L1071%20747%20L1065%20748%20L1058%20748%20L1051%20747Z%22/%3E%3Cpath%20d%3D%22M1046%20758%20L1037%20754%20L1028%20748%20L1022%20741%20L1016%20735%20L1011%20729%20L1005%20724%20L998%20718%20L994%20712%20L991%20706%20L993%20700%20L998%20697%20L1006%20695%20L1014%20694%20L1021%20693%20L1026%20692%20L1031%20691%20L1035%20688%20L1040%20686%20L1045%20685%20L1053%20684%20L1061%20684%20L1070%20684%20L1080%20684%20L1092%20686%20L1104%20690%20L1116%20695%20L1125%20702%20L1129%20710%20L1129%20717%20L1124%20724%20L1118%20728%20L1112%20731%20L1108%20734%20L1106%20737%20L1105%20741%20L1104%20744%20L1102%20748%20L1098%20751%20L1094%20753%20L1089%20756%20L1083%20758%20L1076%20760%20L1067%20761%20L1057%20761%20L1046%20758Z%22/%3E%3Cpath%20d%3D%22M1040%20776%20L1026%20768%20L1015%20759%20L1007%20749%20L1000%20741%20L992%20733%20L983%20726%20L975%20717%20L970%20709%20L968%20701%20L972%20695%20L979%20690%20L988%20687%20L996%20684%20L1003%20682%20L1009%20679%20L1014%20675%20L1021%20672%20L1028%20669%20L1038%20668%20L1048%20667%20L1060%20667%20L1074%20667%20L1089%20668%20L1106%20671%20L1124%20676%20L1139%20685%20L1149%20696%20L1152%20707%20L1149%20717%20L1142%20725%20L1135%20731%20L1128%20735%20L1125%20739%20L1123%20744%20L1122%20749%20L1121%20754%20L1118%20759%20L1114%20764%20L1108%20769%20L1102%20773%20L1094%20778%20L1083%20782%20L1070%20784%20L1055%20782%20L1040%20776Z%22/%3E%3Cpath%20d%3D%22M1037%20783%20L1023%20772%20L1012%20761%20L1004%20751%20L996%20742%20L987%20734%20L978%20726%20L970%20717%20L966%20709%20L966%20701%20L970%20694%20L976%20689%20L983%20685%20L989%20680%20L994%20676%20L998%20671%20L1005%20666%20L1013%20663%20L1023%20661%20L1034%20660%20L1047%20660%20L1060%20660%20L1075%20660%20L1093%20661%20L1112%20664%20L1130%20672%20L1145%20682%20L1153%20694%20L1155%20706%20L1151%20717%20L1144%20725%20L1137%20731%20L1132%20736%20L1130%20741%20L1129%20747%20L1129%20752%20L1127%20758%20L1124%20764%20L1120%20770%20L1116%20776%20L1110%20783%20L1100%20790%20L1088%20794%20L1071%20795%20L1054%20791%20L1037%20783Z%22/%3E%3Cpath%20d%3D%22M268%20324%20L266%20327%20L265%20329%20L264%20331%20L264%20333%20L264%20336%20L263%20340%20L263%20343%20L262%20347%20L260%20350%20L259%20352%20L257%20355%20L255%20357%20L253%20358%20L250%20357%20L248%20355%20L247%20351%20L247%20345%20L247%20340%20L247%20335%20L248%20331%20L248%20328%20L248%20325%20L247%20322%20L247%20319%20L247%20315%20L248%20312%20L248%20309%20L249%20306%20L250%20304%20L251%20301%20L253%20298%20L254%20295%20L256%20294%20L258%20293%20L260%20294%20L261%20296%20L263%20298%20L265%20299%20L266%20301%20L268%20304%20L269%20307%20L270%20311%20L270%20315%20L269%20320%20L268%20324Z%22/%3E%3Cpath%20d%3D%22M276%20324%20L273%20329%20L272%20333%20L271%20338%20L271%20343%20L270%20349%20L269%20355%20L268%20361%20L266%20367%20L263%20373%20L261%20378%20L257%20383%20L253%20387%20L249%20388%20L245%20386%20L242%20380%20L240%20371%20L239%20360%20L240%20350%20L241%20342%20L241%20336%20L241%20331%20L241%20326%20L240%20321%20L239%20315%20L239%20309%20L240%20303%20L241%20297%20L242%20291%20L244%20284%20L246%20278%20L249%20272%20L252%20268%20L255%20266%20L259%20267%20L262%20270%20L265%20274%20L268%20277%20L271%20281%20L274%20284%20L276%20288%20L279%20294%20L280%20302%20L279%20310%20L278%20317%20L276%20324Z%22/%3E%3Cpath%20d%3D%22M282%20324%20L280%20331%20L279%20338%20L279%20346%20L278%20354%20L277%20363%20L275%20371%20L273%20380%20L270%20388%20L266%20396%20L262%20404%20L257%20412%20L251%20417%20L245%20417%20L240%20411%20L236%20400%20L234%20386%20L234%20371%20L235%20358%20L236%20348%20L236%20340%20L235%20334%20L234%20327%20L233%20319%20L232%20311%20L232%20303%20L233%20294%20L234%20284%20L235%20274%20L237%20263%20L240%20253%20L244%20245%20L249%20241%20L254%20241%20L259%20244%20L264%20250%20L268%20255%20L272%20260%20L276%20264%20L280%20269%20L284%20275%20L286%20284%20L287%20294%20L286%20305%20L284%20315%20L282%20324Z%22/%3E%3Cpath%20d%3D%22M290%20324%20L289%20334%20L289%20345%20L289%20356%20L288%20368%20L286%20379%20L283%20390%20L279%20401%20L275%20412%20L270%20423%20L264%20435%20L257%20444%20L249%20449%20L242%20446%20L235%20436%20L231%20419%20L229%20400%20L229%20381%20L230%20366%20L230%20354%20L230%20345%20L228%20337%20L226%20328%20L225%20318%20L224%20307%20L223%20295%20L223%20282%20L224%20268%20L225%20252%20L228%20236%20L233%20223%20L239%20214%20L246%20211%20L253%20214%20L260%20221%20L266%20229%20L271%20236%20L276%20242%20L281%20247%20L286%20253%20L291%20262%20L294%20274%20L294%20287%20L293%20301%20L292%20313%20L290%20324Z%22/%3E%3Cpath%20d%3D%22M85%20866%20L83%20867%20L81%20867%20L78%20867%20L76%20866%20L74%20863%20L72%20860%20L71%20856%20L70%20853%20L70%20851%20L69%20849%20L67%20847%20L66%20845%20L64%20842%20L63%20839%20L62%20836%20L61%20832%20L61%20828%20L61%20825%20L61%20821%20L62%20817%20L64%20815%20L67%20814%20L70%20816%20L73%20819%20L75%20822%20L77%20826%20L79%20828%20L80%20830%20L82%20831%20L84%20832%20L85%20833%20L87%20835%20L89%20837%20L90%20840%20L91%20842%20L92%20846%20L93%20849%20L94%20853%20L94%20856%20L94%20859%20L92%20862%20L90%20863%20L88%20864%20L86%20865%20L85%20866Z%22/%3E%3Cpath%20d%3D%22M90%20881%20L87%20883%20L83%20884%20L79%20883%20L75%20881%20L72%20876%20L69%20871%20L67%20865%20L65%20861%20L63%20857%20L61%20854%20L58%20850%20L56%20846%20L54%20841%20L52%20836%20L50%20830%20L49%20824%20L48%20817%20L48%20810%20L48%20803%20L51%20798%20L54%20795%20L60%20795%20L65%20799%20L70%20804%20L74%20810%20L77%20815%20L80%20818%20L82%20820%20L85%20821%20L88%20823%20L91%20825%20L94%20829%20L97%20832%20L100%20837%20L103%20842%20L106%20848%20L108%20854%20L109%20861%20L109%20867%20L107%20872%20L103%20875%20L100%20877%20L96%20878%20L93%20880%20L90%20881Z%22/%3E%3Cpath%20d%3D%22M96%20900%20L91%20903%20L86%20904%20L80%20902%20L74%20897%20L69%20891%20L65%20884%20L62%20877%20L58%20872%20L54%20867%20L50%20861%20L45%20855%20L42%20848%20L39%20840%20L36%20832%20L34%20822%20L32%20813%20L30%20802%20L30%20790%20L32%20780%20L36%20773%20L43%20771%20L52%20774%20L60%20780%20L67%20789%20L73%20797%20L77%20802%20L81%20806%20L85%20808%20L90%20809%20L94%20812%20L99%20815%20L104%20820%20L109%20826%20L115%20833%20L120%20842%20L125%20851%20L128%20862%20L129%20873%20L127%20881%20L122%20888%20L116%20891%20L110%20893%20L105%20895%20L100%20897%20L96%20900Z%22/%3E%3Cpath%20d%3D%22M103%20923%20L96%20926%20L89%20926%20L81%20923%20L73%20916%20L67%20908%20L60%20901%20L54%20894%20L48%20887%20L41%20881%20L34%20872%20L28%20862%20L23%20851%20L20%20839%20L17%20826%20L14%20813%20L11%20798%20L9%20782%20L9%20767%20L13%20754%20L20%20746%20L31%20746%20L43%20751%20L55%20761%20L64%20772%20L71%20780%20L77%20786%20L83%20789%20L89%20791%20L95%20794%20L102%20797%20L109%20803%20L117%20809%20L126%20818%20L135%20828%20L144%20841%20L151%20856%20L154%20872%20L154%20887%20L148%20898%20L140%20906%20L131%20909%20L122%20912%20L115%20914%20L109%20918%20L103%20923Z%22/%3E%3Cpath%20d%3D%22M106%20931%20L98%20933%20L90%20933%20L81%20929%20L73%20923%20L65%20917%20L57%20911%20L49%20905%20L40%20899%20L31%20890%20L24%20879%20L18%20866%20L13%20852%20L10%20838%20L7%20823%20L3%20808%20L-0%20791%20L-2%20773%20L-1%20756%20L5%20744%20L15%20738%20L28%20740%20L42%20747%20L53%20757%20L63%20766%20L71%20773%20L77%20777%20L84%20779%20L91%20782%20L99%20785%20L107%20790%20L115%20795%20L125%20802%20L137%20812%20L148%20824%20L159%20840%20L166%20859%20L168%20877%20L165%20893%20L157%20905%20L146%20911%20L135%20915%20L126%20918%20L119%20921%20L112%20926%20L106%20931Z%22/%3E%3Cpath%20d%3D%22M613%20235%20L610%20233%20L608%20230%20L606%20227%20L605%20224%20L604%20222%20L604%20219%20L605%20217%20L606%20215%20L608%20214%20L610%20213%20L612%20212%20L612%20211%20L612%20209%20L612%20206%20L612%20203%20L613%20200%20L615%20197%20L618%20196%20L621%20197%20L625%20198%20L628%20200%20L631%20202%20L634%20204%20L636%20206%20L637%20209%20L638%20212%20L639%20214%20L638%20217%20L638%20219%20L638%20220%20L639%20222%20L639%20225%20L640%20227%20L640%20229%20L639%20231%20L637%20232%20L634%20233%20L632%20233%20L630%20234%20L628%20234%20L625%20236%20L623%20237%20L619%20237%20L616%20237%20L613%20235Z%22/%3E%3Cpath%20d%3D%22M606%20247%20L601%20242%20L598%20238%20L595%20233%20L593%20229%20L591%20224%20L591%20220%20L593%20216%20L595%20213%20L599%20211%20L601%20209%20L603%20207%20L603%20204%20L602%20199%20L601%20194%20L602%20188%20L604%20183%20L609%20180%20L614%20179%20L620%20180%20L627%20182%20L632%20186%20L637%20189%20L642%20193%20L645%20198%20L647%20203%20L648%20207%20L648%20212%20L647%20216%20L648%20219%20L649%20222%20L651%20225%20L653%20230%20L654%20234%20L653%20238%20L651%20241%20L648%20244%20L644%20245%20L640%20246%20L636%20247%20L632%20249%20L627%20251%20L622%20252%20L617%20252%20L611%20250%20L606%20247Z%22/%3E%3Cpath%20d%3D%22M600%20256%20L594%20250%20L589%20244%20L585%20239%20L582%20233%20L580%20226%20L580%20220%20L582%20215%20L586%20211%20L590%20208%20L592%20205%20L593%20201%20L592%20196%20L590%20188%20L589%20180%20L591%20173%20L595%20167%20L602%20163%20L611%20163%20L619%20164%20L628%20168%20L636%20172%20L643%20177%20L649%20184%20L653%20191%20L655%20198%20L655%20204%20L655%20210%20L654%20215%20L656%20219%20L659%20223%20L663%20229%20L667%20235%20L669%20242%20L668%20248%20L665%20252%20L659%20255%20L654%20258%20L648%20260%20L643%20262%20L637%20265%20L630%20266%20L622%20266%20L614%20265%20L607%20261%20L600%20256Z%22/%3E%3Cpath%20d%3D%22M589%20274%20L580%20266%20L572%20258%20L565%20249%20L559%20240%20L555%20231%20L556%20222%20L560%20213%20L565%20207%20L570%20201%20L572%20196%20L570%20188%20L567%20178%20L565%20166%20L565%20153%20L569%20142%20L578%20134%20L590%20130%20L604%20130%20L617%20133%20L631%20138%20L644%20145%20L654%20154%20L663%20165%20L668%20177%20L669%20188%20L669%20198%20L668%20206%20L670%20213%20L675%20219%20L683%20227%20L691%20236%20L697%20247%20L700%20257%20L697%20267%20L692%20274%20L684%20280%20L675%20284%20L666%20288%20L656%20292%20L646%20296%20L634%20296%20L622%20294%20L609%20289%20L599%20282%20L589%20274Z%22/%3E%3Cpath%20d%3D%22M590%20272%20L581%20265%20L572%20258%20L564%20250%20L557%20241%20L554%20231%20L555%20222%20L559%20213%20L563%20206%20L565%20200%20L565%20193%20L562%20183%20L558%20171%20L557%20159%20L559%20146%20L566%20137%20L576%20130%20L589%20128%20L603%20128%20L617%20131%20L631%20136%20L644%20144%20L655%20154%20L662%20166%20L666%20179%20L666%20190%20L666%20200%20L667%20207%20L671%20213%20L679%20219%20L689%20228%20L699%20238%20L705%20249%20L706%20261%20L703%20270%20L697%20278%20L689%20285%20L680%20290%20L670%20295%20L659%20299%20L647%20300%20L634%20299%20L622%20294%20L610%20287%20L600%20279%20L590%20272Z%22/%3E%3Cpath%20d%3D%22M635%20506%20L634%20508%20L632%20509%20L629%20510%20L627%20511%20L624%20511%20L621%20511%20L618%20511%20L615%20511%20L612%20510%20L609%20508%20L607%20505%20L606%20502%20L605%20499%20L605%20497%20L605%20495%20L604%20494%20L602%20492%20L599%20490%20L597%20488%20L595%20485%20L594%20482%20L594%20479%20L595%20476%20L596%20474%20L598%20472%20L600%20470%20L603%20470%20L607%20471%20L611%20473%20L614%20475%20L616%20478%20L618%20481%20L620%20482%20L622%20484%20L624%20484%20L627%20485%20L629%20487%20L631%20489%20L633%20491%20L634%20493%20L634%20496%20L635%20498%20L635%20500%20L635%20503%20L635%20506Z%22/%3E%3Cpath%20d%3D%22M657%20521%20L653%20524%20L648%20526%20L643%20527%20L637%20528%20L632%20528%20L627%20529%20L621%20529%20L615%20528%20L609%20526%20L604%20522%20L600%20517%20L598%20511%20L596%20506%20L595%20502%20L593%20499%20L589%20496%20L585%20492%20L580%20488%20L576%20483%20L573%20477%20L572%20471%20L572%20465%20L573%20460%20L575%20455%20L579%20451%20L585%20448%20L592%20448%20L599%20451%20L607%20456%20L613%20462%20L617%20467%20L621%20471%20L624%20474%20L628%20475%20L633%20476%20L638%20478%20L644%20481%20L648%20485%20L651%20490%20L654%20495%20L656%20500%20L657%20505%20L658%20510%20L658%20516%20L657%20521Z%22/%3E%3Cpath%20d%3D%22M680%20537%20L673%20541%20L664%20543%20L655%20543%20L647%20544%20L640%20545%20L632%20546%20L624%20547%20L615%20546%20L607%20542%20L599%20535%20L593%20528%20L589%20520%20L586%20514%20L582%20508%20L577%20503%20L571%20498%20L563%20492%20L557%20485%20L552%20477%20L549%20468%20L547%20459%20L547%20451%20L549%20442%20L553%20434%20L559%20428%20L569%20426%20L580%20427%20L592%20433%20L603%20441%20L612%20450%20L618%20457%20L623%20462%20L629%20464%20L636%20465%20L643%20467%20L652%20470%20L660%20475%20L667%20481%20L672%20488%20L677%20496%20L682%20504%20L685%20513%20L687%20522%20L685%20530%20L680%20537Z%22/%3E%3Cpath%20d%3D%22M694%20546%20L683%20549%20L671%20550%20L661%20550%20L652%20551%20L644%20553%20L635%20555%20L626%20556%20L615%20554%20L605%20549%20L597%20542%20L590%20534%20L584%20526%20L579%20519%20L572%20513%20L564%20507%20L555%20501%20L547%20492%20L541%20483%20L536%20473%20L533%20463%20L532%20452%20L532%20441%20L534%20430%20L539%20421%20L548%20415%20L561%20414%20L575%20418%20L590%20426%20L602%20436%20L611%20446%20L619%20452%20L625%20456%20L632%20457%20L641%20458%20L651%20460%20L661%20464%20L671%20471%20L680%20478%20L688%20487%20L695%20497%20L702%20508%20L706%20519%20L706%20530%20L702%20540%20L694%20546Z%22/%3E%3Cpath%20d%3D%22M721%20564%20L704%20567%20L688%20567%20L674%20568%20L663%20570%20L653%20574%20L642%20577%20L629%20578%20L615%20575%20L602%20568%20L590%20559%20L580%20549%20L571%20540%20L560%20533%20L549%20525%20L536%20516%20L525%20505%20L515%20492%20L508%20479%20L504%20465%20L501%20451%20L499%20436%20L499%20421%20L502%20406%20L510%20395%20L525%20389%20L543%20389%20L564%20397%20L583%20409%20L599%20422%20L610%20432%20L620%20438%20L629%20441%20L640%20441%20L653%20443%20L667%20446%20L681%20452%20L695%20461%20L708%20472%20L722%20485%20L734%20499%20L743%20516%20L748%20532%20L745%20547%20L736%20558%20L721%20564Z%22/%3E%3Cpath%20d%3D%22M2%20206%20L2%20204%20L3%20202%20L5%20200%20L7%20199%20L9%20198%20L11%20196%20L13%20195%20L14%20194%20L16%20192%20L18%20191%20L21%20190%20L23%20189%20L26%20189%20L30%20189%20L33%20189%20L37%20189%20L40%20190%20L43%20193%20L44%20196%20L44%20199%20L42%20202%20L40%20205%20L37%20207%20L35%20208%20L34%20210%20L33%20211%20L33%20213%20L33%20215%20L32%20217%20L30%20219%20L29%20221%20L27%20222%20L24%20224%20L21%20225%20L18%20226%20L14%20226%20L11%20225%20L9%20223%20L7%20220%20L6%20217%20L5%20215%20L5%20213%20L4%20211%20L3%20209%20L2%20206Z%22/%3E%3Cpath%20d%3D%22M-13%20206%20L-12%20202%20L-10%20199%20L-7%20195%20L-4%20193%20L-1%20190%20L1%20187%20L4%20184%20L7%20181%20L11%20178%20L15%20176%20L20%20175%20L25%20174%20L30%20174%20L36%20174%20L43%20174%20L49%20175%20L55%20178%20L59%20182%20L60%20188%20L59%20194%20L56%20199%20L52%20204%20L48%20207%20L45%20210%20L44%20213%20L44%20216%20L43%20219%20L42%20223%20L41%20226%20L38%20230%20L35%20234%20L31%20238%20L26%20241%20L21%20244%20L14%20245%20L8%20244%20L2%20241%20L-2%20236%20L-4%20231%20L-5%20226%20L-6%20221%20L-8%20218%20L-10%20214%20L-12%20210%20L-13%20206Z%22/%3E%3Cpath%20d%3D%22M-25%20207%20L-24%20201%20L-22%20196%20L-19%20191%20L-16%20187%20L-13%20182%20L-10%20176%20L-7%20171%20L-2%20167%20L5%20163%20L12%20161%20L19%20160%20L27%20160%20L35%20159%20L43%20159%20L52%20159%20L61%20161%20L69%20166%20L73%20173%20L74%20181%20L71%20190%20L66%20197%20L62%20203%20L58%20208%20L56%20212%20L55%20216%20L55%20221%20L54%20226%20L53%20231%20L50%20236%20L47%20242%20L42%20248%20L37%20255%20L29%20261%20L20%20264%20L10%20265%20L1%20262%20L-6%20255%20L-10%20248%20L-13%20240%20L-15%20233%20L-16%20227%20L-19%20222%20L-22%20217%20L-24%20212%20L-25%20207Z%22/%3E%3Cpath%20d%3D%22M-33%20207%20L-32%20200%20L-30%20194%20L-29%20188%20L-27%20181%20L-25%20174%20L-21%20166%20L-16%20159%20L-9%20154%20L-0%20151%20L9%20150%20L19%20150%20L28%20149%20L38%20148%20L48%20148%20L59%20149%20L69%20152%20L77%20159%20L81%20168%20L80%20178%20L77%20188%20L73%20196%20L69%20203%20L66%20208%20L65%20213%20L65%20219%20L64%20225%20L63%20231%20L61%20238%20L58%20245%20L54%20253%20L49%20262%20L41%20270%20L31%20277%20L20%20280%20L8%20279%20L-3%20273%20L-10%20264%20L-15%20254%20L-18%20244%20L-20%20237%20L-23%20230%20L-26%20225%20L-30%20219%20L-32%20213%20L-33%20207Z%22/%3E%3Cpath%20d%3D%22M116%20657%20L113%20658%20L110%20658%20L107%20658%20L104%20657%20L102%20655%20L100%20654%20L98%20653%20L96%20653%20L94%20653%20L91%20653%20L88%20653%20L86%20652%20L84%20650%20L82%20648%20L81%20645%20L81%20642%20L80%20640%20L80%20637%20L79%20634%20L79%20631%20L80%20629%20L82%20626%20L84%20625%20L87%20624%20L89%20623%20L92%20623%20L94%20623%20L97%20623%20L100%20624%20L102%20625%20L104%20628%20L105%20630%20L106%20632%20L107%20633%20L109%20634%20L111%20635%20L115%20636%20L118%20638%20L121%20641%20L122%20644%20L123%20648%20L122%20651%20L120%20653%20L118%20655%20L116%20657Z%22/%3E%3Cpath%20d%3D%22M130%20670%20L124%20672%20L119%20672%20L113%20670%20L108%20667%20L104%20665%20L100%20663%20L97%20662%20L94%20663%20L89%20665%20L84%20665%20L78%20665%20L73%20662%20L69%20658%20L67%20654%20L65%20648%20L64%20643%20L62%20638%20L62%20633%20L61%20628%20L63%20623%20L65%20619%20L69%20615%20L73%20613%20L78%20612%20L82%20610%20L86%20609%20L91%20608%20L95%20608%20L100%20610%20L104%20613%20L107%20617%20L110%20621%20L112%20624%20L115%20626%20L119%20627%20L125%20629%20L131%20632%20L136%20636%20L140%20641%20L143%20647%20L143%20653%20L141%20659%20L138%20663%20L134%20667%20L130%20670Z%22/%3E%3Cpath%20d%3D%22M145%20685%20L137%20687%20L127%20685%20L119%20682%20L111%20678%20L105%20674%20L101%20673%20L96%20674%20L90%20677%20L83%20680%20L74%20681%20L65%20680%20L57%20675%20L51%20669%20L47%20661%20L44%20653%20L41%20645%20L40%20637%20L39%20628%20L40%20620%20L44%20614%20L49%20608%20L56%20604%20L62%20601%20L69%20599%20L74%20596%20L80%20593%20L86%20591%20L93%20591%20L100%20594%20L106%20598%20L112%20604%20L116%20609%20L120%20613%20L126%20615%20L134%20617%20L143%20620%20L151%20625%20L159%20633%20L164%20641%20L166%20650%20L165%20659%20L162%20668%20L158%20675%20L152%20681%20L145%20685Z%22/%3E%3Cpath%20d%3D%22M153%20693%20L142%20693%20L131%20691%20L121%20686%20L112%20681%20L106%20679%20L101%20680%20L95%20684%20L87%20688%20L77%20692%20L67%20693%20L56%20690%20L47%20684%20L39%20676%20L34%20666%20L29%20656%20L26%20646%20L24%20636%20L25%20625%20L29%20617%20L36%20609%20L43%20604%20L51%20600%20L58%20597%20L64%20593%20L70%20588%20L76%20584%20L84%20581%20L92%20581%20L100%20584%20L108%20590%20L114%20595%20L120%20600%20L127%20603%20L136%20606%20L146%20609%20L156%20614%20L166%20621%20L173%20631%20L177%20641%20L178%20652%20L177%20663%20L174%20673%20L169%20681%20L162%20688%20L153%20693Z%22/%3E%3Cpath%20d%3D%22M161%20700%20L147%20700%20L134%20696%20L123%20691%20L114%20687%20L108%20687%20L101%20690%20L94%20697%20L84%20703%20L71%20707%20L58%20707%20L45%20702%20L34%20694%20L25%20684%20L17%20672%20L12%20660%20L8%20647%20L8%20634%20L11%20623%20L19%20613%20L28%20606%20L38%20601%20L47%20597%20L53%20592%20L59%20585%20L64%20578%20L72%20572%20L81%20569%20L91%20569%20L101%20573%20L110%20578%20L118%20584%20L127%20588%20L137%20591%20L148%20594%20L160%20599%20L172%20606%20L181%20617%20L187%20629%20L191%20641%20L192%20654%20L190%20667%20L187%20678%20L182%20688%20L173%20696%20L161%20700Z%22/%3E%3Cpath%20d%3D%22M177%20715%20L159%20714%20L142%20708%20L129%20703%20L119%20702%20L111%20706%20L103%20714%20L91%20724%20L76%20732%20L59%20735%20L42%20733%20L25%20725%20L10%20714%20L-3%20700%20L-14%20684%20L-22%20667%20L-25%20649%20L-22%20632%20L-13%20617%20L-1%20606%20L13%20598%20L25%20592%20L35%20586%20L41%20578%20L46%20568%20L53%20557%20L62%20548%20L74%20544%20L88%20544%20L101%20548%20L114%20554%20L127%20559%20L140%20563%20L154%20567%20L170%20573%20L186%20581%20L199%20594%20L208%20608%20L214%20625%20L218%20641%20L219%20658%20L218%20674%20L214%20690%20L206%20703%20L193%20712%20L177%20715Z%22/%3E%3Cpath%20d%3D%22M186%20725%20L166%20722%20L148%20717%20L134%20715%20L124%20718%20L115%20726%20L104%20738%20L89%20750%20L70%20758%20L49%20759%20L28%20755%20L8%20745%20L-11%20731%20L-27%20714%20L-40%20695%20L-48%20673%20L-49%20651%20L-41%20631%20L-27%20614%20L-10%20603%20L6%20595%20L18%20588%20L26%20579%20L30%20567%20L35%20552%20L42%20538%20L54%20528%20L69%20523%20L85%20523%20L102%20526%20L118%20530%20L135%20534%20L153%20538%20L172%20544%20L190%20553%20L206%20567%20L219%20584%20L227%20603%20L232%20622%20L236%20641%20L238%20661%20L238%20680%20L234%20698%20L223%20712%20L207%20722%20L186%20725Z%22/%3E%3Cpath%20d%3D%22M176%20715%20L159%20713%20L144%20712%20L134%20714%20L125%20720%20L116%20731%20L104%20743%20L88%20752%20L70%20757%20L50%20756%20L30%20751%20L11%20741%20L-7%20728%20L-23%20711%20L-34%20692%20L-39%20671%20L-36%20650%20L-26%20632%20L-10%20618%20L6%20609%20L20%20602%20L28%20594%20L32%20584%20L34%20570%20L37%20555%20L44%20542%20L56%20532%20L70%20527%20L86%20526%20L102%20527%20L118%20528%20L136%20531%20L154%20535%20L172%20543%20L188%20555%20L201%20571%20L209%20589%20L215%20607%20L219%20624%20L223%20641%20L226%20659%20L226%20677%20L222%20693%20L211%20706%20L195%20713%20L176%20715Z%22/%3E%3Cpath%20d%3D%22M682%20625%20L679%20623%20L677%20621%20L676%20618%20L676%20615%20L677%20612%20L678%20610%20L679%20608%20L679%20607%20L678%20605%20L678%20603%20L677%20600%20L677%20598%20L678%20595%20L679%20593%20L681%20591%20L683%20588%20L685%20587%20L689%20586%20L692%20586%20L696%20588%20L698%20591%20L700%20594%20L701%20598%20L702%20601%20L702%20603%20L703%20604%20L705%20606%20L706%20608%20L708%20610%20L708%20612%20L709%20614%20L709%20616%20L709%20618%20L708%20621%20L707%20623%20L706%20626%20L704%20628%20L702%20629%20L699%20629%20L696%20629%20L693%20628%20L690%20627%20L687%20626%20L685%20626%20L682%20625Z%22/%3E%3Cpath%20d%3D%22M674%20636%20L670%20633%20L667%20628%20L666%20623%20L666%20618%20L667%20614%20L667%20611%20L667%20607%20L666%20604%20L665%20600%20L664%20596%20L664%20592%20L664%20587%20L666%20583%20L668%20579%20L671%20574%20L675%20570%20L680%20567%20L686%20566%20L693%20568%20L698%20572%20L703%20578%20L706%20584%20L707%20590%20L708%20595%20L710%20598%20L712%20601%20L715%20603%20L718%20606%20L720%20610%20L722%20614%20L723%20618%20L724%20622%20L724%20627%20L724%20632%20L722%20637%20L720%20641%20L715%20644%20L710%20645%20L704%20644%20L699%20643%20L694%20641%20L689%20640%20L684%20639%20L679%20638%20L674%20636Z%22/%3E%3Cpath%20d%3D%22M664%20651%20L658%20645%20L654%20638%20L653%20630%20L652%20623%20L652%20617%20L650%20612%20L648%20606%20L646%20600%20L644%20593%20L643%20586%20L644%20580%20L646%20573%20L649%20566%20L652%20558%20L657%20551%20L664%20545%20L673%20541%20L683%20541%20L693%20545%20L702%20553%20L708%20563%20L712%20573%20L714%20581%20L717%20587%20L720%20591%20L724%20595%20L729%20599%20L734%20604%20L738%20610%20L741%20616%20L744%20623%20L746%20631%20L748%20640%20L748%20649%20L745%20657%20L739%20663%20L731%20666%20L721%20666%20L711%20664%20L703%20661%20L695%20659%20L687%20657%20L680%20656%20L672%20654%20L664%20651Z%22/%3E%3Cpath%20d%3D%22M661%20655%20L655%20648%20L651%20641%20L648%20633%20L645%20626%20L643%20619%20L639%20612%20L635%20605%20L633%20597%20L631%20589%20L632%20581%20L634%20573%20L637%20565%20L640%20557%20L644%20548%20L650%20539%20L659%20532%20L669%20529%20L682%20531%20L693%20538%20L703%20548%20L709%20560%20L714%20570%20L717%20578%20L721%20584%20L725%20588%20L731%20592%20L737%20597%20L742%20603%20L747%20610%20L752%20618%20L756%20627%20L760%20637%20L763%20648%20L762%20659%20L757%20668%20L749%20674%20L737%20676%20L725%20674%20L714%20671%20L704%20667%20L695%20665%20L687%20664%20L678%20662%20L669%20660%20L661%20655Z%22/%3E%3Cpath%20d%3D%22M650%20672%20L641%20663%20L635%20653%20L629%20643%20L622%20634%20L615%20624%20L608%20614%20L602%20602%20L599%20590%20L599%20578%20L602%20567%20L606%20556%20L610%20544%20L615%20532%20L621%20518%20L631%20506%20L644%20498%20L660%20497%20L678%20502%20L694%20514%20L706%20528%20L715%20543%20L722%20555%20L728%20564%20L734%20571%20L742%20577%20L750%20584%20L758%20591%20L766%20600%20L775%20610%20L783%20622%20L792%20636%20L799%20653%20L802%20670%20L799%20685%20L789%20697%20L774%20703%20L756%20703%20L738%20699%20L722%20694%20L708%20689%20L696%20687%20L685%20685%20L673%20683%20L661%20679%20L650%20672Z%22/%3E%3Cpath%20d%3D%22M648%20676%20L638%20667%20L629%20657%20L619%20648%20L608%20639%20L597%20628%20L588%20615%20L582%20601%20L581%20587%20L584%20573%20L589%20561%20L594%20548%20L599%20535%20L604%20521%20L612%20506%20L623%20494%20L639%20488%20L658%20489%20L677%20498%20L694%20511%20L707%20526%20L716%20540%20L724%20550%20L732%20558%20L741%20565%20L750%20572%20L760%20580%20L769%20589%20L779%20599%20L790%20611%20L801%20625%20L813%20642%20L821%20661%20L823%20681%20L816%20697%20L802%20708%20L782%20712%20L760%20710%20L741%20704%20L724%20699%20L710%20695%20L697%20693%20L684%20691%20L671%20688%20L659%20683%20L648%20676Z%22/%3E%3Cpath%20d%3D%22M647%20676%20L636%20669%20L624%20661%20L610%20653%20L596%20643%20L583%20631%20L573%20616%20L569%20600%20L571%20584%20L576%20570%20L582%20557%20L588%20544%20L593%20530%20L599%20515%20L608%20501%20L622%20491%20L639%20488%20L659%20491%20L677%20501%20L694%20514%20L706%20527%20L717%20538%20L727%20546%20L736%20553%20L746%20560%20L756%20568%20L766%20577%20L776%20587%20L788%20598%20L801%20611%20L816%20627%20L828%20646%20L836%20667%20L834%20687%20L823%20702%20L805%20711%20L782%20712%20L760%20709%20L740%20703%20L724%20699%20L710%20696%20L697%20694%20L684%20692%20L671%20689%20L659%20683%20L647%20676Z%22/%3E%3Cpath%20d%3D%22M644%20681%20L630%20675%20L613%20669%20L595%20661%20L577%20650%20L563%20634%20L554%20617%20L553%20599%20L558%20582%20L565%20567%20L572%20553%20L578%20538%20L584%20523%20L591%20507%20L603%20494%20L619%20486%20L638%20485%20L659%20491%20L677%20501%20L694%20512%20L707%20523%20L719%20531%20L731%20538%20L743%20545%20L754%20553%20L765%20562%20L776%20573%20L788%20583%20L802%20596%20L819%20611%20L836%20630%20L849%20652%20L854%20675%20L848%20695%20L832%20709%20L810%20715%20L785%20715%20L761%20711%20L741%20706%20L725%20702%20L711%20700%20L697%20698%20L684%20695%20L671%20691%20L658%20686%20L644%20681Z%22/%3E%3C/g%3E%3C/svg%3E"); }
/* het oplichten bij aantikken: een laagje onder de tekst van de rij (1.049) */
.am .rij.am-rij { position: relative; isolation: isolate; }
.am-flits { position: absolute; inset: 0; z-index: -1; border-radius: 6px; pointer-events: none; }

/* nieuw woordmerk op het inlogscherm en de Q als knop in Automix (1.050) */
.login-woordmerk { display: block; margin: 0 auto 22px; width: min(300px, 80vw); height: auto; }
.am-logo { --tegel: #141416; color: #ff9f0a !important; }
body.thema-groen .am-logo { --tegel: #1a2822; color: #5f8a78 !important; }
/* knop Instellingen: grotere tegel met meer ruimte rond de Q (1.051) */
.am-logo { width: 64px !important; height: 64px !important; top: 10px; border-radius: 15px !important; }
.rust-aan .am-logo { top: 34px; }

/* Groen (1.053): accent in het saliegroen van de onderste laag; onderin (op dat groen) zijn de accenten wit */
body.thema-groen .am-bron-naam, body.thema-groen .am-plus, body.thema-groen .am-ico2 button.aan,
body.thema-groen .am-onder .am-label, body.thema-groen .am-kies { color: #fff !important; }
body.thema-groen .am .rij.am-rij.volgt { box-shadow: inset 3px 0 0 #fff !important; }
body.thema-groen .am .rij.am-rij.gekozen { box-shadow: inset 0 0 0 2px #fff !important; }
body.thema-groen .am-paneel.kiezen .am-bk, body.thema-groen .am-paneel.kiezen .am-bk h2, body.thema-groen .am-paneel.kiezen .am-bk .am-x { color: #fff !important; }
body.thema-groen .am-paneel .am-klaar { color: #fff !important; }
body.thema-groen .am-kr-plus.aan { color: #fff !important; }
body.thema-groen .am-stop { color: #fff !important; }
/* in de donkere vensters een tint lichter saliegroen, zodat tekst en plusjes leesbaar blijven */
body.thema-groen .am-alles, body.thema-groen .am-tabs button.actief, body.thema-groen .am-bieb-ico,
body.thema-groen .am-kr-plus, body.thema-groen .am-zweef-klein.oranje { color: #8fb8a5 !important; }