/* Vitrine des logiciels gratuits (fenêtre d'application sur fond dégradé) : partagée par l'app et le site. */
/* ---------- Vitrine « Nos logiciels gratuits » (inspiration Raycast : fenêtre sombre sur fond dégradé, puces) ---------- */
.sc-stage { position: relative; overflow: hidden; border-radius: 20px; padding: 48px 32px 28px; background: #07080b; color: #e8e8ec; isolation: isolate; }
.sc-glow { position: absolute; inset: -20%; z-index: -1; background:
  radial-gradient(60% 50% at 15% 20%, rgba(214, 64, 64, .45), transparent 60%),
  radial-gradient(50% 45% at 90% 75%, rgba(214, 64, 64, .35), transparent 60%),
  radial-gradient(60% 60% at 50% 0%, rgba(40, 70, 160, .35), transparent 70%),
  linear-gradient(115deg, transparent 30%, rgba(255, 90, 90, .12) 45%, transparent 55%); filter: blur(10px); animation: sc-drift 18s ease-in-out infinite alternate; }
@keyframes sc-drift { from { transform: translate3d(-2%, 0, 0) rotate(0deg); } to { transform: translate3d(2%, 2%, 0) rotate(3deg); } }
.sc-window { display: grid; grid-template-columns: 220px minmax(0, 1fr); max-width: 1000px; margin: 0 auto; min-height: 500px; border-radius: 16px; overflow: hidden;
  background: rgba(24, 24, 28, .86); border: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 40px 120px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .06); backdrop-filter: blur(20px); }
.sc-side { padding: 14px 10px; background: linear-gradient(180deg, rgba(60, 30, 34, .55), rgba(30, 24, 28, .55)); border-right: 1px solid rgba(255, 255, 255, .06); display: grid; align-content: start; gap: 2px; }
.sc-lights { display: flex; gap: 7px; padding: 4px 6px 14px; }
.sc-lights i { width: 12px; height: 12px; border-radius: 50%; background: #ff5f57; } .sc-lights i:nth-child(2) { background: #febc2e; } .sc-lights i:nth-child(3) { background: #28c840; }
.sc-side-title { font-size: 12px; color: #8c8c96; margin: 0 8px 6px; }
.sc-side-item { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 9px; color: #d6d6dc; text-decoration: none; font-size: 14px; }
.sc-side-item:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.sc-main { padding: 18px 22px; min-width: 0; display: flex; flex-direction: column; }
.sc-bar { display: grid; margin-bottom: 14px; } .sc-bar strong { font-size: 14px; color: #fff; } .sc-bar span { font-size: 12px; color: #8c8c96; }
.sc-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 1000px; margin: 22px auto 0; }
.sc-chip { display: inline-flex; gap: 8px; align-items: center; padding: 8px 14px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .04); color: #a9a9b2; font: inherit; font-size: 14px; cursor: pointer; transition: background .15s, color .15s; }
.sc-chip:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.sc-chip[aria-selected="true"] { color: #fff; background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .22); }
.sc-chip:focus-visible { outline: 2px solid #8fb0e3; outline-offset: 2px; }
.sc-info { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px 32px; max-width: 1000px; margin: 26px auto 0; align-items: start; }
.sc-info h2 { margin: 0 0 6px; font-size: 20px; color: #fff; } .sc-info h2 span { color: #8c8c96; font-weight: 500; }
.sc-info p { margin: 0; color: #b4b4bc; line-height: 1.6; }
.sc-info ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; color: #d6d6dc; font-size: 14px; }
.sc-info li::before { content: "✓"; color: #8fb0e3; margin-right: 8px; }
.sc-cta { grid-column: 1 / -1; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; color: #8c8c96; }
.sc-stage .btn.primary { background: #f2f2f4; color: #0b0b0e; border-color: #f2f2f4; }
.sc-ico { width: 18px; height: 18px; border-radius: 6px; flex: none; background: linear-gradient(135deg, #8fb0e3, #4d6a97); }
.sc-ico-wiki { background: linear-gradient(135deg, #f3f3f5, #9a9aa5); } .sc-ico-recrutement { background: linear-gradient(135deg, #f1a7a0, #b5524a); }
.sc-ico-tableaux { background: linear-gradient(135deg, #9fd3c7, #3f8075); } .sc-ico-planning { background: linear-gradient(135deg, #b9c9f0, #4d6a97); }
.sc-ico-enquetes { background: linear-gradient(135deg, #e8d29a, #a08033); } .sc-ico-boite { background: linear-gradient(135deg, #c9b8f0, #6c5f98); }
/* Écrans d'aperçu */
.scr { font-size: 13px; color: #d6d6dc; animation: scr-in .35s ease-out; }
@keyframes scr-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.scr h3 { margin: 4px 0 10px; font-size: 20px; color: #fff; }
.scr-crumb, .scr-legend { color: #8c8c96; font-size: 12px; margin: 0; }
.scr-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin: 0 4px 0 10px; vertical-align: -1px; }
.scr-callout { padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, .06); margin-bottom: 10px; }
.scr-check { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 4px; }
.scr-check li::before { content: "☐ "; color: #8c8c96; } .scr-check li.done { color: #8c8c96; text-decoration: line-through; } .scr-check li.done::before { content: "☑ "; }
.scr-table { width: 100%; border-collapse: collapse; } .scr-table th, .scr-table td { text-align: left; padding: 7px 8px; border-bottom: 1px solid rgba(255, 255, 255, .07); font-weight: 400; }
.scr-table th { color: #8c8c96; font-size: 12px; }
.scr-tag { padding: 2px 8px; border-radius: 6px; font-size: 12px; } .t-blue { background: #2f4060; color: #c9d8f0; } .t-green { background: #2f4a3c; color: #bfe3cc; } .t-amber { background: #4d4127; color: #f0dcae; }
.scr-kanban { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.scr-col { background: rgba(255, 255, 255, .04); border-radius: 10px; padding: 8px; display: grid; gap: 6px; align-content: start; min-height: 220px; }
.scr-col > p { margin: 0 0 4px; font-size: 12px; color: #a9a9b2; display: flex; justify-content: space-between; }
.scr-card { display: grid; gap: 2px; padding: 8px; border-radius: 8px; background: rgba(255, 255, 255, .07); } .scr-card span { font-size: 11px; color: #8c8c96; } .scr-stars { color: #e8d29a !important; }
.scr-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }
.scr-kpis div { display: grid; padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, .05); } .scr-kpis span { font-size: 12px; color: #8c8c96; } .scr-kpis strong { font-size: 22px; color: #fff; }
.scr-chart { height: 170px; display: flex; align-items: flex-end; gap: 8px; padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); margin-bottom: 8px; }
.scr-chart i { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #8fb0e3, #3d5580); animation: scr-grow .6s ease-out both; transform-origin: bottom; }
@keyframes scr-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.scr-plan-head, .scr-plan-row { display: grid; grid-template-columns: 90px repeat(5, minmax(0, 1fr)); gap: 6px; align-items: center; margin-bottom: 6px; }
.scr-plan-head span { color: #8c8c96; font-size: 12px; text-align: center; } .scr-plan-head span:first-child { text-align: left; }
.scr-plan-row i, .scr-legend i { height: 22px; border-radius: 6px; }
.scr-legend i { height: 10px; }
.d-p { background: #4d6a97; } .d-r { background: repeating-linear-gradient(135deg, #4d6a97 0 3px, #2f4060 3px 6px); } .d-l { background: #4e7a63; } .d-a { background: #96564f; }
.scr-q { font-size: 15px; color: #fff; margin: 4px 0 14px; }
.scr-res { display: grid; grid-template-columns: 130px minmax(0, 1fr) 46px; gap: 10px; align-items: center; margin-bottom: 10px; }
.scr-track { height: 10px; border-radius: 6px; background: rgba(255, 255, 255, .07); overflow: hidden; } .scr-track i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #6c5f98, #bcaee3); animation: scr-fill .7s ease-out both; transform-origin: left; }
@keyframes scr-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.scr-tools { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.scr-head { display: flex; justify-content: space-between; align-items: center; margin: 0 0 8px; color: #a9a9b2; font-size: 12px; }
.scr-head span { padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #d0d0d8; font-size: 11px; font-weight: 600; }
.scr-docs { display: grid; gap: 6px; }
.scr-doc { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .05); transition: background .15s, transform .15s; }
.scr-doc:hover { background: rgba(255, 255, 255, .09); transform: translateY(-1px); }
.scr-doc svg { width: 20px; height: 20px; flex: none; color: #c9b8f0; }
.scr-doc span { display: grid; gap: 1px; min-width: 0; } .scr-doc strong { color: #f0f0f3; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scr-doc em { font-style: normal; color: #8c8c96; font-size: 11px; }
.scr-doc b { margin-left: auto; padding: 2px 6px; border-radius: 5px; background: rgba(240, 143, 134, .14); color: #f3b2ab; font-size: 10px; letter-spacing: .02em; }
.scr-side-stack { display: grid; gap: 10px; }
.scr-sim-gross { display: flex; justify-content: space-between; align-items: baseline; } .scr-sim-gross span { color: #c9c9d1; font-size: 12.5px; } .scr-sim-gross strong { color: #fff; font-size: 20px; letter-spacing: -.02em; }
.scr-sim-bar { display: flex; height: 8px; border-radius: 999px; overflow: hidden; background: rgba(255, 255, 255, .06); }
.scr-sim-bar i.net { width: 78%; background: #9fb3ff; } .scr-sim-bar i.sal { width: 22%; background: #f0c27b; }
.scr-sim-row { display: flex; justify-content: space-between; color: #c9c9d1; font-size: 12.5px; } .scr-sim-row span { display: inline-flex; align-items: center; gap: 6px; }
.scr-sim-row i { width: 8px; height: 8px; border-radius: 2px; } .scr-sim-row i.net { background: #9fb3ff; } .scr-sim-row i.sal { background: #f0c27b; }
.scr-sim-row.total { padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, .08); color: #fff; font-weight: 600; }
.scr-guide { padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, .05); }
.scr-progress { height: 6px; border-radius: 999px; background: rgba(255, 255, 255, .08); overflow: hidden; } .scr-progress i { display: block; width: 64%; height: 100%; background: #8fd4b0; border-radius: inherit; }
.scr-next { margin: 8px 0 0; color: #c9c9d1; font-size: 12px; }
.scr-list { display: grid; gap: 6px; } .scr-list div { display: flex; gap: 8px; align-items: center; padding: 8px 10px; border-radius: 8px; background: rgba(255, 255, 255, .05); } .scr-list em { margin-left: auto; font-style: normal; font-size: 11px; color: #8c8c96; }
.scr-sim { padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, .05); display: grid; gap: 9px; align-content: start; }
.scr-sim .scr-head { margin: 0; }
.sc-h-10 { height: 10%; }
.sc-h-20 { height: 20%; }
.sc-h-30 { height: 30%; }
.sc-h-40 { height: 40%; }
.sc-h-50 { height: 50%; }
.sc-h-60 { height: 60%; }
.sc-h-70 { height: 70%; }
.sc-h-80 { height: 80%; }
.sc-h-90 { height: 90%; }
.sc-h-100 { height: 100%; }
.sc-w-0 { width: 0%; }
.sc-w-10 { width: 10%; }
.sc-w-20 { width: 20%; }
.sc-w-30 { width: 30%; }
.sc-w-40 { width: 40%; }
.sc-w-50 { width: 50%; }
.sc-w-60 { width: 60%; }
.sc-w-70 { width: 70%; }
.sc-w-80 { width: 80%; }
.sc-w-90 { width: 90%; }
.sc-w-100 { width: 100%; }
@media (max-width: 760px) { .sc-stage { padding: 28px 12px 20px; border-radius: 14px; } .sc-window { grid-template-columns: 1fr; } .sc-side { display: none; } .sc-info { grid-template-columns: 1fr; } .scr-kanban { grid-template-columns: repeat(2, minmax(0, 1fr)); } .scr-tools { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .sc-glow, .scr, .scr-chart i, .scr-track i { animation: none; } }

/* Vitrine cliquable */
.sc-side-item[aria-current="true"] { background: rgba(255, 255, 255, .1); color: #fff; }
.sc-screen { position: relative; cursor: pointer; flex: 1; padding-bottom: 56px; }
.sc-screen[hidden] { display: none; }
.sc-screen .scr-card, .sc-screen .scr-kpis > *, .sc-screen .scr-list li, .sc-screen .scr-plan-row, .sc-screen tr, .sc-screen .scr-q, .sc-screen .scr-check, .sc-screen .scr-sim { transition: background .15s, transform .15s, box-shadow .15s; }
.sc-screen .scr-card:hover, .sc-screen .scr-kpis > *:hover, .sc-screen .scr-list li:hover, .sc-screen .scr-sim:hover { background: rgba(255, 255, 255, .1); transform: translateY(-1px); }
.sc-screen .scr-plan-row:hover, .sc-screen tr:hover { background: rgba(255, 255, 255, .05); }
.sc-screen .scr-card[draggable="true"] { cursor: grab; }
.sc-screen .scr-card.is-dragging { opacity: .4; }
.sc-screen .scr-col.is-over { outline: 1px dashed rgba(255, 255, 255, .35); outline-offset: -4px; }
.sc-open { position: absolute; right: 0; bottom: 4px; font-size: 13px; color: #e8e8ec; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .15); padding: 6px 12px; border-radius: 999px; text-decoration: none; transition: background .15s; }
.sc-open:hover { background: rgba(255, 255, 255, .18); color: #fff; text-decoration: none; }
.scr-tag { white-space: nowrap; }
.scr-legend span { white-space: nowrap; }
.sc-ico-signature { background: linear-gradient(135deg, #f4c3a1, #b7653c); }
.scr-sign { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.scr-paper { position: relative; padding: 16px 16px 12px; border-radius: 8px; background: #f4f4f6; color: #1a1b20; display: grid; gap: 7px; }
.scr-paper-t { margin: 0 0 4px; font-weight: 700; font-size: 13px; }
.scr-paper i { display: block; height: 6px; border-radius: 3px; background: #d6d7dd; } .scr-paper i.s { width: 70%; }
.scr-sig-zone { margin-top: 8px; padding: 6px 8px; border: 1px dashed #b7b9c3; border-radius: 6px; color: #23305f; display: grid; gap: 2px; }
.scr-sig-zone svg { width: 110px; height: 30px; } .scr-sig-zone span { font-size: 10.5px; color: #6b6e7a; }
.scr-paper-ref { margin: 4px 0 0; font-size: 10px; color: #8a8d99; }
.scr-signers { display: grid; gap: 8px; align-content: start; } .scr-signers > p { margin: 0; color: #a9a9b2; font-size: 12px; }
.scr-signers .scr-signer { display: flex; gap: 10px; align-items: center; padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, .05); }
.scr-signers strong { display: block; color: #fff; font-size: 13px; } .scr-signers em { font-style: normal; color: #a9a9b2; font-size: 11.5px; }
.scr-dot { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #d0d0d8; font-size: 11px; font-weight: 700; }
.scr-dot.ok { background: #2f6b4f; color: #d6f5e4; }
@media (max-width: 760px) { .scr-sign { grid-template-columns: 1fr; } }
/* Fenêtre d'aperçu d'un seul logiciel (pages /logiciels/...) */
.sc-solo .sc-window { grid-template-columns: 1fr; }
.sc-solo .sc-side, .sc-solo .sc-chips, .sc-solo .sc-info { display: none; }
.sc-screen .scr-signer { transition: background .15s, transform .15s; } .sc-screen .scr-signer:hover { background: rgba(255, 255, 255, .1); transform: translateY(-1px); }
.sc-ico-rendezvous { background: linear-gradient(135deg, #a8d8f0, #3f7fa0); }
.sc-ico-pdf { background: linear-gradient(135deg, #f2a6a6, #b23b3b); }
.sc-ico-badgeuse { background: linear-gradient(135deg, #9fe3c4, #1f8a5b); }
.scr-book { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 14px; }
.scr-book-info { padding: 14px; border-radius: 10px; background: rgba(255, 255, 255, .05); display: grid; gap: 6px; align-content: start; }
.scr-book-info strong { color: #fff; font-size: 15px; } .scr-book-info p { margin: 0; color: #a9a9b2; font-size: 12px; }
.scr-book-host { display: flex; align-items: center; gap: 8px; } .scr-book-host span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #3a3d4a; color: #fff; font-size: 10px; font-weight: 700; }
.scr-book-days { display: grid; gap: 8px; align-content: start; } .scr-book-days > p { margin: 0; color: #d0d0d8; font-size: 12px; font-weight: 600; }
.scr-book-slots { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.scr-book-slots span { text-align: center; padding: 7px 4px; border-radius: 7px; border: 1px solid rgba(255, 255, 255, .14); color: #e8e8ec; font-size: 12px; font-weight: 600; transition: background .15s; }
.scr-book-slots span:hover, .scr-book-slots span.on { background: #eef0f4; color: #0b0c10; border-color: #eef0f4; }
@media (max-width: 760px) { .scr-book { grid-template-columns: 1fr; } }
/* Écran « Outils PDF » */
.scr-pdf { display: grid; gap: 12px; }
.scr-pdf-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.scr-pdf-bar span { color: var(--sc-muted, #9aa0aa); }
.scr-pdf-bar .scr-pdf-btn { margin-left: auto; padding: 5px 10px; border-radius: 8px; background: #f2f2f2; color: #141414; font-weight: 600; }
.scr-pdf-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.scr-pdf-page { display: grid; gap: 6px; padding: 8px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; font-size: 11.5px; color: #c9ccd3; }
.scr-pdf-page.is-sel { border-color: #aebcff; box-shadow: inset 0 0 0 1px #aebcff; }
.scr-pdf-sheet { display: grid; gap: 5px; align-content: start; aspect-ratio: 3 / 4; padding: 10px 8px; background: #f7f7f5; border-radius: 3px; }
.scr-pdf-sheet.is-rot { aspect-ratio: 4 / 3; align-self: center; }
.scr-pdf-sheet i { display: block; height: 4px; border-radius: 2px; background: #d6d6d2; }
.scr-pdf-sheet i.s { width: 60%; }
.scr-pdf-page b { color: #fff; }
.scr-pdf-note { margin: 0; font-size: 12px; color: #9aa0aa; }
@media (max-width: 760px) { .scr-pdf-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Aperçu : badgeuse */
.scr-tc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 12px; }
.scr-tc-card { display: grid; gap: 8px; padding: 14px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 10px; }
.scr-tc-card strong { font-size: 18px; }
.scr-tc-dot { width: 10px; height: 10px; border-radius: 50%; background: #3ecf8e; box-shadow: 0 0 0 5px rgba(62, 207, 142, .2); }
.scr-tc-btns { display: flex; gap: 8px; }
.scr-tc-btns span { padding: 8px 14px; border-radius: 8px; background: #2a2d33; color: #e8e9ec; font-weight: 600; font-size: 13px; }
.scr-tc-btns span.is-main { background: #f2f2f2; color: #141414; }
.scr-tc-row { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; font-size: 12.5px; color: #c9ccd3; padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.scr-tc-row b { color: #fff; }
.scr-tc-row i { font-style: normal; color: #f5c76b; }
@media (max-width: 640px) { .scr-tc { grid-template-columns: minmax(0, 1fr); } }

/* Écran Kandidat : en-tête de l'offre et pipeline qui occupe toute la fenêtre */
.sc-screen { display: flex; flex-direction: column; }
.sc-screen > .scr { flex: 1; }
.scr-ats { display: flex; flex-direction: column; gap: 12px; min-height: 0; }
.scr-ats-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 14px; border-radius: 12px;
  background: linear-gradient(120deg, rgba(214, 64, 64, .16), rgba(255, 255, 255, .04) 60%); border: 1px solid rgba(255, 255, 255, .07); }
.scr-ats-head > div:first-child { display: grid; gap: 2px; } .scr-ats-head strong { color: #fff; font-size: 15px; } .scr-ats-head > div:first-child span { font-size: 12px; color: #a9a9b2; }
.scr-ats-stats { display: flex; gap: 6px; flex-wrap: wrap; }
.scr-ats-stats span { padding: 5px 10px; border-radius: 999px; background: rgba(255, 255, 255, .06); font-size: 12px; color: #a9a9b2; } .scr-ats-stats b { color: #fff; font-weight: 600; }
.scr-ats .scr-kanban { flex: 1; align-items: stretch; }
.scr-ats .scr-col { min-height: 0; padding: 10px 8px; }
.scr-ats .scr-col > p { padding: 0 2px; }
.scr-ats .scr-col > p span { min-width: 20px; text-align: center; padding: 1px 6px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #d6d6dc; }
.scr-ats .scr-card { gap: 7px; padding: 10px; border: 1px solid rgba(255, 255, 255, .05); }
.scr-card-top { display: flex; align-items: center; gap: 8px; min-width: 0; } .scr-card-top strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #f2f2f4; }
.scr-av { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 10px !important; font-weight: 700; color: #fff !important; }
.scr-av.a0 { background: linear-gradient(135deg, #f1a7a0, #b5524a); } .scr-av.a1 { background: linear-gradient(135deg, #b9c9f0, #4d6a97); }
.scr-av.a2 { background: linear-gradient(135deg, #9fd3c7, #3f8075); } .scr-av.a3 { background: linear-gradient(135deg, #e8d29a, #a08033); }
.scr-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 6px; flex-wrap: wrap; }
.scr-card-meta .scr-tag { font-size: 10.5px; padding: 1px 7px; }
.scr-ats .scr-stars { font-size: 11px; letter-spacing: 1px; } .scr-stars-off { color: rgba(255, 255, 255, .18) !important; }
.scr-when { font-size: 11px; color: #8c8c96; }
@media (max-width: 760px) { .scr-ats .scr-kanban { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sc-screen:not(:has(.sc-open)) { padding-bottom: 0; }
.sc-solo .sc-window { min-height: 0; } /* page d’un seul logiciel : la fenêtre épouse son contenu, sans vide en bas */