/* ─── LogiSysteem Admin CSS ─── */
.logi-wrap h1 { margin-bottom: 16px; }
.logi-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 16px; }
.logi-metric { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px 20px; }
.logi-metric--warn { border-left: 4px solid #f0a500; }
.logi-metric--info { border-left: 4px solid #185FA5; }
.logi-metric--ok   { border-left: 4px solid #3B6D11; }
.logi-metric--danger { border-left: 4px solid #E24B4A; }
.logi-metric-label { display: block; font-size: 12px; color: #666; margin-bottom: 4px; }
.logi-metric-value { display: block; font-size: 28px; font-weight: 600; color: #1d2327; }

.logi-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 16px; }
.logi-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px 20px; }
.logi-card h2 { font-size: 15px; font-weight: 600; margin: 0 0 12px; padding: 0; border: none; color: #1d2327; }

.logi-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.logi-table th { text-align: left; padding: 7px 10px; background: #f6f7f7; border-bottom: 1px solid #e0e0e0; font-weight: 600; }
.logi-table td { padding: 7px 10px; border-bottom: 1px solid #f0f0f0; }
.logi-table tbody tr:hover { background: #fafafa; }
.logi-row-warn td { background: #fff8e6; }
.logi-row-highlight td { background: #eef6fb; font-weight: 500; }

.logi-badge { display: inline-block; font-size: 11px; font-weight: 500; padding: 2px 8px; border-radius: 10px; }
.logi-badge--ok     { background: #EAF3DE; color: #3B6D11; }
.logi-badge--warn   { background: #FFF0CC; color: #7a4f00; }
.logi-badge--info   { background: #E6F1FB; color: #185FA5; }
.logi-badge--danger { background: #FCEBEB; color: #A32D2D; }

.logi-muted { color: #888; font-style: italic; font-size: 13px; }
.logi-danger { color: #A32D2D; font-weight: 600; }
.logi-btn-danger { background: #FCEBEB !important; color: #A32D2D !important; border-color: #f5c6c6 !important; }
.logi-btn-sm { padding: 1px 7px; font-size: 11px; cursor: pointer; border: 1px solid #ccc; border-radius: 4px; background: #fff; margin-left: 8px; }

.logi-list { list-style: none; margin: 0; padding: 0; }
.logi-list-item { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid #f0f0f0; font-size: 13px; }
.logi-list-item:last-child { border-bottom: none; }

.logi-order-card { border: 1px solid #e0e0e0; border-radius: 6px; margin-bottom: 12px; overflow: hidden; }
.logi-order-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: #f6f7f7; border-bottom: 1px solid #e0e0e0; font-size: 13px; }

/* Unsplash results */
#logi-unsplash-results img { width: 80px; height: 80px; object-fit: cover; border-radius: 4px; cursor: pointer; border: 2px solid transparent; }
#logi-unsplash-results img:hover { border-color: #185FA5; }