.jafo-dashboard { max-width: 960px; margin: 0 auto; } .jafo-section { margin-bottom: 2.5em; padding: 1.5em; border: 1px solid #ddd; border-radius: 6px; } .jafo-section h2 { margin-top: 0; } .jafo-notice { background: #fff8e5; border-left: 4px solid #dba617; padding: 0.75em 1em; } .jafo-notice.jafo-finalized { background: #edfaef; border-left-color: #46b450; } .jafo-notice.jafo-error { background: #fdeaea; border-left-color: #d63638; } .jafo-upload-owner { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px dashed #ccc; } .jafo-upload-owner:last-child { border-bottom: none; } .jafo-existing-photos { list-style: none; margin: 0 0 1em; padding: 0; display: flex; flex-wrap: wrap; gap: 1em; } .jafo-existing-photos li { display: flex; flex-direction: column; align-items: center; gap: 0.4em; font-size: 0.9em; } .jafo-thumb { width: 120px; height: 120px; object-fit: cover; border-radius: 4px; border: 1px solid #ccc; } .jafo-upload-form label { display: block; margin-bottom: 0.75em; } .jafo-upload-form input[type="text"], .jafo-upload-form input[type="file"] { display: block; width: 100%; max-width: 420px; margin-top: 0.3em; } .jafo-history-table { width: 100%; border-collapse: collapse; } .jafo-history-table th, .jafo-history-table td { padding: 0.5em; border-bottom: 1px solid #eee; text-align: left; vertical-align: top; } /* ========================================================================== Compact/utility dashboard ([jafo_dashboard]) - scoped under .jafo-dash so the rules above (still used by the standalone [jafo_upload]/[jafo_voting]/ [jafo_history] shortcodes) are left untouched. ========================================================================== */ .jafo-dash { --jafo-ink: #1A1D21; --jafo-muted: #7B828C; --jafo-line: #E6E7E9; --jafo-panel: #FFFFFF; --jafo-accent: #2F5D8A; --jafo-accent-soft: #E4ECF3; --jafo-good: #2F6B4F; --jafo-good-soft: #E4EFE9; --jafo-warn: #9A6A1E; --jafo-warn-soft: #F4EAD8; --jafo-danger: #A23B2E; max-width: 1040px; margin: 0 auto; color: var(--jafo-ink); font-size: 14px; } .jafo-dash * { box-sizing: border-box; } .jafo-dash-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .jafo-dash-brand { font-weight: 800; font-size: 14px; } .jafo-dash-user { color: var(--jafo-muted); font-size: 12.5px; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; } .jafo-dash-user:hover { color: var(--jafo-accent); } .jafo-user-icon { width: 15px; height: 15px; flex-shrink: 0; } /* * Three summary cards (Bilder einreichen / Bewertung abgeben / Meine Ergebnisse - * dashboard-compact.php): icon + coloured accent when something needs doing, a calm/muted * checkmark state when nothing does, and a "Details ansehen ›" line always visible at the * bottom - together making the card read unmistakably as a clickable action rather than a * static stat tile. Click reveals the matching .jafo-detail-panel below (accordion - see the * inline