/* Comments · Version History · Outline */
.comment-item{
    background:var(--s2);border:1px solid var(--border);
    border-radius:6px;padding:9px;margin-bottom:7px;font-size:11.5px;
}
.comment-item:hover{border-color:var(--blue-mid)}
.comment-header{display:flex;align-items:center;gap:5px;margin-bottom:3px}
.comment-time{color:var(--text3);font-size:10px;flex:1}
.comment-delete{
    width:15px;height:15px;border:none;background:transparent;
    cursor:pointer;color:var(--text3);font-size:9px;border-radius:2px;transition:all .12s;
}
.comment-delete:hover{background:#fff0f0;color:#cc0000}
.comment-text{color:var(--text);line-height:1.45;margin-bottom:5px}
.reply-item{
    background:var(--white);border:1px solid var(--border);
    border-radius:3px;padding:4px 7px;margin:3px 0;font-size:10.5px;
}
.reply-form{display:flex;gap:3px;margin-top:5px}
.reply-input{
    flex:1;border:1px solid var(--border);border-radius:3px;
    padding:3px 7px;font-size:10.5px;font-family:var(--font);
    background:var(--white);transition:border-color .13s;
}
.reply-input:focus{border-color:var(--blue);outline:none}
.reply-submit{
    padding:3px 9px;border:none;background:var(--blue);
    color:var(--white);border-radius:3px;font-size:10.5px;font-weight:700;
    cursor:pointer;transition:all .13s;
}
.reply-submit:hover{background:var(--blue-dk)}

.version-item{
    display:flex;align-items:center;gap:7px;padding:9px 11px;
    border:1px solid var(--border);border-radius:var(--r);
    margin-bottom:5px;background:var(--white);transition:border-color .13s;
}
.version-item:hover{border-color:var(--blue-mid)}
.version-name{font-weight:700;font-size:11.5px;flex:1}
.version-time{font-size:9.5px;color:var(--text3)}
.version-restore{
    padding:3px 8px;border:1px solid var(--blue-mid);
    background:var(--blue-lt);color:var(--blue);border-radius:var(--r);
    font-size:10.5px;font-weight:700;cursor:pointer;transition:all .13s;
}
.version-restore:hover{background:var(--blue);color:var(--white);border-color:var(--blue)}

.outline-papper{
    margin-bottom:12px;padding:10px;
    border:1px solid var(--border);border-radius:7px;background:var(--s2);
}
.outline-papper-header{
    font-size:11.5px;font-weight:800;color:var(--blue);
    margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em;
}
.outline-text-input{
    width:100%;border:1px solid var(--border);border-radius:var(--r);
    padding:5px 9px;font-family:var(--font);font-size:12.5px;
    margin-bottom:3px;resize:vertical;background:var(--white);color:var(--text);
    transition:border-color .13s;
}
.outline-text-input:focus{border-color:var(--blue);outline:none}