Merge branch 'main' of https://git.azuze.fr/kawa/SharepointToolbox-Web

wwwroot/app.css

@@ -382,5 +382,76 @@ body {
 .folder-node { display: flex; flex-direction: column; gap: 6px; }
 .folder-node .folder-node { border-left: 1px solid var(--border); padding-left: 6px; }
 
+/* ── HelpTip ("?" badge + hover tooltip explaining SharePoint jargon) ── */
+.help-tip {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: middle;
+    margin-left: 5px;
+    cursor: help;
+    outline: none;
+}
+.help-tip-mark {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px; height: 16px;
+    padding: 0; margin: 0;
+    border: none;
+    border-radius: 50%;
+    background: var(--accent-soft);
+    color: var(--accent);
+    font-size: 10px; font-weight: 700;
+    font-family: var(--font, inherit);
+    line-height: 1;
+    cursor: pointer;
+    user-select: none;
+}
+.help-tip-mark:hover,
+.help-tip.open .help-tip-mark { background: var(--accent); color: #fff; }
+.help-tip-mark:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+.help-tip-bubble {
+    position: absolute;
+    bottom: calc(100% + 8px);
+    left: -8px;
+    transform: translateY(4px);
+    z-index: 60;
+    width: max-content;
+    max-width: 280px;
+    padding: 8px 10px;
+    border-radius: var(--radius-md);
+    background: var(--card-bg);
+    color: var(--text);
+    border: 1px solid var(--border);
+    box-shadow: var(--shadow-card);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 1.45;
+    text-align: left;
+    text-transform: none;
+    letter-spacing: normal;
+    white-space: normal;
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    transition: opacity .12s ease, transform .12s ease;
+}
+.help-tip-wide .help-tip-bubble { max-width: 340px; }
+.help-tip-bubble::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 12px;
+    border: 5px solid transparent;
+    border-top-color: var(--border);
+}
+.help-tip.open .help-tip-bubble {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+}
+
 /* ── Theme (light-only palette; System resolves via JS) ── */
 [data-theme="light"] { color-scheme: light; }