/* Players-per-channel graphs on #hosting (admin back-office W10). Shared panel styles come from style.css. */
.channel-graphs{margin-top:18px}
.channel-graphs-head{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.channel-graphs-head h3{margin:0}
.channel-graphs-ranges{display:flex;gap:4px;flex-wrap:wrap}
.channel-graphs-ranges button[aria-pressed="true"]{background:#4f923e;border-color:#3f7a31;color:#fff}
.channel-graphs-maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.channel-graphs-empty{padding:12px;border:1px dashed rgba(110,80,40,.3);border-radius:10px}
.channel-graph-card{min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(110,80,40,.22);background:#fffaf0;display:grid;gap:6px}
.channel-graph-title{display:flex;flex-direction:column;gap:2px;text-align:left;align-items:flex-start}
.channel-graph-title h4{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:0;font-size:.98rem;overflow-wrap:anywhere}
.channel-graph-title .muted{font-size:.8rem;overflow-wrap:anywhere}
.channel-graph-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c9b8a6;border:1px solid #a8927c;flex:none}
.channel-graph-dot.on{background:#54b448;border-color:#409c3b}
.channel-advice{padding:8px 10px;border-radius:8px;border:1px solid rgba(110,80,40,.2);background:rgba(255,252,246,.9);display:grid;gap:4px;justify-items:start}
.channel-advice p{margin:0;overflow-wrap:anywhere}
.channel-advice-title strong::before{margin-right:6px}
.channel-advice[data-tone="warn"]{border-color:#e7b55a;background:#fff6e2}
.channel-advice[data-tone="warn"] .channel-advice-title strong::before{content:"▲"}
.channel-advice[data-tone="info"]{border-color:#8fb4e6;background:#eef4fc}
.channel-advice[data-tone="info"] .channel-advice-title strong::before{content:"▼"}
.channel-advice[data-tone="good"]{border-color:#7fb27a;background:#eef7ec}
.channel-advice[data-tone="good"] .channel-advice-title strong::before{content:"✓"}
.channel-advice[data-tone="bad"]{border-color:#e3a395;background:#fdf0ed}
.channel-advice[data-tone="bad"] .channel-advice-title strong::before{content:"✗"}
.channel-advice[data-tone="muted"] .channel-advice-title strong::before{content:"…"}
.channel-advice-why{font-size:.82rem;color:#5b4a3e}
.channel-graph-go{font-size:.8rem;padding:3px 10px}
.channel-graph-now,.channel-graph-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.8rem;color:#5b4a3e}
.channel-graph-now li,.channel-graph-legend li{display:flex;align-items:center;gap:4px}
.channel-graph-now strong{font-variant-numeric:tabular-nums}
.channel-graph-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none;margin-right:2px;vertical-align:middle}
.channel-graph-dash{display:inline-block;width:16px;height:0;border-top:1px dashed rgba(76,57,46,.7);margin-right:2px}
.channel-graph-canvas{display:block;width:100%;height:140px;touch-action:pan-y;cursor:crosshair}
.channel-graph-peaks{display:block;width:100%;height:70px;touch-action:pan-y;cursor:crosshair}
.channel-graph-sub{margin:4px 0 0;font-size:.78rem}
.channel-graph-table summary{cursor:pointer;font-size:.8rem;color:#5b4a3e}
.channel-graph-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.channel-graph-table table{width:100%;border-collapse:collapse;font-size:.8rem;min-width:360px}
.channel-graph-table th,.channel-graph-table td{padding:4px 6px;border-bottom:1px solid rgba(110,80,40,.16);text-align:left;font-variant-numeric:tabular-nums}
.channel-graphs-tip{position:fixed;z-index:60;pointer-events:none;padding:6px 9px;border-radius:8px;background:#fffdf8;border:1px solid #cfae85;box-shadow:0 3px 10px rgba(80,55,30,.18);font-size:.78rem;color:#4c392e;max-width:280px}
.channel-graphs-tip strong{display:block;margin-bottom:2px}
#hosting-maps tr.channel-graph-flash td{background:#fff3c4;transition:background .3s}
@media(max-width:900px){.channel-graphs-maps{grid-template-columns:minmax(0,1fr)}}