/**
 * refactor.css — Extracted inline style utilities
 * Generated by inline style refactoring pass.
 * All classes follow rf- prefix convention.
 */

/* ── Layout ── */
.rf-flex { display: flex; }
.rf-flex-center { display: flex; align-items: center; }
.rf-flex-sb-mb20 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.rf-flex1 { flex: 1; }
.rf-bee-row { display: flex; align-items: center; gap: 8px; font-size: 15px; color: #495057; }

/* ── Spacing ── */
.rf-mb6  { margin-bottom: 6px; }
.rf-mb16 { margin-bottom: 16px; }
.rf-mb25 { margin-bottom: 25px; }
.rf-mt10 { margin-top: 10px; }
.rf-mt16 { margin-top: 16px; }
.rf-mt30 { margin-top: 30px; }
.rf-mt40 { margin-top: 40px; }
.rf-p20  { padding: 20px; }

/* ── Width ── */
.rf-w40        { width: 40px; }
.rf-w50-center { width: 50px; text-align: center; }

/* ── Text ── */
.rf-text-center   { text-align: center; }
.rf-text-note     { font-weight: 400; font-size: 13px; color: #888; }
.rf-text-xs-muted { font-size: 12px; color: #ccc; }
.rf-text-xs-dim   { font-size: 12px; color: #666; }
.rf-text-aaa      { color: #aaa; font-weight: 400; }

/* ── Visibility ── */
.rf-hidden { display: none; }

/* ── Form ── */
.rf-form-label {
    display: block;
    font-size: 13px;
    color: #666;
    font-weight: 600;
    margin-bottom: 6px;
}
.rf-input-field {
    width: 100%;
    padding: 12px;
    border: 2px solid #eee;
    border-radius: 10px;
    font-size: 15px;
    font-family: 'SUIT', sans-serif;
}

/* ── Component ── */
.rf-link-brown     { color: #574541; font-weight: 600; text-decoration: none; }
.rf-color-burlywood { color: burlywood; }
.rf-bg-light-muted { background: #f0f0f0; color: #888; }
.rf-bg-brown       { background: #574541; }
.rf-bg-steel       { background: #7c9ab5; }

/* ── Chart legend backgrounds ── */
.rf-bg-green-70     { background: rgba(34, 197, 94, 0.7); }
.rf-bg-green-50     { background: rgba(34, 197, 94, 0.5); }
.rf-bg-green-35     { background: rgba(34, 197, 94, 0.35); }
.rf-bg-amber-60     { background: rgba(245, 158, 11, 0.6); }
.rf-bg-amber-40     { background: rgba(245, 158, 11, 0.4); }
.rf-bg-red-50-dashed { background: rgba(239, 68, 68, 0.5); border-style: dashed; }
.rf-bg-red-30       { background: rgba(239, 68, 68, 0.3); }
.rf-bg-gray-50      { background: rgba(200, 200, 200, 0.5); }

/* ── PPT slide (DEVELOPER_MANUAL_PPT.html) ── */
.rf-ppt-accent { color: var(--accent-color); }
.rf-ppt-sm-mt  { font-size: 0.9rem; margin-top: 0.5rem; }
.rf-mt-2rem    { margin-top: 2rem; }