lllin000_PaperForge/paperforge/plugin/styles.css

.paperforge-status-panel {
    padding: 16px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── Header ── */
.paperforge-status-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paperforge-status-header h3 {
    margin: 0;
    font-size: var(--font-ui-medium);
    font-weight: var(--font-semibold);
}

.paperforge-status-refresh {
    font-size: var(--font-ui-smaller);
    padding: 2px 10px;
    cursor: pointer;
    background: var(--interactive-normal);
    color: var(--text-normal);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-s);
}

.paperforge-status-refresh:hover {
    background: var(--interactive-hover);
}

/* ── Metrics ── */
.paperforge-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.paperforge-metric-card {
    flex: 1;
    min-width: 90px;
    background: var(--background-secondary);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-m);
    padding: 14px 12px;
    text-align: center;
    border-left: 3px solid var(--metric-color, var(--interactive-accent));
}

.paperforge-metric-value {
    font-size: var(--font-ui-large);
    font-weight: var(--font-bold);
    line-height: 1.2;
    color: var(--text-normal);
}

.paperforge-metric-label {
    font-size: var(--font-ui-smaller);
    color: var(--text-muted);
    margin-top: 2px;
}

/* ── OCR Progress Bar ── */
.paperforge-ocr-section h4 {
    margin: 0 0 8px;
    font-size: var(--font-ui-small);
    color: var(--text-muted);
}

.paperforge-progress-bar {
    position: relative;
    height: 22px;
    background: var(--background-modifier-border);
    border-radius: var(--radius-s);
    overflow: hidden;
}

.paperforge-progress-fill {
    height: 100%;
    background: var(--interactive-accent);
    border-radius: var(--radius-s);
    transition: width 0.3s ease;
}

.paperforge-progress-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-ui-smaller);
    font-weight: var(--font-medium);
    color: var(--text-on-accent);
    mix-blend-mode: difference;
}

.paperforge-progress-detail {
    margin-top: 6px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.paperforge-progress-row {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--font-ui-smaller);
}

.paperforge-progress-row-label {
    color: var(--text-muted);
}

.paperforge-progress-row-value {
    color: var(--text-normal);
    font-weight: var(--font-medium);
}

.paperforge-progress-row-failed {
    color: var(--text-error);
}

/* ── Status rows ── */
.paperforge-status-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: var(--font-ui-small);
    border-bottom: 1px solid var(--background-modifier-border);
}

.paperforge-status-row:last-child {
    border-bottom: none;
}

/* ── Error / Loading ── */
.paperforge-status-error {
    color: var(--text-error);
    font-size: var(--font-ui-small);
    padding: 8px 0;
}

/* ── Quick Actions ── */
.paperforge-actions h4 {
    margin: 0 0 8px;
    font-size: var(--font-ui-small);
    color: var(--text-muted);
}

.paperforge-actions-buttons {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.paperforge-action-btn {
    text-align: left;
    padding: 8px 12px;
    cursor: pointer;
    background: var(--interactive-normal);
    color: var(--text-normal);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-s);
    font-size: var(--font-ui-small);
    transition: background 0.15s;
}

.paperforge-action-btn:hover {
    background: var(--interactive-hover);
}