/* Carnet, pages liées, modèles et coin fun — s'appuie sur les couleurs du thème actif. */
.carnet-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 22px}
.carnet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:30px}
.carnet-grid.compact{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.carnet-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.carnet-card:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.carnet-card strong{font-size:17px;line-height:1.2}
.carnet-card small{color:var(--muted);line-height:1.45;flex:1}
.carnet-card .badge svg{width:13px;height:13px;vertical-align:-2px}
.carnet-meta{font-size:11px;color:var(--muted);letter-spacing:.02em}

.record-page{max-width:1180px}
.rp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.rp-bar .badge svg{width:13px;height:13px;vertical-align:-2px}
.rp-save{font-size:12px;color:var(--muted)}
.rp-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.rp-title{width:100%;border:0!important;background:transparent!important;color:var(--ink);font:inherit;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.02em;padding:4px 0!important;box-shadow:none!important;outline:none}
.rp-title:focus{border-bottom:2px solid var(--orange)!important}
.rp-props{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.rp-props label{display:flex;flex-direction:column;gap:5px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-width:150px}
.rp-props select,.rp-props input{font-size:14px;text-transform:none;letter-spacing:0}
.rp-notes{margin-bottom:18px;padding:12px 16px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.rp-notes summary{cursor:pointer;font-size:13px}
.rp-notes p{white-space:pre-line;margin:10px 0 0}
.rp-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}
.rp-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--raised);margin-bottom:14px}
.rp-tabs button{border:0;border-radius:999px;padding:7px 16px;background:transparent;color:var(--muted);cursor:pointer}
.rp-tabs button[aria-selected="true"]{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.2)}

.rp-body{font-size:16px;line-height:1.7;color:var(--ink);max-width:760px}
.rp-body h2{font-size:26px;margin:26px 0 8px}.rp-body h3{font-size:20px;margin:22px 0 6px}.rp-body h4{font-size:17px;margin:18px 0 4px}
.rp-body p{margin:0 0 6px}
.rp-body .page-gap{height:10px}
.rp-body ul,.rp-body ol{margin:4px 0 10px;padding-left:24px}
.rp-body li{margin:3px 0}
.rp-body ul.page-checks{list-style:none;padding-left:2px}
.rp-body ul.page-checks label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;text-transform:none;letter-spacing:0;font-size:inherit;color:inherit}
.rp-body ul.page-checks input{margin-top:6px;width:17px;height:17px;accent-color:var(--orange)}
.rp-body ul.page-checks input:checked+span{text-decoration:line-through;color:var(--muted)}
.rp-body blockquote{margin:8px 0;padding:6px 16px;border-left:3px solid var(--orange);color:var(--muted);background:var(--raised);border-radius:0 10px 10px 0}
.rp-body hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.rp-body code{padding:1px 6px;border-radius:6px;background:var(--raised);font-size:.9em}
.rp-body a{color:var(--orange)}
.rp-empty{width:100%;padding:40px 20px;border:1px dashed var(--line);border-radius:16px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}
.rp-empty:hover{border-color:var(--orange);color:var(--ink)}

.wiki-link{display:inline-flex;align-items:center;gap:5px;margin:0 2px;padding:1px 9px 1px 6px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--ink);font:inherit;font-size:.93em;line-height:1.5;cursor:pointer;vertical-align:baseline}
.wiki-link svg{width:13px;height:13px;flex:none;color:var(--orange)}
.wiki-link:hover{border-color:var(--orange)}
.wiki-link.create{border-style:dashed;color:var(--muted)}
.wiki-link.broken{text-decoration:line-through;color:var(--muted);cursor:default}

.rp-editor-wrap{position:relative}
.rp-editor{width:100%;min-height:58vh;resize:vertical;padding:18px;border-radius:14px;font-family:inherit;font-size:15px;line-height:1.7}
.rp-hint{margin:8px 0 0;font-size:12px;color:var(--muted)}
.rp-hint b{color:var(--ink);font-weight:600}
.link-menu{position:absolute;left:14px;bottom:44px;z-index:20;width:min(380px,calc(100% - 28px));max-height:320px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.link-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.link-menu button svg{width:15px;height:15px;flex:none;color:var(--orange)}
.link-menu button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-menu button small{color:var(--muted);font-size:11px}
.link-menu button.active,.link-menu button:hover{background:var(--raised)}

.rp-aside{position:sticky;top:20px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.rp-aside h3{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rp-aside h3:first-child{margin-top:0}
.rp-aside h3 b{font-weight:600;color:var(--ink)}
.rp-link{display:grid;grid-template-columns:16px minmax(0,1fr);gap:2px 8px;width:100%;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.rp-link:hover{background:var(--raised)}
.rp-link svg{width:15px;height:15px;color:var(--orange);grid-row:span 2;margin-top:2px}
.rp-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-link small{color:var(--muted);font-size:11px}

#template-dialog{width:min(760px,calc(100% - 24px))}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--raised);color:var(--ink);text-align:left;cursor:pointer}
.template-card small{color:var(--muted)}
.template-card span{margin-top:6px;font-size:11px;color:var(--orange)}
.template-card.selected{border:2px solid var(--orange);padding:13px}
.template-preview{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--raised)}
.template-preview>small{display:block;margin-bottom:6px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.template-preview div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--line);font-size:14px}
.template-preview b{color:var(--orange);font-weight:600;white-space:nowrap}

.fun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.fun-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s}
.fun-card:hover{transform:translateY(-2px);border-color:var(--orange)}
.fun-card svg{width:26px;height:26px;color:var(--orange)}
.fun-card strong{font-size:18px}
.fun-card small{color:var(--muted);line-height:1.45}

@media (max-width:900px){
 .rp-grid{grid-template-columns:1fr}
 .rp-aside{position:static}
 .rp-actions{margin-left:0;width:100%}
 .rp-props label{min-width:0;flex:1 1 140px}
 .template-grid{grid-template-columns:1fr}
 .rp-editor{min-height:50vh}
}