/* ========================================================================== Module:Liste des Sujets (Threads List) ========================================================================== */ /* --- Dark Mode (défaut) --- */ /* ========================================================================== Zone de Contenu (Liste des Sujets / Contenu Sujet Unique) ========================================================================== */ .ttb-content-area{flex:1;min-width:0}/* Liste des sujets */ .ttb-thread-list{background-color:transparent}.ttb-thread-item{display:flex;align-items:center;padding:var(--space-md);background-color:var(--clr-bg-element);border-bottom:1px solid var(--clr-divider);gap:var(--space-md);transition:background-color 0.2s ease}.ttb-thread-item:last-child{border-bottom:none}.ttb-thread-item:hover{background-color:var(--clr-bg-element-hover)}.ttb-thread-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.ttb-thread-main-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.ttb-thread-main-content .title{font-size:var(--font-size-lg);font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttb-thread-main-content .title a{color:var(--clr-text-heading)}.ttb-thread-main-content .title a:hover{color:var(--clr-text-link-hover)}.ttb-thread-main-content .meta{font-size:var(--font-size-sm);color:var(--clr-text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);margin:0}.ttb-thread-main-content .meta .author,.ttb-thread-main-content .meta .board-name{color:var(--clr-text-link);font-weight:bold}.ttb-thread-main-content .meta .time,.ttb-thread-main-content .meta .in-board-text{color:var(--clr-text-secondary)}.ttb-thread-stats{display:flex;flex-shrink:0;gap:var(--space-md);text-align:center;min-width:6.25rem}.ttb-thread-stats .stat-item{display:flex;flex-direction:column;align-items:center;color:var(--clr-text-secondary);font-size:var(--font-size-sm);min-width:2.8125rem}.ttb-thread-stats .stat-item .count{font-size:var(--font-size-lg);color:var(--clr-text-primary);font-weight:bold;line-height:1.2}.ttb-thread-stats .stat-item .label{font-size:0.625rem;text-transform:uppercase}/* ========================================================================== Sujets Épinglés ========================================================================== */ .ttb-pinned-threads-list{background-color:transparent;margin-bottom:var(--space-lg)}.ttb-pinned-threads-list .ttb-thread-item{background-color:transparent}.ttb-pinned-threads-list .ttb-thread-item:last-child{border-bottom:none}.ttb-pinned-threads-list .ttb-thread-item.ttb-pinned-item{background-color:var(--clr-bg-element-pinned)}/* L'icône d'épingle */ .ttb-thread-item .title .ttb-pinned-icon{color:var(--clr-accent-gold);margin-right:var(--space-xs);font-size:0.9em;vertical-align:middle}.ttb-admin-button.ttb-delete-button{background-color:#c0392b}.ttb-admin-button.ttb-delete-button:hover,.ttb-admin-button.ttb-delete-button:focus{background-color:#a93226}.ttb-admin-button.ttb-delete-button i.fas{margin-right:var(--space-xs)}.ttb-thread-stats{align-items:center}.ttb-thread-locked-icon{color:var(--clr-text-secondary);font-size:0.9em;margin-right:var(--space-sm);line-height:1}/* --- Light Mode --- */ html.light-mode .ttb-thread-item{background-color:var(--color-component-background,#EADDCA);border-bottom:1px solid var(--clr-divider,#E0D5C1)}html.light-mode .ttb-thread-item:hover{background-color:#E2D5C0}html.light-mode .ttb-thread-main-content .title a{color:var(--color-text-heading,#4A3B31)}html.light-mode .ttb-thread-main-content .title a:hover{color:var(--clr-text-link-hover)}html.light-mode .ttb-thread-main-content .meta{color:var(--color-text-secondary)}html.light-mode .ttb-thread-main-content .meta .author,html.light-mode .ttb-thread-main-content .meta .board-name{color:var(--clr-text-link)}html.light-mode .ttb-thread-stats .stat-item{color:var(--color-text-secondary)}html.light-mode .ttb-thread-stats .stat-item .count{color:var(--color-text)}html.light-mode .ttb-thread-stats .stat-item .label{color:var(--color-text-secondary)}/* Flash d'apparition temps réel (nouveau sujet/commentaire injecté) */ @keyframes ttb-flash-in{0%{background-color:color-mix(in srgb,var(--clr-accent,#60a5fa) 18%,transparent)}100%{background-color:transparent}}.ttb-realtime-new{animation:ttb-flash-in 2.5s ease-out forwards}/* Icône de cadenas pour sujet verrouillé */ html.light-mode .ttb-thread-locked-icon{color:var(--color-text-secondary)}/* Sujets Épinglés */ html.light-mode .ttb-pinned-threads-list .ttb-thread-item.ttb-pinned-item{background-color:#F2E8D8}html.light-mode .ttb-thread-item .title .ttb-pinned-icon{color:var(--clr-accent-gold)}