/* ============================================
   LinkedIn Format Pro - Widget embarquable (/embed/, /en/embed/)
   Autonome : ne charge pas css/style.css. Clair / sombre via ?theme= ou réglage du système.
   ============================================ */
:root {
  --e-bg: #ffffff;
  --e-surface: #f8f9fa;
  --e-text: #1b2127;
  --e-muted: #4f5963;
  --e-border: #cfd6dc;
  --e-primary: #1e7e34;
  --e-primary-text: #ffffff;
  --e-focus: #1e7e34;
  --e-danger: #b3261e;
  --e-card: #ffffff;
  --e-card-text: #191919;
  --e-card-muted: #5e6a75;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --e-bg: #12171c;
  --e-surface: #1a2027;
  --e-text: #eef2f5;
  --e-muted: #b4bfc9;
  --e-border: #3f4b57;
  --e-primary: #2f9e4f;
  --e-primary-text: #08140c;
  --e-focus: #6fd68a;
  --e-danger: #f1a9b0;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px; line-height: 1.5; color: var(--e-text); background: var(--e-bg);
}
.embed { padding: 12px; max-width: 760px; margin: 0 auto; }
.embed h1 { font-size: 1rem; margin: 0 0 8px; font-weight: 700; }
.toolbar { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.tb {
  min-height: 44px; min-width: 44px; padding: 0 12px; font: inherit; font-weight: 700; cursor: pointer;
  color: var(--e-text); background: var(--e-surface); border: 1px solid var(--e-border); border-radius: 8px;
}
.tb:hover { border-color: var(--e-primary); }
.tb:focus-visible, .tab:focus-visible, textarea:focus-visible, .credit a:focus-visible { outline: 2px solid var(--e-focus); outline-offset: 2px; }
.tb-primary { background: var(--e-primary); color: var(--e-primary-text); border-color: var(--e-primary); margin-left: auto; }
.tb-ghost { font-weight: 600; }
textarea {
  width: 100%; min-height: 140px; padding: 10px; font: inherit; font-size: 16px; color: var(--e-text);
  background: var(--e-bg); border: 1px solid var(--e-border); border-radius: 8px; resize: vertical;
}
.meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 4px 0 10px; font-size: .875rem; color: var(--e-muted); }
.meta .over { color: var(--e-danger); font-weight: 700; }
.tabs { display: inline-flex; border: 1px solid var(--e-border); border-radius: 8px; overflow: hidden; margin-bottom: 8px; }
.tab { min-height: 40px; padding: 0 14px; font: inherit; font-weight: 600; cursor: pointer; color: var(--e-text); background: var(--e-surface); border: 0; }
.tab[aria-selected="true"] { background: var(--e-primary); color: var(--e-primary-text); }
.pv-wrap { overflow-x: auto; }
.pv {
  margin: 0 auto; background: var(--e-card); color: var(--e-card-text); border: 1px solid #d0d7de; border-radius: 10px; overflow: hidden;
  font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.pv[data-mode="mobile"] { max-width: 375px; }
.pv[data-mode="desktop"] { max-width: 555px; }
.pv-head { display: flex; gap: 8px; padding: 12px 12px 0; }
.pv-avatar { width: 48px; height: 48px; border-radius: 50%; background: #c7d0d9; flex: none; }
.pv-name { font-weight: 600; font-size: .9rem; line-height: 1.2; }
.pv-sub { font-size: .75rem; color: var(--e-card-muted); }
.pv-body { padding: 8px 12px 10px; font-size: .9rem; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; min-height: 3em; }
.pv-more { color: var(--e-card-muted); font-weight: 600; }
.pv-empty { color: var(--e-card-muted); }
.pv-foot { display: flex; justify-content: space-around; padding: 6px 4px; border-top: 1px solid #e0e6eb; font-size: .8rem; font-weight: 600; color: var(--e-card-muted); }
.note { margin: 8px 0 0; font-size: .8125rem; color: var(--e-muted); }
.status { min-height: 1.4em; margin: 6px 0 0; font-size: .875rem; font-weight: 600; color: var(--e-primary); }
:root[data-theme="dark"] .status { color: var(--e-focus); }
.credit { margin: 10px 0 0; font-size: .8125rem; color: var(--e-muted); }
.credit a { color: var(--e-text); font-weight: 600; }