/* Injected on LinkedIn. Prefixed with dfai- to avoid clashes. */
.dfai-post { outline: 2px solid color-mix(in srgb, var(--dfai-c, #4f46e5) 55%, transparent) !important; outline-offset: -2px; border-radius: 10px; }
.dfai-badge {
  --dfai-bg: #ffffff; --dfai-ink: #0f172a; --dfai-muted: #64748b; --dfai-line: #e5e7ef; --dfai-soft: #f4f5fb;
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 8px 12px 0; padding: 8px 10px;
  background: var(--dfai-bg); color: var(--dfai-ink); border: 1px solid var(--dfai-line); border-left: 4px solid var(--dfai-c, #4f46e5);
  border-radius: 10px; font: 600 12px/1.3 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  box-shadow: 0 4px 14px -8px rgba(15, 23, 42, .25); position: relative; z-index: 1;
}
.dfai-maybe { opacity: .9; border-left-style: dashed; }
.dfai-logo { width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center; color: #fff; font-size: 12px; background: linear-gradient(135deg, #6366f1, #0ea5e9); }
.dfai-score { padding: 2px 7px; border-radius: 6px; background: #ecfdf5; color: #059669; font-weight: 800; }
.dfai-maybe .dfai-score { background: #fffbeb; color: #d97706; }
.dfai-cat { color: var(--dfai-c); }
.dfai-tag { padding: 2px 8px; border-radius: 999px; background: var(--dfai-soft); color: var(--dfai-muted); max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dfai-hot { background: #fffbeb; color: #b45309; }
.dfai-ok { background: #ecfdf5; color: #047857; }
.dfai-save { margin-left: auto; border: 0; cursor: pointer; padding: 5px 12px; border-radius: 8px; background: #4f46e5; color: #fff; font: inherit; }
.dfai-save:hover { filter: brightness(1.08); }
.dfai-save.dfai-saved { background: #ecfdf5; color: #059669; cursor: default; }

.dfai-pill {
  position: fixed; right: 20px; bottom: 20px; z-index: 2147483000; display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 999px; background: #0f172a; color: #fff; font: 600 13px/1 'Plus Jakarta Sans', system-ui, sans-serif;
  box-shadow: 0 12px 30px -10px rgba(15, 23, 42, .5);
}
.dfai-pill .dfai-muted { color: #94a3b8; font-weight: 500; }
.dfai-dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 3px rgba(52, 211, 153, .25); }

/* LinkedIn dark mode + OS dark mode */
html.theme--dark .dfai-badge, .dfai-dark .dfai-badge {
  --dfai-bg: #1b1f2b; --dfai-ink: #eef1f8; --dfai-muted: #a3abbf; --dfai-line: #2c3345; --dfai-soft: #252b3a;
}
html.theme--dark .dfai-score, .dfai-dark .dfai-score { background: rgba(52, 211, 153, .14); color: #34d399; }
html.theme--dark .dfai-ok, .dfai-dark .dfai-ok { background: rgba(52, 211, 153, .14); color: #6ee7b7; }
html.theme--dark .dfai-hot, .dfai-dark .dfai-hot { background: rgba(251, 191, 36, .14); color: #fbbf24; }
html.theme--dark .dfai-pill, .dfai-dark .dfai-pill { background: #eef1f8; color: #0f172a; }
html.theme--dark .dfai-pill .dfai-muted, .dfai-dark .dfai-pill .dfai-muted { color: #64748b; }

.dfai-auto { position: fixed; left: 50%; top: 70px; transform: translateX(-50%); z-index: 2147483000; display: flex; align-items: center; gap: 12px; max-width: min(560px, calc(100vw - 32px)); padding: 10px 12px 10px 14px; border-radius: 12px; background: #0f172a; color: #fff; font: 500 13px/1.35 'Plus Jakarta Sans', system-ui, sans-serif; box-shadow: 0 16px 40px -12px rgba(15, 23, 42, .55); }
.dfai-auto b { font-weight: 800; }
.dfai-auto-msg { color: #94a3b8; font-size: 12px; margin-top: 2px; }
.dfai-stop { margin-left: auto; border: 0; border-radius: 8px; padding: 6px 12px; background: #ef4444; color: #fff; font: 700 12px system-ui, sans-serif; cursor: pointer; }

.dfai-summary { position: fixed; left: 50%; top: 70px; transform: translateX(-50%); z-index: 2147483000; display: flex; gap: 12px; align-items: flex-start; width: min(460px, calc(100vw - 32px)); padding: 14px 14px 14px 16px; border-radius: 14px; background: #fff; color: #0f172a; border: 1px solid #e5e7ef; box-shadow: 0 20px 50px -16px rgba(15, 23, 42, .45); font: 500 13px/1.45 "Plus Jakarta Sans", system-ui, sans-serif; animation: dfai-in .3s ease both; transition: opacity .4s, transform .4s; }
.dfai-summary.dfai-out { opacity: 0; transform: translate(-50%, -10px); }
@keyframes dfai-in { from { opacity: 0; transform: translate(-50%, -10px); } }
.dfai-sum-ic { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex: none; color: #fff; font-weight: 800; background: linear-gradient(135deg, #10b981, #0ea5e9); }
.dfai-sum-body { flex: 1; min-width: 0; }
.dfai-sum-body b { display: block; font-size: 14px; font-weight: 800; }
.dfai-sum-body p { margin: 4px 0 10px; color: #64748b; font-size: 12.5px; }
.dfai-sum-btns { display: flex; flex-wrap: wrap; gap: 6px; }
.dfai-sum-btns button { border: 1px solid #e5e7ef; background: #fff; color: #0f172a; border-radius: 8px; padding: 7px 12px; font: 700 12px system-ui, sans-serif; cursor: pointer; }
.dfai-sum-btns button:first-child { background: #4f46e5; border-color: #4f46e5; color: #fff; }
.dfai-sum-x { border: 0; background: none; color: #94a3b8; cursor: pointer; font-size: 14px; padding: 2px; }
html.theme--dark .dfai-summary, .dfai-dark .dfai-summary { background: #1b1f2b; color: #eef1f8; border-color: #2c3345; }
html.theme--dark .dfai-sum-btns button:not(:first-child), .dfai-dark .dfai-sum-btns button:not(:first-child) { background: #252b3a; color: #eef1f8; border-color: #2c3345; }
.dfai-seen { background: #eef2ff; color: #4338ca; }
html.theme--dark .dfai-seen, .dfai-dark .dfai-seen { background: rgba(109, 103, 245, .18); color: #a5a1ff; }

/* professional type */
.dfai-badge, .dfai-pill, .dfai-auto, .dfai-summary { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif !important; }
.dfai-badge { font-weight: 600; }
.dfai-cat { color: inherit !important; }
.dfai-cdot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.dfai-sum-x { font: 600 12px "Segoe UI", system-ui, sans-serif !important; }

/* business theme (Odoo-style) */
.dfai-post { outline-width: 1px !important; border-radius: 4px; }
.dfai-badge { border-radius: 4px; box-shadow: none; font: 500 12px/1.3 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; --dfai-line: #dee2e6; }
.dfai-logo { border-radius: 4px; background: #714b67; font-size: 0; }
.dfai-logo::after { content: ''; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4.5h5.5a7.5 7.5 0 0 1 0 15H6z'/%3E%3Cpath d='M13.8 9.25A3.6 3.6 0 1 0 13.8 14.75'/%3E%3Ccircle cx='15.6' cy='12' r='1.7' fill='%235eead4' stroke='none'/%3E%3C/svg%3E") center / 72% no-repeat; }
.dfai-score { border-radius: 3px; font-weight: 600; background: #e9f5ec; color: #1e7e34; }
.dfai-tag { border-radius: 3px; }
.dfai-save { border-radius: 4px; background: #714b67; font-weight: 500; }
.dfai-save:hover { background: #5d3d55; filter: none; }
.dfai-save.dfai-saved { background: #e9f5ec; color: #1e7e34; }
.dfai-sum-ic { background: #714b67 !important; border-radius: 4px !important; }
.dfai-auto { border-radius: 4px !important; box-shadow: none !important; }

/* vendor post that does not match your requirement (skipped during an auto-scan) */
.dfai-off { opacity: .7; border-left-color: #adb5bd !important; color: #6b7280; font-weight: 500; }