/* Loot-Datenbank Variante B, zweiter Schritt (lootdb-atlas-more.js). Nur mit html.atl-more; Farben wie lootdb-atlas.css. */
html.atl-more{--atl-bg:var(--gl-bg,#0e1118);--atl-panel:var(--gl-panel,#171c27);--atl-panel2:var(--gl-panel2,#1c2230);--atl-line:var(--gl-line2,rgba(255,255,255,.12));
 --atl-text:var(--gl-text,#edf0f8);--atl-mut:var(--gl-muted,#9aa4b8);--atl-gold:#e9c779;--atl-r:14px}

/* ---------- Suche: Vorschläge ---------- */
html.atl-more .atl-sugform{position:relative}
html.atl-more .atl-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:8500;background:var(--atl-panel);border:1px solid var(--atl-line);border-radius:var(--atl-r);box-shadow:0 18px 40px rgba(0,0,0,.55);padding:8px;max-height:min(70vh,520px);overflow:auto;text-align:left}
html.atl-more .atl-sug[hidden]{display:none}
html.atl-more .atl-sug-scopes{display:flex;gap:6px;flex-wrap:wrap;padding:2px 2px 8px;border-bottom:1px solid var(--atl-line);margin-bottom:4px}
html.atl-more .atl-scope{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--atl-line);background:transparent;color:var(--atl-mut);font:600 13px -apple-system,"Segoe UI",sans-serif;cursor:pointer}
html.atl-more .atl-scope[aria-pressed=true]{border-color:var(--atl-gold);color:var(--atl-gold);background:rgba(233,199,121,.10)}
html.atl-more .atl-sug-i{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--atl-text);min-height:40px}
html.atl-more .atl-sug-i:hover,html.atl-more .atl-sug-i.on{background:var(--atl-panel2)}
html.atl-more .atl-sug-i b{font-weight:700}
html.atl-more .atl-sug-i small{color:var(--atl-mut);font-size:13px;margin-left:auto;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.atl-more .atl-sug-ic{border-radius:4px;border:1px solid var(--atl-line)}
html.atl-more .atl-sug-ty{font-size:12px;font-weight:800;color:#1a1405;background:var(--atl-gold);border-radius:6px;padding:1px 7px}
html.atl-more .atl-sug-m{margin:8px 10px;color:var(--atl-mut);font-size:14px}

/* ---------- Startansicht: Beliebt · Zuletzt angesehen · Neu ---------- */
html.atl-more .atl-homebox[hidden]{display:none}
html.atl-more .atl-hsec{margin:22px 0 0}
html.atl-more .atl-hhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 10px}
html.atl-more .atl-hhead h2{margin:0;font:700 20px/1.25 Georgia,serif;color:var(--atl-text)}
html.atl-more .atl-hhead small{color:var(--atl-mut);font-size:13px}
html.atl-more .atl-clear{margin-left:auto;border:0;background:none;color:var(--atl-mut);text-decoration:underline;cursor:pointer;font:14px -apple-system,"Segoe UI",sans-serif;min-height:32px}
html.atl-more .atl-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
html.atl-more .atl-pcard{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--atl-line);border-radius:var(--atl-r);background:var(--atl-panel)}
html.atl-more .atl-phead{display:flex;align-items:flex-start;gap:8px}
html.atl-more .atl-pname{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;font-weight:700;line-height:1.3}
html.atl-more .atl-pname span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html.atl-more .atl-pic{border-radius:7px;border-width:2px;border-style:solid;flex:0 0 auto}
html.atl-more .atl-pn{color:var(--atl-mut);font-size:13px}
html.atl-more .atl-pcls{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--atl-text)}
html.atl-more .atl-pcls span{display:inline-flex;align-items:center;gap:4px}
html.atl-more .atl-pcard .add{flex:0 0 auto;width:36px;height:36px;padding:0;border-radius:50%;font-size:0;line-height:0;display:grid;place-items:center;border:1px solid var(--atl-line);background:transparent;color:var(--atl-mut);cursor:pointer}
html.atl-more .atl-pcard .add::before{content:"☆";font-size:18px;line-height:1}
html.atl-more .atl-pcard .add[aria-pressed=true]{color:var(--atl-gold);border-color:var(--atl-gold)}
html.atl-more .atl-pcard .add[aria-pressed=true]::before{content:"★"}
html.atl-more .atl-recent{display:flex;gap:8px;flex-wrap:wrap}
html.atl-more .atl-rchip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 12px 4px 6px;border:1px solid var(--atl-line);border-radius:999px;background:var(--atl-panel);text-decoration:none;font-weight:600;font-size:14px;max-width:100%}
html.atl-more .atl-rchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.atl-more .atl-rchip img{border-radius:4px}
html.atl-more .atl-rchip .atl-plus{color:#7fe08a;font-size:13px}
html.atl-more .atl-stand{color:var(--atl-mut);font-size:13px;margin:18px 0 0}

/* ---------- Rollen ---------- */
html.atl-more .atl-roles{display:inline-flex;gap:3px;vertical-align:-3px;margin-left:6px}
html.atl-more .atl-roles:empty{display:none}
html.atl-more .atl-ri{border-radius:50%;border:1px solid rgba(255,255,255,.25)}
html.atl-more .atl-hroles{margin:4px 0 0 0;display:flex;gap:4px}
html.atl-more .idl-h .atl-hroles img,html.atl-more .mdb-item-h .atl-hroles img{width:20px;height:20px;border-width:1px;border-radius:50%}
html.atl-more .atl-rolef{display:inline-flex;gap:6px;flex-wrap:wrap}
html.atl-more .atl-rchipf{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 6px;border:1px solid var(--atl-line);border-radius:999px;background:var(--atl-panel);color:var(--atl-mut);font:600 14px -apple-system,"Segoe UI",sans-serif;cursor:pointer}
html.atl-more .atl-rchipf[aria-pressed=true]{border-color:var(--atl-gold);color:var(--atl-gold);background:rgba(233,199,121,.10)}
html.atl-more #list .atl-rhide{display:none!important}
html.atl-more .atl-rolenote,html.atl-more .atl-gnote{margin:6px 2px 10px;color:var(--atl-mut);font-size:14px}
html.atl-more .atl-rolenote[hidden],html.atl-more .atl-gnote[hidden]{display:none}

/* ---------- Gildenkontext: „In deiner Gilde“ ---------- */
html.atl-more .atl-gcell{font-size:13px;color:var(--atl-mut);white-space:nowrap}
html.atl-more .atl-gcell.on{color:var(--atl-gold);font-weight:700}
@media (min-width:701px){
 html.atl-gcol #list.atl-table .row{grid-template-columns:36px minmax(0,1fr) 200px 110px 44px}
 html.atl-gcol #list.atl-cards .row{grid-template-areas:"ic nm add" "pop pop pop" "gc gc gc"}
 html.atl-gcol #list.atl-cards .row>.atl-gcell{grid-area:gc}
}
html.atl-more .atl-gsum{margin:0 0 8px;font-weight:700;color:var(--atl-gold)}
html.atl-more .atl-gnames{list-style:none;margin:0;padding:0}
html.atl-more .atl-gnames li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--atl-line);font-size:14px}
html.atl-more .atl-gnames li small{color:var(--atl-mut);margin-left:auto}
html.atl-more .atl-gnames .atl-ci{border-radius:50%}
html.atl-more .atl-gtag{min-width:30px;text-align:center;font-size:12px;font-weight:800;border-radius:6px;padding:1px 6px;background:var(--atl-panel2);color:var(--atl-gold);border:1px solid var(--atl-line)}

/* ---------- Reiter im Detail-Panel und Handy-Sheet ---------- */
.atl-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0 10px;border-bottom:1px solid rgba(255,255,255,.12)}
.atl-tab{border:0;background:none;color:#9aa4b8;font:700 14px -apple-system,"Segoe UI",sans-serif;padding:8px 12px;min-height:40px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.atl-tab[aria-selected=true]{color:#e9c779;border-bottom-color:#e9c779}
.atl-panel[hidden]{display:none!important}
.atl-panel>h3{display:none}
.atl-ri{border-radius:50%}

@media (max-width:700px){
 html.atl-more .atl-sug{position:fixed;left:8px;right:8px;top:calc(var(--gl-top,56px) + 64px);max-height:60vh}
 html.atl-more .atl-sug-i small{margin-left:0;max-width:100%;flex-basis:100%;padding-left:30px}
 html.atl-more .atl-pgrid{grid-template-columns:minmax(0,1fr)}
 html.atl-more .atl-rolef{display:none}
 html.atl-more .mdb-sheet-b .atl-rolef,html.atl-more #filters .atl-rolef{display:flex}
 html.atl-more .atl-gcell{display:block;grid-column:2/3;font-size:13px}
 html.atl-more .atl-gcell:not(.on){display:none}
 html.atl-more .atl-tab{flex:1 1 auto;padding:8px 6px}
}