Files
WooDoo/assets/css/woodoo-admin.css

71 lines
2.3 KiB
CSS
Raw Normal View History

/* WooDoo Admin Styles */
.woodoo-settings .nav-tab-wrapper { margin-bottom: 0; }
.woodoo-settings .woodoo-tab { padding: 20px 0; }
.woodoo-info-box {
background: #fff8e1;
border: 1px solid #ffe082;
border-radius: 4px;
padding: 12px 16px;
margin-top: 16px;
font-size: .875rem;
max-width: 760px;
}
.woodoo-info-box ul { margin: .5rem 0 0 1.2rem; }
.woodoo-info-box li { margin-bottom: 4px; }
.woodoo-customer-linker { margin-bottom: 1.5rem; }
.woodoo-customer-linker label { display: block; margin-bottom: 6px; font-weight: 600; }
#woo-customer-results { margin-top: 10px; }
.woodoo-badge {
display: inline-block;
padding: 3px 10px;
border-radius: 999px;
font-size: .75rem;
font-weight: 600;
}
.woodoo-badge--green { background: #d1fae5; color: #065f46; }
.woodoo-badge--red { background: #fee2e2; color: #991b1b; }
.woodoo-badge--grey { background: #f3f4f6; color: #6b7280; }
/* ── Two-panel customer linker ────────────────────────────────────────── */
.woodoo-linker-panel {
display: flex;
gap: 24px;
align-items: flex-start;
margin-top: 12px;
}
.woodoo-linker-col {
flex: 1;
min-width: 0;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: 16px;
}
.woodoo-linker-col h3 {
margin: 0 0 10px;
font-size: 1rem;
color: #2271b1;
}
.woodoo-search-row {
display: flex;
gap: 6px;
margin-bottom: 12px;
}
.woodoo-search-row .regular-text { flex: 1; margin: 0; }
.woodoo-results-list { margin-top: 4px; }
.woodoo-no-results { color: #6b7280; font-style: italic; margin: 8px 0 0; }
.woodoo-linking-for {
font-size: .875rem;
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 4px;
padding: 6px 10px;
margin: 0 0 10px;
}
/* ── Results table ────────────────────────────────────────────────────── */
.woodoo-link-table { font-size: .8125rem; }
.woodoo-link-table th { padding: 6px 8px; font-weight: 600; background: #f3f4f6; }
.woodoo-link-table td { padding: 6px 8px; vertical-align: middle; }
.woodoo-link-table tr:hover td { background: #fafafa; }