/* LINKEDIN TODAY (static/js/pages/linkedin_today.js) — every rule under html.ui-new, so only "Try
   the new screens" sees it. page-head, panel and badge are the portal's app.css as copied; the
   account cards and their meters are this page's own. */
html.ui-new .lt-page .wrap { max-width:1280px; }
html.ui-new .lt-page .lt-hours { display:inline-flex; align-items:center; gap:8px; font-size:var(--text-sm); color:var(--ink-600); background:var(--paper-100); border-radius:14px; padding:6px 14px; margin:0 0 var(--space-4); }
html.ui-new .lt-page .lt-hours::before { content:""; flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--orbit-green, #3fae6a); }
html.ui-new .lt-page .lt-hours.is-off::before { background:var(--ink-400, #9a97a3); }
html.ui-new .lt-page .lt-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(420px, 1fr)); gap:var(--space-4); }
html.ui-new .lt-page .lt-acct { padding:var(--space-5); display:flex; flex-direction:column; gap:var(--space-4); margin:0; }
html.ui-new .lt-page .lt-acct.is-yours { border-color:var(--hr-purple-300, #dcc3ea); }
html.ui-new .lt-page .lt-head { display:flex; gap:12px; align-items:center; }
html.ui-new .lt-page .lt-av { flex:0 0 40px; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:700; color:#fff; background:var(--ink-900, #111); font-size:var(--text-sm); }
html.ui-new .lt-page .lt-head-t { min-width:0; }
html.ui-new .lt-page .lt-name { font-family:var(--font-display); font-size:var(--text-md); font-weight:var(--fw-semibold); color:var(--ink-900); }
html.ui-new .lt-page .lt-how { font-size:var(--text-xs); color:var(--ink-500); margin-top:2px; }
html.ui-new .lt-page .lt-badge-shared { background:var(--hr-purple-100); color:var(--hr-purple-700); }
html.ui-new .lt-page .lt-dot { color:var(--ink-400, #9a97a3); }
html.ui-new .lt-page .lt-meters { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--space-3); }
html.ui-new .lt-page .lt-meter { background:var(--paper-100); border-radius:var(--radius-md, 12px); padding:10px 12px; min-width:0; }
html.ui-new .lt-page .lt-meter-top { display:flex; justify-content:space-between; align-items:baseline; gap:6px; }
html.ui-new .lt-page .lt-meter-l { font-size:var(--text-xs); font-weight:var(--fw-semibold); color:var(--ink-600); }
html.ui-new .lt-page .lt-meter-n { font-family:var(--font-display); font-size:var(--text-xl); font-weight:var(--fw-semibold); color:var(--ink-900); font-variant-numeric:tabular-nums; white-space:nowrap; }
html.ui-new .lt-page .lt-of { font-family:inherit; font-size:var(--text-xs); font-weight:400; color:var(--ink-500); }
html.ui-new .lt-page .lt-bar { height:6px; border-radius:999px; background:var(--paper-200); margin:8px 0 6px; overflow:hidden; }
html.ui-new .lt-page .lt-bar span { display:block; height:100%; border-radius:999px; background:var(--ink-900, #111); }
html.ui-new .lt-page .lt-meter.is-near .lt-bar span { background:var(--energy-yellow, #f2c050); }
html.ui-new .lt-page .lt-meter.is-full .lt-bar span { background:var(--hr-purple, #9140b0); }
html.ui-new .lt-page .lt-meter-note { font-size:var(--text-xs); color:var(--ink-500); }
html.ui-new .lt-page .lt-meter.is-full .lt-meter-note { color:var(--hr-purple-700); font-weight:var(--fw-semibold); }
html.ui-new .lt-page .lt-cells { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3); }
html.ui-new .lt-page .lt-cell { border:1px solid var(--paper-200); border-radius:var(--radius-md, 12px); padding:12px 14px; display:flex; flex-direction:column; gap:3px; }
html.ui-new .lt-page .lt-cell-n { font-family:var(--font-display); font-size:var(--text-2xl); font-weight:var(--fw-semibold); line-height:1; color:var(--ink-900); font-variant-numeric:tabular-nums; }
html.ui-new .lt-page .lt-cell-l { font-size:var(--text-sm); color:var(--ink-700, #3a3744); }
html.ui-new .lt-page .lt-cell-d { font-size:var(--text-xs); color:var(--ink-500); }
html.ui-new .lt-page .lt-cell-d.is-warn { color:var(--energy-yellow-800, #7a5a0c); font-weight:var(--fw-semibold); }
html.ui-new .lt-page .lt-link { font-size:var(--text-xs); font-weight:var(--fw-semibold); color:var(--hr-purple-700); margin-top:4px; text-decoration:none; }
html.ui-new .lt-page .lt-link:hover { text-decoration:underline; }
html.ui-new .lt-page .lt-week { display:flex; flex-wrap:wrap; gap:6px 16px; align-items:baseline; font-size:var(--text-sm); color:var(--ink-600); font-variant-numeric:tabular-nums; }
html.ui-new .lt-page .lt-week b { color:var(--ink-900); font-weight:var(--fw-semibold); }
html.ui-new .lt-page .lt-week-l { font-size:var(--text-xs); font-weight:var(--fw-semibold); color:var(--ink-500); text-transform:uppercase; letter-spacing:.04em; }
html.ui-new .lt-page .lt-week-cap { font-size:var(--text-xs); color:var(--ink-500); margin-left:auto; }
html.ui-new .lt-page .lt-feed-h { font-size:var(--text-xs); font-weight:var(--fw-semibold); color:var(--ink-500); text-transform:uppercase; letter-spacing:.04em; margin-bottom:-6px; }
html.ui-new .lt-page .lt-feed { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
html.ui-new .lt-page .lt-feed li { display:flex; align-items:center; gap:10px; padding:6px 0; border-top:1px solid var(--paper-200); font-size:var(--text-sm); }
html.ui-new .lt-page .lt-feed li:first-child { border-top:0; }
html.ui-new .lt-page .lt-feed-dot { flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--paper-300, #cfc9dd); }
html.ui-new .lt-page .lt-feed-accepted .lt-feed-dot { background:var(--orbit-green, #3fae6a); }
html.ui-new .lt-page .lt-feed-reply .lt-feed-dot { background:var(--hr-purple, #9140b0); }
html.ui-new .lt-page .lt-feed-message .lt-feed-dot { background:var(--ink-900, #111); }
html.ui-new .lt-page .lt-feed-w { flex:1; min-width:0; color:var(--ink-900); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html.ui-new .lt-page .lt-feed-t { font-size:var(--text-xs); color:var(--ink-500); white-space:nowrap; font-variant-numeric:tabular-nums; }
html.ui-new .lt-page .lt-empty { font-size:var(--text-sm); color:var(--ink-500); margin:0; }
@media (max-width: 720px) {
  html.ui-new .lt-page .lt-grid { grid-template-columns:1fr; }
  html.ui-new .lt-page .lt-meters { grid-template-columns:1fr; }
  html.ui-new .lt-page .lt-cells { grid-template-columns:1fr; }
}

/* Waiting over two weeks: the retry list (invite_retry.py) */
html.ui-new .lt-retries { margin-top: 16px; }
html.ui-new .lt-rts { list-style: none; margin: 10px 0 0; padding: 0; }
html.ui-new .lt-rt { padding: 10px 0; border-top: 1px solid var(--line, #e7e7e7); display: grid; gap: 4px; }
html.ui-new .lt-rt .btn { justify-self: start; }
html.ui-new .lt-rt-text { font-size: 13px; color: var(--ink-2, #444); font-style: italic; white-space: pre-wrap; }