/* LinkedIn Format Pro - Brouillons locaux (complète tools.css, stats.css et checklist.css) */
.dr-layout { display: grid; gap: var(--space-md); margin: 0 0 var(--space-lg); }
@media (min-width: 801px) { .dr-layout { grid-template-columns: minmax(260px, 340px) 1fr; align-items: start; } }
.dr-side, .dr-editor, .dr-empty { min-width: 0; }
.dr-toolbar { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-bottom: var(--space-sm); }
.dr-toolbar .btn { flex: 1 1 auto; }
.dr-input { width: 100%; box-sizing: border-box; min-height: 44px; padding: 0 var(--space-sm); font: inherit; border: 1px solid var(--border-medium); border-radius: var(--radius-md); background: var(--color-white); color: var(--text-primary); }
.dr-count { margin: var(--space-xs) 0; min-height: 1.2em; color: var(--text-secondary); font-size: var(--font-size-sm); font-weight: 600; }
.dr-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-xs); max-height: 420px; overflow-y: auto; }
.dr-item-btn { width: 100%; text-align: left; display: flex; flex-direction: column; gap: 2px; min-height: 48px; padding: var(--space-xs) var(--space-sm); font: inherit; color: var(--text-primary); background: var(--color-white); border: 1px solid var(--border-light); border-radius: var(--radius-md); cursor: pointer; }
.dr-item-btn:hover { background: var(--color-primary-bg); }
.dr-item-btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.dr-item-btn.is-selected { border-color: var(--color-primary); box-shadow: inset 3px 0 0 var(--color-primary); background: var(--color-primary-bg); }
.dr-item-title { font-weight: 700; overflow-wrap: anywhere; }
.dr-item-date { font-size: var(--font-size-xs); color: var(--text-secondary); }
.dr-backup { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-md); padding-top: var(--space-sm); border-top: 1px solid var(--border-light); }
.dr-backup .btn { flex: 1 1 auto; min-height: 44px; padding: 0 var(--space-sm); font-size: var(--font-size-sm); }
.dr-backup-note { margin: var(--space-xs) 0 0; font-size: var(--font-size-xs); color: var(--text-secondary); }
.dr-actions { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-sm); }
.dr-actions .btn { flex: 1 1 auto; }
.dr-danger { color: #b42318; border-color: #b42318; }
:root[data-theme="dark"] .dr-danger { color: #ff9b91; border-color: #ff9b91; }
.dr-status { min-height: 1.2em; margin: var(--space-xs) 0 0; font-size: var(--font-size-sm); color: var(--text-secondary); }
.dr-empty { padding: var(--space-md); border: 1px dashed var(--border-medium); border-radius: var(--radius-lg); color: var(--text-secondary); }
.dr-empty h2 { margin-top: 0; color: var(--text-primary); }
.dr-empty .btn { margin: var(--space-xs) var(--space-xs) 0 0; }
.is-over { color: #b42318; font-weight: 700; }
:root[data-theme="dark"] .is-over { color: #ff9b91; }
.dr-note { margin: 0 0 var(--space-md); padding: var(--space-sm); border: 1px solid var(--border-light); border-left: 4px solid var(--color-primary); border-radius: var(--radius-md); background: var(--color-white); font-size: var(--font-size-sm); }
.tool-layout.dr-wrap { display: block; }
.dr-editor .field textarea.ck-text { min-height: 300px; }