/* ---------------------------------------------------------------- *
 * 5 · Skin „bento" — flach, 1-px-Kante statt Doppelschatten        *
 * ---------------------------------------------------------------- */
.skin-bento .w-admin,.skin-bento .w-admsel{background:var(--inset);border:1px solid var(--line);
  border-radius:6px;box-shadow:none}
.skin-bento .w-admin.ok{border-color:var(--win)} .skin-bento .w-admin.bad{border-color:var(--loss)}
.skin-bento .w-admsel option{background:var(--surface)}
.skin-bento .w-admpill,.skin-bento .w-admeditbox{
  background:var(--inset);border:1px solid var(--line);box-shadow:none}
.skin-bento .w-admpill{border-radius:999px}
.skin-bento .w-admeditbox{border-radius:var(--rw)}
.skin-bento .w-admbar{background:var(--track);box-shadow:none}
.skin-bento .w-admtbl td{border-top:1px solid var(--line)}
.skin-bento .w-syncbox{background:var(--surface);border:1px solid var(--line);box-shadow:none}
.skin-bento .w-lfpill,.skin-bento .w-cmpchip,.skin-bento .w-caveat,.skin-bento .w-h2hcard,
.skin-bento .w-h2hrole .win{
  background:var(--inset);border:1px solid var(--line);box-shadow:none}
.skin-bento .w-lfpill,.skin-bento .w-cmpchip{border-radius:999px}
.skin-bento .w-caveat,.skin-bento .w-h2hcard{border-radius:var(--rw)}
.skin-bento .w-h2hrole .win{border-radius:6px}
.skin-bento .w-lftrack,.skin-bento .w-progwrap,.skin-bento .w-sptrack{background:var(--track);box-shadow:none}
/* Key-Auslastung: dieselben Flaechen, nur flach mit 1-px-Kante. */
.skin-bento .w-kusrcs,.skin-bento .w-kucard{background:var(--inset);
  border:1px solid var(--line);box-shadow:none}
.skin-bento .w-kucell{background:var(--surface);border:1px solid var(--line);box-shadow:none}
.skin-bento .w-kutag,.skin-bento .w-kustate{background:var(--surface);
  border:1px solid var(--line);box-shadow:none}
.skin-bento .w-keyform input{background:var(--inset);border:1px solid var(--line);
  border-radius:6px;box-shadow:none}
.skin-bento .w-keyform input.ok{border-color:var(--win)}
.skin-bento .w-keyform input.bad{border-color:var(--loss)}
.skin-bento .w-loading .w-spin{border-color:var(--line2);border-top-color:transparent}
.skin-bento .w-sechead h3{color:var(--cyan)}
/* Vergleich v2: dieselben Flaechen wie oben, nur flach mit 1-px-Kante. */
.skin-bento .w-c2tab,.skin-bento .w-c2badge,.skin-bento .w-c2elo,.skin-bento .w-c2row,
.skin-bento .w-c2win,.skin-bento .w-c2pair{background:var(--inset);border:1px solid var(--line);box-shadow:none}
.skin-bento .w-c2tab,.skin-bento .w-c2badge{border-radius:999px}
.skin-bento .w-c2elo,.skin-bento .w-c2win,.skin-bento .w-c2row,
.skin-bento .w-c2pair{border-radius:var(--rw)}
.skin-bento .w-c2tab.on{background:var(--surface);border-color:var(--line2);color:var(--cyan)}
.skin-bento .w-c2track{background:var(--track);box-shadow:none}
.skin-bento .w-c2fill{border-radius:2px}
.skin-bento .w-c2nerd{border-top:1px solid var(--line)}
.skin-bento .w-c2blk h4{color:var(--cyan)}
/* Ohne Doppelschatten traegt im Bento-Skin die Kante die Form. */
.skin-bento .w-c2src,.skin-bento .w-c2flag{background:var(--inset);border:1px solid var(--line)}
.skin-bento .w-c2src{border-radius:var(--rw)}