header (56 px). Seuls les panneaux internes scrollent,jamais .inbox-main{display:flex;flex-direction:column;gap:12px;width:100%;max-width:1440px;height:calc(100vh - 56px);margin:0 auto;padding:16px 24px}blanche + bordure,pas d'ombre). */
.inbox-columns{display:flex;flex:1;min-height:0;overflow:hidden}.inbox-sidebar{display:flex;flex-direction:column;width:320px;min-height:0;background:var(--surface);border-right:1px solid var(--border)}.inbox-sidebar-head{padding:12px;border-bottom:1px solid var(--border)}.inbox-field-label{display:block;margin-bottom:6px;color:var(--text-2);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.inbox-page-select{width:100%}.thread-list{flex:1;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none}.thread-row{display:block;width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.thread-row:hover{background:var(--bg)}.thread-row.selected{background:var(--bg);box-shadow:inset 2px 0 0 var(--action)}.thread-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.thread-psid{overflow:hidden;font-family:var(--font-mono);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.thread-time{flex-shrink:0;color:var(--text-2);font-size:11px}.thread-preview{display:block;overflow:hidden;margin:0;color:var(--text-2);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.thread-empty{margin:0;padding:16px 12px;color:var(--text-2);font-size:13px}.inbox-conversation{display:flex;flex:1;flex-direction:column;min-height:0;background:var(--surface)}de la colonne blanche des threads. */ .conversation-scroll{flex:1;min-height:0;padding:16px 20px;overflow-y:auto;background:var(--bg)}.conversation-placeholder{margin:0;padding:32px 16px;color:var(--text-2);font-size:13px;text-align:center}.msg-row{display:flex;flex-direction:column;margin-bottom:10px}.msg-row.out{align-items:flex-end}.msg-row.in{align-items:flex-start}.msg-bubble{max-width:70%;padding:7px 12px;border-radius:var(--radius);font-size:14px;line-height:1.45;overflow-wrap:break-word;white-space:pre-wrap}.msg-bubble.in{background:#e9e9eb;color:var(--text)}.msg-bubble.out{background:var(--facebook);color:#fff}.msg-meta{margin-top:3px;color:var(--text-2);font-size:12px}.composer{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface);border-top:1px solid var(--border)}.composer-row{display:flex;gap:8px}.composer-input{flex:1}.composer-checkbox{display:flex;align-items:center;gap:8px;font-size:13px}.composer-hint{margin:0;color:var(--text-2);font-size:12px}.inbox-send-error{margin:0;padding:8px 12px 0;background:var(--surface);font-size:13px}.inbox-reauth{display:flex;align-items:center;justify-content:space-between;gap:12px}.inbox-reauth a{color:var(--warn-fg);font-weight:600;white-space:nowrap}que sur les 1120 px du conteneur .app-main. */ .comments-col{max-width:760px}.comments-toolbar{margin:16px 0}.page-selector{display:inline-flex;align-items:center;gap:8px;font-weight:500}.comments-reauth{margin:0 0 16px}.comments-reauth a{color:inherit;font-weight:600}.post-group{margin-bottom:16px;overflow:hidden}.post-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:10px 16px;background:var(--bg);border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.post-group-count{color:var(--text-2);font-size:12px;font-weight:500;white-space:nowrap}.comment-list{list-style:none;margin:0;padding:0}.comment-item{padding:12px 16px}.comment-item+.comment-item{border-top:1px solid var(--border)}Le statut reste texte + couleur grâce au badge "deleted". */ .comment-item.deleted{background:var(--bg);color:var(--text-2)}.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.comment-author{font-weight:600}.comment-date{color:var(--text-2);font-size:12px}.comment-message{margin:4px 0 10px;overflow-wrap:anywhere}.comment-item.deleted .comment-message{margin-bottom:0}.comment-actions{display:flex;gap:8px}.comment-actions .btn,.reply-form .btn{padding:4px 12px;font-size:13px}.reply-form{display:flex;gap:8px;margin-top:10px}.reply-form input{flex:1;min-width:0}:root{color-scheme:light;--bg: #f4f6fb;--surface: #ffffff;--border: #e6eaf2;--inactive: #9ea8b3;--text: #222b31;--text-2: #4c5a66;--action: #2563eb;--action-hover: #1d4ed8;--brand: #e22227;--destructive: #b42318;--destructive-hover: #9a1d14;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 2px 6px rgba(16, 24, 40, .06);--success-fg: #067647;--success-bg: #ecfdf3;--warn-fg: #b54708;--warn-bg: #fffaeb;--info-fg: #17415f;--info-bg: #e8f1f8;"Continue with Facebook" et les bulles sortantes du fil Messenger. */ --facebook: #1877f2;--facebook-hover: #166fe5;--radius: 10px;--radius-btn: 8px;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body{color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,p{margin:0 0 12px}h1{font-size:20px;font-weight:600;letter-spacing:-.01em}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}a{color:var(--text)}code,.mono{font-family:var(--font-mono);font-size:13px}:focus-visible{outline:2px solid var(--action);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-btn);background:transparent;color:var(--text);font:inherit;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--action);border-color:var(--action);color:#fff}.btn-primary:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}.btn-destructive{background:var(--destructive);border-color:var(--destructive);color:#fff}.btn-destructive:hover:not(:disabled){background:var(--destructive-hover);border-color:var(--destructive-hover)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--bg);border-color:var(--inactive)}.btn-facebook{background:var(--facebook);border-color:var(--facebook);color:#fff}.btn-facebook:hover:not(:disabled){background:var(--facebook-hover);border-color:var(--facebook-hover)}.badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warn{background:var(--warn-bg);color:var(--warn-fg)}.badge-neutral{background:var(--bg);border:1px solid var(--border);color:var(--text-2)}.banner-info{padding:10px 14px;border:1px solid #c8ddee;border-radius:var(--radius);background:var(--info-bg);color:var(--info-fg);font-weight:500}.banner-warn{padding:10px 14px;border:1px solid #f0dcb2;border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-fg);font-weight:500}input[type=text],input[type=email],input[type=search],textarea,select{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;line-height:1.4;transition:border-color .12s ease}input::placeholder,textarea::placeholder{color:var(--text-2);opacity:.7}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=search]:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--action);outline:2px solid var(--action);outline-offset:0}.form-error{color:var(--destructive);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.app-main{max-width:1120px;margin:0 auto;padding:24px}.centered-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:24px}.text-2{color:var(--text-2)}.app-header{display:flex;align-items:stretch;justify-content:space-between;height:56px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border)}.app-header-left{display:flex;align-items:stretch;gap:32px}.app-header-right{display:flex;align-items:center;gap:16px}avec le soulignement d'onglet actif). */
.wordmark{display:flex;align-items:center;color:var(--text);font-size:15px;font-weight:700;letter-spacing:.08em}.wordmark:after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;background:var(--brand);border-radius:1px}.app-nav{display:flex;align-items:stretch;gap:24px}.nav-tab{display:inline-flex;align-items:center;padding:0 2px;color:var(--text-2);font-weight:500;text-decoration:none;border-bottom:2px solid transparent;transition:color .12s ease}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--action);font-weight:600;border-bottom-color:var(--action)}