/* File: public/css/aim-public.css */

.aim-public-wrap {
    max-width: 960px;
    margin: 2em auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.aim-public-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-weight: 600;
}
.aim-public-good { color: #2ecc71; }
.aim-public-bad  { color: #e74c3c; }

.aim-public-bar {
    position: relative;
    height: 24px;
    border-radius: 12px;
    background: linear-gradient(90deg, #2ecc71 0%, #f1c40f 50%, #e74c3c 100%);
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}
.aim-public-bar-fill {
    position: absolute;
    top: 0; bottom: 0; left: 0;
    background: rgba(0,0,0,0.15);
    transition: width 0.6s ease;
}
.aim-public-marker {
    position: absolute;
    top: -4px; bottom: -4px;
    width: 3px;
    background: #111;
    box-shadow: 0 0 6px rgba(0,0,0,0.6);
    transition: left 0.6s ease;
}

.aim-public-score {
    margin: 10px 0;
    font-weight: 600;
}

.aim-public-chart-wrap {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px;
    margin: 1em 0;
}
#aim-public-chart { width: 100% !important; height: 200px !important; }

.aim-public-events {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1em;
}
.aim-public-events th,
.aim-public-events td {
    border-bottom: 1px solid #eee;
    padding: 8px 6px;
    text-align: left;
    vertical-align: top;
}
.aim-public-events th.num,
.aim-public-events td.num { text-align: right; font-variant-numeric: tabular-nums; }
.aim-public-good { color: #27ae60; font-weight: 600; }
.aim-public-bad  { color: #c0392b; font-weight: 600; }

.aim-public-sources {
    font-size: 12px;
    color: #666;
    margin-top: 4px;
}
.aim-public-sources a { color: #2980b9; text-decoration: none; }
.aim-public-sources a:hover { text-decoration: underline; }

/* File: public/css/aim-public.css (append) */

.aim-public-wrap.aim-public-compact .aim-public-chart-wrap { padding: 8px; }
.aim-public-wrap.aim-public-compact #aim-public-chart,
.aim-public-wrap.aim-public-compact .aim-public-canvas {
    height: 140px !important;
}

.aim-public-title {
    margin: 0 0 12px;
    font-size: 1.25em;
}

/* Hide elements when the block-level toggles disable them. */
.aim-public-wrap[data-aim-show-bar="0"] .aim-public-header,
.aim-public-wrap[data-aim-show-bar="0"] .aim-public-bar,
.aim-public-wrap[data-aim-show-bar="0"] .aim-public-score {
    display: none;
}

.aim-public-wrap[data-aim-show-chart="0"] .aim-public-chart-wrap {
    display: none;
}